TWI799012B - Electronic apparatus and method for presenting three-dimensional space model - Google Patents

Electronic apparatus and method for presenting three-dimensional space model Download PDF

Info

Publication number
TWI799012B
TWI799012B TW110147327A TW110147327A TWI799012B TW I799012 B TWI799012 B TW I799012B TW 110147327 A TW110147327 A TW 110147327A TW 110147327 A TW110147327 A TW 110147327A TW I799012 B TWI799012 B TW I799012B
Authority
TW
Taiwan
Prior art keywords
space model
dimensional space
designated
anchor point
processor
Prior art date
Application number
TW110147327A
Other languages
Chinese (zh)
Other versions
TW202326618A (en
Inventor
王士麒
賴昱州
柯政安
Original Assignee
王一互動科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 王一互動科技有限公司 filed Critical 王一互動科技有限公司
Priority to TW110147327A priority Critical patent/TWI799012B/en
Application granted granted Critical
Publication of TWI799012B publication Critical patent/TWI799012B/en
Publication of TW202326618A publication Critical patent/TW202326618A/en

Links

Images

Landscapes

  • Testing, Inspecting, Measuring Of Stereoscopic Televisions And Televisions (AREA)
  • Processing Or Creating Images (AREA)

Abstract

An electronic apparatus and method for presenting three-dimensional space model are provided. The electronic apparatus includes a storage device and a processor. The storage device includes a database and a three-dimensional space model. The three-dimensional space model includes a plurality of positioning points, and the database includes a plurality of panoramas respectively corresponding to the positioning points. The processor is configured to: execute the three-dimensional space model; when detecting that a cursor click instruction acting on the three-dimensional space model; obtain a designated positioning point with the smallest distance from a click position corresponding to the cursor click instruction from the plurality of positioning points; obtain a designated panorama corresponding to the designated positioning point from the plurality of panoramas included in the database; and place the obtained panorama as a material into the three-dimensional space model to display on a display screen.

Description

呈現立體空間模型的電子裝置及方法Electronic device and method for presenting three-dimensional space model

本發明是有關於一種建立虛擬空間的技術,且特別是有關於一種呈現立體空間模型的電子裝置及方法。 The present invention relates to a technology for establishing a virtual space, and in particular to an electronic device and method for presenting a three-dimensional space model.

隨著科技的進步以及網路的興起,越來越多網站可供民眾透過網路連線來取得所需的資訊。在求新求變的時代,傳統照片瀏覽搭配文字閱讀的方式已經越來越不能滿足民眾的需求,因而發展出三維導覽技術,其是透過建立擬真環境,讓使用者有身歷其境之感。目前網頁虛擬實境主流技術大致有兩種方式,其中一種是利用360度環景攝影技術來製成虛擬實境,另一種是利用三維電腦繪圖軟體來製作三維虛擬場景。 With the advancement of technology and the rise of the Internet, more and more websites are available for the public to obtain the information they need through Internet connections. In the era of innovation and change, the traditional method of photo browsing combined with text reading has been increasingly unable to meet the needs of the public. Therefore, the development of 3D navigation technology allows users to experience the experience of being in the scene by creating a realistic environment. feel. At present, there are roughly two mainstream technologies for webpage virtual reality, one of which is to use 360-degree environmental photography technology to create a virtual reality, and the other is to use 3D computer graphics software to create a 3D virtual scene.

然,以360度環景攝影技術所製成的虛擬實境網頁,僅能觀看靜態圖像,且無法在虛擬空間中自由移動。而以電腦繪圖軟體所製成的三維虛擬場景,由於其具有大量三維模型,故,需要較龐大的運算量。因此,可能造成低階終端無法順利開啟網頁。 However, the virtual reality webpage made with 360-degree environmental photography technology can only watch static images, and cannot move freely in the virtual space. However, the 3D virtual scene made with computer graphics software requires a relatively large amount of calculation because it has a large number of 3D models. Therefore, low-end terminals may not be able to open webpages smoothly.

本發明提供一種呈現立體空間模型的電子裝置及方法,不僅可提供渲染細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。 The present invention provides an electronic device and method for presenting a three-dimensional space model, which can not only provide detailed and realistic images, but also ensure smooth operation on low-end terminals.

本發明的呈現立體空間模型的電子裝置,包括:儲存裝置以及處理器。儲存裝置包括資料庫以及立體空間模型。立體空間模型包括多個定位點,資料庫包括分別與所述定位點相對應的多個環景圖。處理器耦接至儲存裝置,且經配置以:執行立體空間模型;在偵測到作用於立體空間模型的游標操作指令時,自該些定位點中獲得與該游標操作指令對應的一操作位置相距最小的一指定定位點;自資料庫所包括的多個環景圖中取出對應於指定定位點的指定環景圖;以及將所取出的指定環景圖作為材質置入立體空間模型而顯示於顯示畫面中。 The electronic device for presenting a three-dimensional space model of the present invention includes: a storage device and a processor. The storage device includes a database and a three-dimensional space model. The three-dimensional space model includes a plurality of anchor points, and the database includes a plurality of surrounding view images respectively corresponding to the anchor points. The processor is coupled to the storage device and is configured to: execute the stereoscopic space model; when detecting a cursor operation instruction acting on the stereoscopic space model, obtain an operation position corresponding to the cursor operation instruction from the positioning points A designated anchor point with the smallest distance; fetching a designated surround view image corresponding to the designated anchor point from a plurality of surround view images included in the database; in the display screen.

在本發明的一實施例中,所述立體空間模型中預留有互動位置,所述儲存裝置更包括互動元件資料庫。互動元件資料庫中包括互動元件。所述處理器經配置以:在立體空間模型的互動位置設置互動元件;以及在獲得操作位置對應的指定定位點時,計算指定定位點與互動位置之間的相對位置資訊,以基於相對位置資訊來調整互動元件的渲染參數。 In an embodiment of the present invention, an interaction position is reserved in the three-dimensional space model, and the storage device further includes an interactive component database. The interactive component database includes interactive components. The processor is configured to: set the interactive element at the interactive position of the three-dimensional space model; and when obtaining the designated positioning point corresponding to the operating position, calculate the relative position information between the designated positioning point and the interactive position, so as to base on the relative position information to adjust the rendering parameters of interactive components.

在本發明的一實施例中,所述處理器經配置以:在執行立體空間模型之後,且尚未偵測到作用於立體空間模型的游標操作指令之前,以預設位置對應的預設環景圖作為材質置入立體空 間模型並顯示於顯示畫面中。在此,預設位置為其中一個定位點,預設環景圖為其中一個環景圖。 In an embodiment of the present invention, the processor is configured to: after the stereoscopic space model is executed and before the cursor operation command acting on the stereoscopic space model is detected, the preset surrounding scene corresponding to the preset position The image is placed in the three-dimensional space as a material model and display it on the display screen. Here, the preset position is one of the anchor points, and the preset surround view image is one of the surround view images.

在本發明的一實施例中,所述定位點設置在可移動範圍上。所述處理器經配置以:倘若游標操作指令作用於立體空間模型中的可移動範圍以外的位置,對顯示畫面中當前所顯示的指定環景圖進行調整動作,所述調整動作包括移動、轉動以及縮放至少其中一個。 In an embodiment of the present invention, the positioning point is set on a movable range. The processor is configured to: if the cursor operation command acts on a position outside the movable range in the three-dimensional space model, perform an adjustment action on the specified surrounding view image currently displayed in the display screen, and the adjustment action includes moving, rotating and scale at least one of them.

在本發明的一實施例中,所述電子裝置更包括:通訊元件,其耦接至處理器。所述處理器經配置以:透過通訊元件自用戶端裝置接收游標操作指令,並在將指定環景圖作為材質置入立體空間模型之後,將對應於立體空間模型的虛擬相機移動至指定定位點,並透過通訊元件將已置入指定環景圖的立體空間模型顯示至用戶端裝置的顯示畫面中。 In an embodiment of the present invention, the electronic device further includes: a communication element coupled to the processor. The processor is configured to: receive a cursor operation instruction from the user terminal device through a communication element, and after placing the specified surrounding view image as a material into the three-dimensional space model, move the virtual camera corresponding to the three-dimensional space model to a specified anchor point , and display the three-dimensional space model that has been placed in the designated panorama on the display screen of the client device through the communication component.

本發明的呈現立體空間模型的方法,包括:執行立體空間模型,其中立體空間模型包括多個定位點,這些定位點分別與資料庫中的多個環景圖相對應;在偵測到作用於立體空間模型的游標操作指令時,自該些定位點中獲得與該游標操作指令對應的操作位置相距最小的指定定位點時,自資料庫所包括的多個環景圖中取出對應於指定定位點的指定環景圖;以及將所取出的指定環景圖作為材質置入立體空間模型而顯示於顯示畫面中。 The method for presenting a three-dimensional space model of the present invention includes: executing the three-dimensional space model, wherein the three-dimensional space model includes a plurality of positioning points, and these positioning points are respectively corresponding to a plurality of surrounding view images in the database; When the cursor operation command of the three-dimensional space model is obtained, the specified positioning point with the smallest distance from the operation position corresponding to the cursor operation command is obtained from the positioning points, and the corresponding specified positioning point is obtained from multiple surrounding views included in the database. The designated surrounding view image of the point; and placing the extracted designated surrounding view image as a material into the three-dimensional space model and displaying it on the display screen.

基於上述,本發明採用立體空間模型搭配多個環景圖來使用,基於操作位置來選擇對應的環景圖,據此,不僅可提供渲 染細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。 Based on the above, the present invention adopts a three-dimensional space model to be used with a plurality of surrounding views, and selects a corresponding surrounding view based on the operating position. It can also ensure smooth operation on low-end terminals.

100:用戶端裝置 100: client device

200:電子裝置 200: electronic device

210:處理器 210: Processor

220:通訊元件 220: communication components

230:儲存裝置 230: storage device

231:資料庫 231: Database

233:立體空間模型 233: Three-dimensional space model

E1~E19:互動位置 E1~E19: Interaction position

P1~P29:定位點 P1~P29: positioning point

S505~S520:現立體空間模型的方法的步驟 S505~S520: Steps of the method for presenting a three-dimensional space model

圖1是依照本發明一實施例的呈現立體空間模型的系統的方塊圖。 FIG. 1 is a block diagram of a system for presenting a three-dimensional space model according to an embodiment of the invention.

圖2是依照本發明一實施例的呈現立體空間模型的電子裝置的方塊圖。 FIG. 2 is a block diagram of an electronic device for presenting a three-dimensional space model according to an embodiment of the invention.

圖3是依照本發明一實施例的立體空間模型的示意圖。 FIG. 3 is a schematic diagram of a three-dimensional space model according to an embodiment of the invention.

圖4是依照本發明一實施例的包括多個定位點的立體空間模型的示意圖。 FIG. 4 is a schematic diagram of a three-dimensional space model including multiple anchor points according to an embodiment of the present invention.

圖5是依照本發明一實施例的呈現立體空間模型的方法流程圖。 FIG. 5 is a flowchart of a method for presenting a three-dimensional space model according to an embodiment of the invention.

圖1是依照本發明一實施例的呈現立體空間模型的系統的方塊圖。請參照圖1,呈現立體空間模型的系統包括用戶端裝置100以及電子裝置200。用戶端裝置100例如為使用者所使用的智慧型手機、平板電腦、筆記型電腦或個人電腦等具有運算能力以及連網功能的電子裝置。電子裝置200例如為網站伺服器。電子裝置200與用戶端裝置100之間可利用有線或無線的通訊技術進行連線。 FIG. 1 is a block diagram of a system for presenting a three-dimensional space model according to an embodiment of the invention. Referring to FIG. 1 , the system for presenting a three-dimensional space model includes a client device 100 and an electronic device 200 . The client device 100 is, for example, a smart phone, a tablet computer, a notebook computer, or a personal computer used by a user, and is an electronic device with computing capability and networking function. The electronic device 200 is, for example, a web server. The electronic device 200 and the client device 100 can be connected by wired or wireless communication technology.

圖2是依照本發明一實施例的呈現立體空間模型的電子裝置的方塊圖。電子裝置200包括處理器210、通訊元件220以及儲存裝置230。處理器210耦接至通訊元件220以及儲存裝置230。 FIG. 2 is a block diagram of an electronic device for presenting a three-dimensional space model according to an embodiment of the invention. The electronic device 200 includes a processor 210 , a communication component 220 and a storage device 230 . The processor 210 is coupled to the communication element 220 and the storage device 230 .

處理器210例如是中央處理單元(Central Processing Unit,CPU)、圖形處理單元(Graphics Processing Unit,GPU),或是其他可程式化之微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor,DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits,ASIC)、程式化邏輯裝置(Programmable Logic Device,PLD)或其他類似裝置。 The processor 210 is, for example, a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU), or other programmable microprocessor (Microprocessor), digital signal processor (Digital Signal Processor, DSP), programmable controller, application specific integrated circuit (Application Specific Integrated Circuits, ASIC), programmable logic device (Programmable Logic Device, PLD) or other similar devices.

通訊元件220可以是採用區域網路(Local Area Network,LAN)技術、無線區域網路(Wireless LAN,WLAN)技術或行動通訊技術的晶片或電路。區域網路例為乙太網路(Ethernet)。無線區域網路例如為Wi-Fi。行動通訊技術例如為全球行動通訊系統(Global System for Mobile Communications,GSM)、第三代行動通訊技術(third-Generation,3G)、第四代行動通訊技術(fourth-Generation,4G)、第五代行動通訊技術(fifth-Generation,5G)等。 The communication element 220 may be a chip or a circuit using local area network (LAN) technology, wireless area network (Wireless LAN, WLAN) technology or mobile communication technology. An example of the LAN is Ethernet. The wireless local area network is, for example, Wi-Fi. Mobile communication technologies are, for example, Global System for Mobile Communications (GSM), third-generation mobile communication technology (third-Generation, 3G), fourth-generation mobile communication technology (fourth-Generation, 4G), fifth-generation Mobile communication technology (fifth-Generation, 5G), etc.

儲存裝置230例如是任意型式的固定式或可移動式隨機存取記憶體、唯讀記憶體、快閃記憶體、硬碟或其他類似裝置或這些裝置的組合。儲存裝置230用以儲存資料庫231與立體空間模型233。 The storage device 230 is, for example, any type of fixed or removable random access memory, read-only memory, flash memory, hard disk or other similar devices or a combination of these devices. The storage device 230 is used for storing a database 231 and a three-dimensional space model 233 .

資料庫231儲存了多個環景圖。環景圖的建立例如可以 由三維動畫軟體來製成,也可利用相機進行拍攝獲得。三維動畫軟體的虛擬攝影機能夠模擬真實世界的相機,將三維場景分成多張角度的相片,再將此組相片後製為環景圖。 The database 231 stores a plurality of surrounding view images. The creation of the panorama can be, for example, Made by 3D animation software, it can also be obtained by shooting with a camera. The virtual camera of the 3D animation software can simulate the camera in the real world, divide the 3D scene into photos from multiple angles, and then make this group of photos into a panoramic view.

底下舉一實施例來說明立體空間模型233。圖3是依照本發明一實施例的立體空間模型的示意圖。圖4是依照本發明一實施例的包括多個定位點的立體空間模型的示意圖。 An example is given below to illustrate the three-dimensional space model 233 . FIG. 3 is a schematic diagram of a three-dimensional space model according to an embodiment of the invention. FIG. 4 is a schematic diagram of a three-dimensional space model including multiple anchor points according to an embodiment of the present invention.

立體空間模型233例如是由三維模型設計師根據客戶需求所利用中三維建模工具等軟體生成對應於一空間的立體空間模型233,如圖3所示。而在完成立體空間模型233之後,三維模型設計師再根據客戶需求在立體空間模型233設置如圖4所示的多個定位點P1~P29,並分別根據定位點P1~P29每一個點來設置其對應的一個環景圖,並儲存至資料庫231中。另外,還可進一步根據需求在立體空間模型233中預先保留至少一個互動位置,以供使用者來動態置入其他互動元件。在圖4所示的實施例中,立體空間模型233預先設置了19個互動位置E1~E19。然,在此僅為舉例說明,並不限定定位點的數量以及預留的互動位置的數量。 The three-dimensional space model 233 is, for example, a three-dimensional space model 233 corresponding to a space generated by software such as a three-dimensional modeling tool used by a three-dimensional model designer according to customer requirements, as shown in FIG. 3 . After completing the three-dimensional space model 233, the three-dimensional model designer then sets a plurality of positioning points P1-P29 as shown in Figure 4 in the three-dimensional space model 233 according to customer needs, and sets them according to each point of the positioning points P1-P29 It corresponds to a panorama picture and is stored in the database 231 . In addition, at least one interactive position can be further reserved in the three-dimensional space model 233 according to requirements, so that the user can dynamically insert other interactive elements. In the embodiment shown in FIG. 4 , the three-dimensional space model 233 is preset with 19 interaction positions E1 - E19 . However, this is only for illustration, and does not limit the number of anchor points and the number of reserved interaction positions.

此外,儲存裝置230還儲存有多個程式碼片段,而上述程式碼片段在被安裝後,由處理器210來執行,藉此來執行下述呈現立體空間模型233的方法。 In addition, the storage device 230 also stores a plurality of program code segments, and the above program code segments are executed by the processor 210 after being installed, so as to implement the following method for presenting the three-dimensional space model 233 .

圖5是依照本發明一實施例的呈現立體空間模型的方法流程圖。請參照圖5,在步驟S505中,執行立體空間模型233。 例如,以用戶端裝置100欲連線至電子裝置200來開啟三維網頁進行說明,電子裝置200在接收到連線通知之後,會去執行立體空間模型233。 FIG. 5 is a flowchart of a method for presenting a three-dimensional space model according to an embodiment of the invention. Referring to FIG. 5 , in step S505 , the three-dimensional space model 233 is executed. For example, the user terminal device 100 intends to connect to the electronic device 200 to open a three-dimensional webpage for illustration, and the electronic device 200 will execute the three-dimensional space model 233 after receiving the connection notification.

在執行立體空間模型233之後,且尚未偵測到作用於立體空間模型233的游標操作指令之前,處理器210可先以預設位置對應的預設環景圖作為材質置入立體空間模型233,並將已置入預設環景圖的立體空間模型233顯示至顯示畫面中。在此,預設位置為其中一個定位點,預設環景圖為其中一個環景圖。例如,將定位點P3設定為預設定位點。 After the three-dimensional space model 233 is executed, and before the cursor operation command acting on the three-dimensional space model 233 is detected, the processor 210 may first use the preset surrounding view image corresponding to the preset position as a material to insert into the three-dimensional space model 233, And the three-dimensional space model 233 that has been placed in the preset surrounding view image is displayed on the display screen. Here, the preset position is one of the anchor points, and the preset surround view image is one of the surround view images. For example, the anchor point P3 is set as the preset anchor point.

接著,在步驟S510中,在偵測到作用於立體空間模型233的游標操作指令時,自多個定位點中獲得與游標操作指令對應的操作位置相距最小的指定定位點。 Next, in step S510 , when a cursor operation instruction acting on the three-dimensional space model 233 is detected, a designated anchor point with the smallest distance between the operation positions corresponding to the cursor operation instruction is obtained from the plurality of anchor points.

在一實施例中,用戶端裝置100的使用者可利用滑鼠、觸控面板等操作裝置來控制顯示畫面中的游標,在透過滑鼠或觸控面板等操作裝置在顯示畫面所顯示的立體空間模型233的一處進行點擊(click)、拖曳或滑動,則用戶端裝置100會將對應的游標操作指令傳送至電子裝置200。電子裝置200的處理器210透過通訊元件220自用戶端裝置100接收游標操作指令,在偵測到作用於立體空間模型233的游標操作指令時,會去進一步計算游標操作指令對應的操作位置與立體空間模型233所設定的每一個定位點之間的距離,並取最小距離對應的定位點來作為與操作位置對應的指定定位點。例如,倘若游標操作指令對應至點擊動作, 則點擊位置即為操作位置。倘若游標操作指令對應至拖曳動作,則將釋放拖曳動作時的位置作為操作位置。 In one embodiment, the user of the client device 100 can use an operating device such as a mouse or a touch panel to control the cursor on the display screen, and the three-dimensional image displayed on the display screen through the operating device such as a mouse or a touch panel If one of the spatial models 233 is clicked, dragged or slid, the client device 100 will transmit the corresponding cursor operation instruction to the electronic device 200 . The processor 210 of the electronic device 200 receives the cursor operation instruction from the client device 100 through the communication element 220, and when detecting the cursor operation instruction acting on the three-dimensional space model 233, it will further calculate the operation position and the three-dimensional space corresponding to the cursor operation instruction. The space model 233 sets the distance between each positioning point, and takes the positioning point corresponding to the minimum distance as the specified positioning point corresponding to the operating position. For example, if the cursor operation command corresponds to a click action, Then the click position is the operation position. If the cursor operation command corresponds to a dragging action, the position when the dragging action is released is taken as the operating position.

之後,在步驟S515中,自資料庫231所包括的多個環景圖中取出對應於指定定位點的指定環景圖。 Afterwards, in step S515 , a designated panoramic view corresponding to the designated anchor point is retrieved from the plurality of panoramic views included in the database 231 .

接著,在步驟S520中,將所取出的指定環景圖作為材質置入立體空間模型233而顯示於顯示畫面中。在一實施例中,處理器210在將指定環景圖作為材質置入立體空間模型233之後,會進一步將對應於立體空間模型233的虛擬相機移動至指定定位點。之後,再透過通訊元件220將已置入指定環景圖的立體空間模型233顯示至用戶端裝置100的顯示畫面中。 Next, in step S520 , the extracted designated panoramic image is placed as a material into the three-dimensional space model 233 and displayed on the display screen. In one embodiment, after the processor 210 puts the specified surrounding view image as a material into the stereoscopic space model 233 , it will further move the virtual camera corresponding to the stereoscopic space model 233 to the specified anchor point. Afterwards, the three-dimensional space model 233 placed in the designated panoramic view is displayed on the display screen of the client device 100 through the communication component 220 .

在此,處理器210利用渲染(rendering)方式將指定環景圖作為材質置入立體空間模型233。一般而言,三維模型會使用紋理進行覆蓋,將紋理排列放到三維模型上的過程稱作紋理對映。經由紋理對映處理後,可讓三維模型更加細緻並且看起來更加真實。在本實施例中,便是將環景圖作為是紋理對映的材質將其置入至立體空間模型233。除了紋理對映之外,還可以調整曲面法線以實現照亮效果,一些曲面還可以使用凸凹紋理對映(Bump mapping)方法以及其它一些立體彩現的技巧。 Here, the processor 210 uses a rendering method to put the specified surrounding view image as a material into the three-dimensional space model 233 . Generally speaking, 3D models are covered with textures, and the process of arranging textures onto 3D models is called texture mapping. After texture mapping processing, the 3D model can be more detailed and look more realistic. In this embodiment, the surround view image is used as a texture-mapped material and put into the three-dimensional space model 233 . In addition to texture mapping, surface normals can also be adjusted for lighting effects, some surfaces can use bump mapping methods, and other tricks for stereo rendering.

另外,在渲染過程中,處理器210利用虛擬相機來定位與立體空間模型233中各物體的關係,藉此獲得多個渲染參數。在現實世界中,由於光線經由物體而反射至眼睛,因而眼睛看到物體。而虛擬相機所在位置即“眼睛”的位置。透過射線追蹤(ray tracing)方式可計算虛擬相機與立體空間模型233中的每一個像素點之間相對應的反射指數等渲染參數。故,在獲得指定定位點之後,處理器210還會進一步將虛擬相機移動至指定定位點,藉此來獲得與此指定定位點相對應的渲染參數。 In addition, during the rendering process, the processor 210 uses the virtual camera to locate the relationship with each object in the three-dimensional space model 233 , thereby obtaining multiple rendering parameters. In the real world, the eye sees an object because light rays are reflected from the object to the eye. The position of the virtual camera is the position of the "eye". Through ray tracing (ray The tracing) method can calculate rendering parameters such as reflection index corresponding between the virtual camera and each pixel in the stereoscopic space model 233 . Therefore, after obtaining the designated anchor point, the processor 210 will further move the virtual camera to the designated anchor point, thereby obtaining rendering parameters corresponding to the designated anchor point.

另外,在立體空間模型233中設置有可移動範圍,而在可移動範圍中包括多個定位點。藉由可移動範圍來界定立體空間模型233中哪些區域內的點擊是需要切換環景圖,哪些區域內的點擊不會切換環景圖。舉例來說,在電子裝置200中,倘若處理器210偵測到游標操作指令作用於立體空間模型233中的可移動範圍以外的位置,不需切換環景圖,而是對顯示畫面中當前所顯示的環景圖進行調整動作。所述調整動作包括移動、轉動或縮放。在此,游標操作指令為單擊指令、雙擊指令、拖曳指令或捏縮(pinch)指令等。可進一步針對不同的游標操作指令來執行不同的調整動作。 In addition, a movable range is set in the three-dimensional space model 233 , and a plurality of anchor points are included in the movable range. The movable range is used to define which regions in the three-dimensional space model 233 need to switch the surround view image, and which regions do not switch the surround view image. For example, in the electronic device 200, if the processor 210 detects that the cursor operation command acts on a position outside the movable range of the three-dimensional space model 233, it does not need to switch the panoramic view, but instead controls the current position in the display screen. The displayed panorama view is adjusted. The adjustment action includes moving, rotating or scaling. Here, the cursor operation command is a single click command, a double click command, a drag command, or a pinch command. Different adjustment actions can be further performed for different cursor operation instructions.

也就是說,倘若游標操作指令對應的操作位置不在可移動範圍內,則不需要切換環景圖,而直接對目前所顯示的環景圖進行移動、轉動或縮放等調整動作。 That is to say, if the operation position corresponding to the cursor operation instruction is not within the movable range, there is no need to switch the surround view image, and directly perform adjustment actions such as moving, rotating or zooming the currently displayed surround view image.

另外,儲存裝置230還可進一步設置互動元件資料庫。互動元件資料庫中包括互動元件以及此互動元件於立體空間模型233中的互動位置。互動元件例如為多媒體檔案、互動介面或按鈕等。處理器210根據互動元件對應的互動位置在立體空間模型233中設置互動元件。並且,在操作位置符合其中一個定位點時,計 算此定位點與互動位置之間的相對位置資訊,以基於相對位置資訊來調整互動元件的渲染參數。 In addition, the storage device 230 can further set an interactive element database. The interactive component database includes the interactive component and the interactive position of the interactive component in the three-dimensional space model 233 . The interactive elements are, for example, multimedia files, interactive interfaces or buttons. The processor 210 sets the interactive elements in the three-dimensional space model 233 according to the interactive positions corresponding to the interactive elements. And, when the operating position coincides with one of the anchor points, the count Calculate the relative position information between the anchor point and the interactive position, so as to adjust the rendering parameters of the interactive component based on the relative position information.

假設互動元件設置在互動位置E1,倘若目前顯示的為對應至定位點P3的環景圖,則處理器210會計算互動位置E1與定位點P3之間的相對位置關係,進而調整互動元件在其對應的環景圖中的呈現角度以及光影呈現等渲染參數,藉此來調整其視覺相關效果。倘若切換至定位點P5的環景圖,則處理器210會重新計算互動位置E1與定位點P5之間的相對位置關係,進而調整互動元件在其對應的環景圖中的渲染參數。據此,可隨著游標的移動來動態調整互動元件的呈現方式,進而獲得更貼近真實空間的視覺效果。 Assuming that the interactive element is set at the interactive position E1, if the currently displayed panorama image corresponding to the anchor point P3, the processor 210 will calculate the relative positional relationship between the interactive position E1 and the anchor point P3, and then adjust the interactive element at its position The rendering parameters such as the rendering angle and light and shadow rendering in the corresponding panorama image are used to adjust its visual related effects. If switching to the surround view image of the anchor point P5, the processor 210 will recalculate the relative positional relationship between the interaction position E1 and the anchor point P5, and then adjust the rendering parameters of the interactive element in its corresponding surround view image. Accordingly, the presentation of the interactive elements can be dynamically adjusted along with the movement of the cursor, thereby obtaining a visual effect closer to the real space.

而使用者可透過用戶端裝置100來操作立體空間模型233中的互動元件。例如,假設互動元件為播放介面,其具有多個操作鈕,使用者可透過游標點擊播放介面中的操作鈕來控制影片的播放、暫停、快轉或返回等功能。又例如,假設互動元件為按鈕,使用者可透過游標點擊互動元件來觸發此按鈕對應的功能,例如連線至另一網頁,或者在立體空間模型233上顯示另一層視窗介面等。 The user can operate the interactive elements in the three-dimensional space model 233 through the client device 100 . For example, suppose the interactive component is a playback interface, which has multiple operation buttons, and the user can click the operation buttons in the playback interface to control functions such as playing, pausing, fast-forwarding or returning the video. For another example, assuming that the interactive element is a button, the user can click the interactive element with the cursor to trigger the function corresponding to the button, such as connecting to another web page, or displaying another layer of window interface on the three-dimensional space model 233 .

綜上所述,本發明採用立體空間模型搭配多個環景圖來使用,基於游標操作指令對應的操作位置來選擇對應的環景圖。並且,在立體空間模型中保留多個互動位置來設置互動元件,根據操作位置來調整互動元件的呈現方式。據此,不僅可提供渲染 細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。 To sum up, in the present invention, a three-dimensional space model is used together with multiple surrounding views, and the corresponding surrounding views are selected based on the operating position corresponding to the cursor operation command. Moreover, a plurality of interactive positions are reserved in the three-dimensional space model to set the interactive components, and the presentation mode of the interactive components is adjusted according to the operating positions. Accordingly, not only rendering The detailed and realistic graphics can also ensure smooth operation on low-end terminals.

200:電子裝置 200: electronic device

210:處理器 210: Processor

220:通訊元件 220: communication components

230:儲存裝置 230: storage device

231:資料庫 231: Database

233:立體空間模型 233: Three-dimensional space model

Claims (10)

一種呈現立體空間模型的電子裝置,包括:一儲存裝置,包括一資料庫以及一立體空間模型,其中該立體空間模型包括多個定位點,該資料庫包括分別與該些定位點相對應的多個環景圖;以及一處理器,耦接至該儲存裝置,且經配置以:執行該立體空間模型;在偵測到作用於該立體空間模型的一游標操作指令時,自該些定位點中獲得與該游標操作指令對應的一操作位置相距最小的一指定定位點;將對應於該立體空間模型的一虛擬相機移動至該指定定位點,以獲得與該指定定位點相對應的一渲染參數;自該資料庫所包括的該些環景圖中取出對應於該指定定位點的一指定環景圖;以及基於該渲染參數,將所取出的該指定環景圖作為材質置入該立體空間模型而顯示於一顯示畫面中。 An electronic device for presenting a three-dimensional space model, comprising: a storage device including a database and a three-dimensional space model, wherein the three-dimensional space model includes a plurality of positioning points, and the database includes multiple positioning points corresponding to the positioning points respectively. a surrounding view image; and a processor, coupled to the storage device, and configured to: execute the stereoscopic space model; when detecting a cursor operation instruction acting on the stereoscopic space model, from the anchor points Obtain a designated anchor point with the smallest distance from an operation position corresponding to the cursor operation instruction; move a virtual camera corresponding to the stereoscopic space model to the designated anchor point to obtain a rendering corresponding to the designated anchor point Parameters; fetching a specified panorama corresponding to the specified anchor point from the panoptics included in the database; and placing the fetched specified panoply as a material into the stereo based on the rendering parameters The spatial model is displayed on a display screen. 如請求項1所述的電子裝置,其中該立體空間模型中預留有一互動位置,該儲存裝置更包括:一互動元件資料庫,儲存一互動元件;該處理器經配置以:在該立體空間模型的該互動位置設置該互動元件;以及在獲得該操作位置對應的該指定定位點時,計算該指定定位 點與該互動位置之間的一相對位置資訊,以基於該相對位置資訊來調整該互動元件的該渲染參數。 The electronic device as described in claim 1, wherein an interaction position is reserved in the three-dimensional space model, and the storage device further includes: an interactive component database storing an interactive component; the processor is configured to: in the three-dimensional space Set the interactive component at the interactive position of the model; and calculate the specified positioning when obtaining the specified anchor point corresponding to the operation position Relative position information between the point and the interactive position, so as to adjust the rendering parameter of the interactive component based on the relative position information. 如請求項1所述的電子裝置,其中該處理器經配置以:在執行該立體空間模型之後,且尚未偵測到作用於該立體空間模型的該游標操作指令之前,以一預設位置對應的一預設環景圖作為材質置入該立體空間模型並顯示至於顯示畫面中,其中該預設位置為該些定位點中的其中一個,該預設環景圖為該些環景圖中的其中一個。 The electronic device according to claim 1, wherein the processor is configured to correspond to a preset position after executing the three-dimensional space model and before detecting the cursor operation instruction acting on the three-dimensional space model A preset surrounding view image is placed into the three-dimensional space model as a material and displayed on the display screen, wherein the preset position is one of the anchor points, and the preset surrounding view image is the one of the 如請求項1所述的電子裝置,其中該些定位點設置在一可移動範圍上,該處理器經配置以:倘若該游標操作指令作用於該立體空間模型中的該可移動範圍以外的位置,對該顯示畫面中當前所顯示的該指定環景圖進行一調整動作,該調整動作包括移動、轉動以及縮放至少其中一個。 The electronic device as claimed in claim 1, wherein the positioning points are set on a movable range, and the processor is configured to: if the cursor operation instruction acts on a position in the three-dimensional space model outside the movable range , performing an adjustment action on the specified surrounding view image currently displayed on the display screen, where the adjustment action includes at least one of moving, rotating, and zooming. 如請求項1所述的電子裝置,更包括:一通訊元件,耦接至該處理器,該處理器經配置以:透過該通訊元件自一用戶端裝置接收該游標操作指令,並透過該通訊元件將已置入該指定環景圖的該立體空間模型顯示至一用戶端裝置的該顯示畫面中。 The electronic device as described in claim 1, further comprising: a communication element coupled to the processor, and the processor is configured to: receive the cursor operation command from a client device through the communication element, and through the communication The component displays the three-dimensional space model that has been placed in the specified surrounding view on the display screen of a client device. 一種呈現立體空間模型的方法,由一處理器來執行,該方法包括:執行一立體空間模型,其中該立體空間模型包括多個定位 點,該些定位點分別與一資料庫中的多個環景圖相對應;在偵測到作用於該立體空間模型的一游標操作指令時,自該些定位點中獲得與該游標操作指令對應的一操作位置相距最小的一指定定位點;將對應於該立體空間模型的一虛擬相機移動至該指定定位點,以獲得與該指定定位點相對應的一渲染參數;自該資料庫中所包括的該些環景圖中取出對應於該指定定位點的一指定環景圖;以及基於該渲染參數,將所取出的該指定環景圖作為材質置入該立體空間模型而顯示於一顯示畫面中。 A method for presenting a stereoscopic space model, performed by a processor, the method comprising: executing a stereoscopic space model, wherein the stereoscopic space model includes a plurality of positioning Points, these anchor points respectively correspond to a plurality of surround view images in a database; when a cursor operation instruction acting on the three-dimensional space model is detected, the cursor operation instruction corresponding to the cursor operation instruction is obtained from the anchor points A designated anchor point with the smallest distance between corresponding operating positions; moving a virtual camera corresponding to the stereoscopic space model to the designated anchor point to obtain a rendering parameter corresponding to the designated anchor point; from the database Extracting a designated surrounding view corresponding to the designated anchor point from the included surrounding views; and based on the rendering parameter, placing the extracted designated surrounding view as a material into the three-dimensional space model and displaying it on a displayed on the screen. 如請求項6所述的呈現立體空間模型的方法,其中該立體空間模型中預留有至少一互動位置,該方法更包括:在該立體空間模型的該互動位置設置一互動元件;以及在獲得該操作位置對應的該指定定位點時,計算該指定定位點與該互動位置之間的一相對位置資訊,以基於該相對位置資訊來調整該互動元件的該渲染參數。 The method for presenting a three-dimensional space model as described in claim 6, wherein at least one interaction position is reserved in the three-dimensional space model, and the method further includes: setting an interaction element at the interaction position of the three-dimensional space model; and obtaining When the designated anchor point corresponding to the operating position is operated, a relative position information between the designated anchor point and the interaction position is calculated, so as to adjust the rendering parameter of the interactive component based on the relative position information. 如請求項6所述的呈現立體空間模型的方法,其中在執行該立體空間模型之後,更包括:在尚未偵測到作用於該立體空間模型的該游標操作指令之前,以一預設位置對應的一預設環景圖作為材質置入該立體空間模型並顯示於該顯示畫面中,其中該預設位置為該些定位點中的其中一個,該預設環景圖為該些環景圖中的其中一個。 The method for presenting a three-dimensional space model as described in Claim 6, wherein after executing the three-dimensional space model, it further includes: before detecting the cursor operation command acting on the three-dimensional space model, corresponding to a preset position A preset surrounding view image is placed into the three-dimensional space model as a material and displayed on the display screen, wherein the preset position is one of the anchor points, and the default surrounding view image is the surrounding view images one of them. 如請求項6所述的呈現立體空間模型的方法,其中該些定位點設置在一可移動範圍上,而在執行該立體空間模型之後,更包括:倘若該游標操作指令作用於該立體空間模型中的該可移動範圍以外的位置,對該顯示畫面中當前所顯示的該指定環景圖進行一調整動作,該調整動作包括移動、轉動以及縮放至少其中一個。 The method for presenting a three-dimensional space model as described in Claim 6, wherein the anchor points are set on a movable range, and after executing the three-dimensional space model, further comprising: if the cursor operation instruction acts on the three-dimensional space model For a position outside the movable range in the display screen, an adjustment action is performed on the designated panoramic image currently displayed on the display screen, and the adjustment action includes at least one of moving, rotating and zooming. 如請求項6所述的呈現立體空間模型的方法,其中在執行該立體空間模型之後,更包括:透過一通訊元件自一用戶端裝置接收該游標操作指令;其中,在將所取出的該指定環景圖作為材質置入該立體空間模型而顯示於該顯示畫面中的步驟包括:透過該通訊元件將已置入該指定環景圖的該立體空間模型顯示至一用戶端裝置的該顯示畫面中。 The method for presenting a three-dimensional space model as described in claim 6, wherein after executing the three-dimensional space model, it further includes: receiving the cursor operation command from a client device through a communication element; wherein, after the fetched specified The step of embedding the three-dimensional space model as a material and displaying it on the display screen includes: displaying the three-dimensional space model that has been placed in the specified environment picture to the display screen of a client device through the communication element middle.
TW110147327A 2021-12-17 2021-12-17 Electronic apparatus and method for presenting three-dimensional space model TWI799012B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW110147327A TWI799012B (en) 2021-12-17 2021-12-17 Electronic apparatus and method for presenting three-dimensional space model

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW110147327A TWI799012B (en) 2021-12-17 2021-12-17 Electronic apparatus and method for presenting three-dimensional space model

Publications (2)

Publication Number Publication Date
TWI799012B true TWI799012B (en) 2023-04-11
TW202326618A TW202326618A (en) 2023-07-01

Family

ID=86948711

Family Applications (1)

Application Number Title Priority Date Filing Date
TW110147327A TWI799012B (en) 2021-12-17 2021-12-17 Electronic apparatus and method for presenting three-dimensional space model

Country Status (1)

Country Link
TW (1) TWI799012B (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070146360A1 (en) * 2005-12-18 2007-06-28 Powerproduction Software System And Method For Generating 3D Scenes
US8403757B2 (en) * 2006-04-13 2013-03-26 Yosef Mizrachi Method and apparatus for providing gaming services and for handling video content
CN107003124A (en) * 2014-06-10 2017-08-01 西门子医疗保健诊断公司 Drawer vision system
TWI693531B (en) * 2017-07-07 2020-05-11 美商輝達公司 Saccadic redirection for virtual reality locomotion
TW202120005A (en) * 2019-11-29 2021-06-01 中國商北京市商湯科技開發有限公司 Interactive display method for image positioning, electronic device and computer-readable storage medium
TWM626899U (en) * 2021-12-17 2022-05-11 王一互動科技有限公司 Electronic apparatus for presenting three-dimensional space model

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070146360A1 (en) * 2005-12-18 2007-06-28 Powerproduction Software System And Method For Generating 3D Scenes
US8403757B2 (en) * 2006-04-13 2013-03-26 Yosef Mizrachi Method and apparatus for providing gaming services and for handling video content
CN107003124A (en) * 2014-06-10 2017-08-01 西门子医疗保健诊断公司 Drawer vision system
TWI693531B (en) * 2017-07-07 2020-05-11 美商輝達公司 Saccadic redirection for virtual reality locomotion
TW202120005A (en) * 2019-11-29 2021-06-01 中國商北京市商湯科技開發有限公司 Interactive display method for image positioning, electronic device and computer-readable storage medium
TWM626899U (en) * 2021-12-17 2022-05-11 王一互動科技有限公司 Electronic apparatus for presenting three-dimensional space model

Also Published As

Publication number Publication date
TW202326618A (en) 2023-07-01

Similar Documents

Publication Publication Date Title
US11099654B2 (en) Facilitate user manipulation of a virtual reality environment view using a computing device with a touch sensitive surface
US12079942B2 (en) Augmented and virtual reality
US12020380B2 (en) Systems, methods, and graphical user interfaces for modeling, measuring, and drawing using augmented reality
US11941762B2 (en) System and method for augmented reality scenes
US10754531B2 (en) Displaying a three dimensional user interface
WO2021188551A1 (en) Systems, methods, and graphical user interfaces for displaying and manipulating virtual objects in augmented reality environments
WO2018188499A1 (en) Image processing method and device, video processing method and device, virtual reality device and storage medium
JP2023517917A (en) VIRTUAL SCENE DISPLAY METHOD, APPARATUS, DEVICE, AND COMPUTER PROGRAM
CN109102560B (en) Three-dimensional model rendering method and device
CN111803945B (en) Interface rendering method and device, electronic equipment and storage medium
CN109189302B (en) Control method and device of AR virtual model
US20200104028A1 (en) Realistic gui based interactions with virtual gui of virtual 3d objects
CN112053370A (en) Augmented reality-based display method, device and storage medium
TWM626899U (en) Electronic apparatus for presenting three-dimensional space model
US20230405475A1 (en) Shooting method, apparatus, device and medium based on virtual reality space
CN114730231A (en) Techniques for virtual try-on of an item
CN116843826A (en) Three-dimensional modeling method and device for flexible object, electronic equipment and storage medium
TWI799012B (en) Electronic apparatus and method for presenting three-dimensional space model
JP6661780B2 (en) Face model editing method and apparatus
US20170031583A1 (en) Adaptive user interface
CN114913277A (en) Method, device, equipment and medium for three-dimensional interactive display of object
TWI737175B (en) Object manipulating method, host device and computer readable storage medium
WO2011150702A1 (en) Method for displaying contacts in instant messenger and instant messaging client
WO2020173222A1 (en) Object virtualization processing method and device, electronic device and storage medium
US20190311424A1 (en) Product visualization system and method for using two-dimensional images to interactively display photorealistic representations of three-dimensional objects based on smart tagging