TWM626899U - Electronic apparatus for presenting three-dimensional space model - Google Patents

Electronic apparatus for presenting three-dimensional space model

Info

Publication number
TWM626899U
TWM626899U TW110215031U TW110215031U TWM626899U TW M626899 U TWM626899 U TW M626899U TW 110215031 U TW110215031 U TW 110215031U TW 110215031 U TW110215031 U TW 110215031U TW M626899 U TWM626899 U TW M626899U
Authority
TW
Taiwan
Prior art keywords
space model
dimensional space
interactive
processor
designated
Prior art date
Application number
TW110215031U
Other languages
Chinese (zh)
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 TW110215031U priority Critical patent/TWM626899U/en
Publication of TWM626899U publication Critical patent/TWM626899U/en

Links

Images

Abstract

An electronic apparatus for presenting three-dimensional space model is 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

呈現立體空間模型的電子裝置An electronic device that presents a three-dimensional space model

本新型創作是有關於一種建立虛擬空間的技術,且特別是有關於一種呈現立體空間模型的電子裝置。The novel creation relates to a technology for establishing a virtual space, and in particular, to an electronic device 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 people to obtain the information they need through Internet connection. In the era of innovation and change, the traditional way of browsing photos and text reading has become less and less able to meet the needs of the public. Therefore, a three-dimensional navigation technology has been developed, which allows users to immerse themselves in the environment by creating a realistic environment. sense. At present, there are roughly two mainstream technologies for web virtual reality, one of which is to use 360-degree ambient photography technology to create virtual reality, and the other to use 3D computer graphics software to create 3D virtual scenes.

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

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

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

在本新型創作的一實施例中,所述立體空間模型中預留有互動位置,所述儲存裝置更包括互動元件資料庫。互動元件資料庫中包括互動元件。所述處理器經配置以:在立體空間模型的互動位置設置互動元件;以及在獲得操作位置對應的指定定位點時,計算指定定位點與互動位置之間的相對位置資訊,以基於相對位置資訊來調整互動元件的渲染參數。In an embodiment of the novel creation, an interactive position is reserved in the three-dimensional space model, and the storage device further includes an interactive component database. Interactive components are included in the interactive component database. The processor is configured to: set the interactive element at the interactive position of the three-dimensional space model; and when obtaining the designated anchor point corresponding to the operation position, calculate the relative position information between the designated anchor point and the interactive position, based 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 executing the three-dimensional space model and before detecting a cursor operation command acting on the three-dimensional space model, set a preset ring corresponding to a preset position The scene image is placed into the three-dimensional space model as a material and displayed on the display screen. Here, the preset position is one of the positioning points, and the preset panoramic image is one of the surrounding images.

在本新型創作的一實施例中,所述定位點設置在可移動範圍上。所述處理器經配置以:倘若游標操作指令作用於立體空間模型中的可移動範圍以外的位置,對顯示畫面中當前所顯示的指定環景圖進行調整動作,所述調整動作包括移動、轉動以及縮放至少其中一個。In an embodiment of the novel creation, the positioning point is set on the movable range. The processor is configured to: if the cursor operation instruction acts on a position outside the movable range in the three-dimensional space model, perform an adjustment action on the specified surround view currently displayed in the display screen, and the adjustment action includes moving, rotating and scaling 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 client device through the communication element, and after placing the designated surround view image as a material into the three-dimensional space model, move the virtual camera corresponding to the three-dimensional space model to the designated positioning point , and display the three-dimensional space model that has been placed in the designated surround view on the display screen of the client device through the communication element.

基於上述,本揭露採用立體空間模型搭配多個環景圖來使用,基於操作位置來選擇對應的環景圖,據此,不僅可提供渲染細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。Based on the above, the present disclosure uses a three-dimensional space model with a plurality of surround views, and selects the corresponding surround view based on the operation position. According to this, not only a detailed and realistic picture can be provided, but also a low-end terminal can be ensured. operation is smooth.

圖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 present invention. Referring to FIG. 1 , a 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, an electronic device with computing capability and networking function, such as a smart phone, a tablet computer, a notebook computer or a personal computer used by a user. The electronic device 200 is, for example, a web server. The electronic device 200 and the client device 100 can be connected by a 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 present invention. The electronic device 200 includes a processor 210 , a communication element 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 Circuits (ASIC), 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 circuit using a local area network (Local Area Network, LAN) technology, a wireless local area network (Wireless LAN, WLAN) technology or a mobile communication technology. An example of a local area network 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 (3G), 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, ROM, flash memory, hard disk, or other similar devices or a combination of these devices. The storage device 230 is used for storing the database 231 and the three-dimensional space model 233 .

資料庫231儲存了多個環景圖。環景圖的建立例如可以由三維動畫軟體來製成,也可利用相機進行拍攝獲得。三維動畫軟體的虛擬攝影機能夠模擬真實世界的相機,將三維場景的分成多張角度的相片,在將此組相片後製為環景圖。The database 231 stores a plurality of panoramic views. For example, the establishment of the ring view can be made by three-dimensional animation software, and 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 of multiple angles, and make a panoramic view after this group of photos.

底下舉一實施例來說明立體空間模型233。圖3是依照本新型創作一實施例的立體空間模型的示意圖。圖4是依照本新型創作一實施例的包括多個定位點的立體空間模型的示意圖。An embodiment is given below to describe the three-dimensional space model 233 . FIG. 3 is a schematic diagram of a three-dimensional space model according to an embodiment of the present invention. FIG. 4 is a schematic diagram of a three-dimensional space model including a plurality of positioning 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 a three-dimensional model designer according to a customer's requirement using software such as a three-dimensional modeling tool, as shown in FIG. 3 . After completing the three-dimensional space model 233 , the three-dimensional model designer sets a plurality of positioning points P1 to P29 as shown in FIG. 4 on the three-dimensional space model 233 according to customer requirements, and sets them according to each of the positioning points P1 to P29 respectively. A corresponding one of the surrounding views is stored in the database 231 . In addition, at least one interactive position can be reserved in advance in the three-dimensional space model 233 according to requirements, so that the user can dynamically place other interactive elements. In the embodiment shown in FIG. 4 , 19 interactive positions E1 to E19 are preset in the three-dimensional space model 233 . Of course, this is only an example, and the number of anchor points and the number of reserved interactive positions are not limited.

此外,儲存裝置230還儲存有多個程式碼片段,而上述程式碼片段在被安裝後,由處理器210來執行,藉此來執行下述呈現立體空間模型233的方法。In addition, the storage device 230 also stores a plurality of code fragments, and the above code fragments are executed by the processor 210 after being installed, thereby executing the following method of 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 present invention. Referring to FIG. 5, in step S505, the three-dimensional space model 233 is executed. For example, it is described that the client device 100 wants to connect to the electronic device 200 to open a three-dimensional web page. After receiving the connection notification, the electronic device 200 will execute the three-dimensional space model 233 .

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

接著,在步驟S510中,在偵測到作用於立體空間模型233的游標操作指令時,自多個定位點中獲得與游標操作指令對應的操作位置相距最小的指定定位點。Next, in step S510, when a cursor operation command acting on the three-dimensional space model 233 is detected, a specified positioning point with the smallest distance from the operation position corresponding to the cursor operation command is obtained from the plurality of positioning 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 stereoscopic image displayed on the display screen through the operating device such as the mouse or the touch panel can be controlled. When one part of the space model 233 is clicked, dragged or swiped, the client device 100 transmits the corresponding cursor operation instruction to the electronic device 200 . The processor 210 of the electronic device 200 receives the cursor operation command from the client device 100 through the communication element 220, and when detecting the cursor operation command acting on the three-dimensional space model 233, it will further calculate the operation position and the three-dimensional volume corresponding to the cursor operation command. The distance between each positioning point set by the space model 233, and the positioning point corresponding to the minimum distance is taken as the designated positioning point corresponding to the operation position. For example, if the cursor operation instruction corresponds to the click action, the click position is the operation position. If the cursor operation command corresponds to the drag action, the position when the drag action is released is taken as the operation position.

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

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

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

另外,在渲染過程中,處理器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 stereoscopic space model 233, thereby obtaining a plurality of rendering parameters. In the real world, the eye sees an object because light is reflected to the eye through the object. The location of the virtual camera is the location of the "eye". Rendering parameters such as a reflection index corresponding to each pixel in the virtual camera and the three-dimensional space model 233 can be calculated by means of ray tracing. Therefore, after obtaining the specified positioning point, the processor 210 will further move the virtual camera to the specified positioning point, thereby obtaining rendering parameters corresponding to the specified positioning point.

另外,在立體空間模型233中設置有可移動範圍,而在可移動範圍中包括多個定位點。藉由可移動範圍來界定立體空間模型233中哪些區域內的點擊是需要切換環景圖,哪些區域內的點擊不會切換環景圖。舉例來說,在電子裝置200中,倘若處理器210偵測到游標操作指令作用於立體空間模型233中的可移動範圍以外的位置,不需切換環景圖,而是對顯示畫面中當前所顯示的環景圖進行調整動作。所述調整動作包括移動、轉動或縮放。在此,游標操作指令為單擊指令、雙擊指令、拖曳指令或捏縮(pinch)指令等。可進一步針對不同的游標操作指令來執行不同的調整動作。In addition, a movable range is provided 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 areas of the three-dimensional space model 233 need to be clicked to switch the surround view and clicks in which areas will not switch the surround view. For example, in the electronic device 200, if the processor 210 detects that the cursor operation command is applied to a position outside the movable range in the three-dimensional space model 233, it does not need to switch the surround view, but changes the current position in the display screen. Adjustment action is performed on the displayed surround view. The adjustment action includes moving, rotating or zooming. Here, the cursor operation command is a single-click command, a double-click command, a drag command, a pinch command, or the like. 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 command is not within the movable range, there is no need to switch the panoramic view, and adjustment actions such as moving, rotating or zooming are directly performed on the currently displayed panoramic view.

另外,儲存裝置230還可進一步設置互動元件資料庫。互動元件資料庫中包括互動元件以及此互動元件於立體空間模型233中的互動位置。互動元件例如為多媒體檔案、互動介面或按鈕等。處理器210根據互動元件對應的互動位置在立體空間模型233中設置互動元件。並且,在操作位置符合其中一個定位點時,計算此定位點與互動位置之間的相對位置資訊,以基於相對位置資訊來調整互動元件的渲染參數。In addition, the storage device 230 may further set an interactive component 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 operation position matches one of the anchor points, the relative position information between the anchor point and the interactive position is calculated, so as to adjust the rendering parameters of the interactive element 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 surround view corresponding to the positioning point P3 is currently displayed, the processor 210 will calculate the relative positional relationship between the interactive position E1 and the positioning point P3, and then adjust the position of the interactive element in its position. The rendering parameters such as the rendering angle and light and shadow rendering in the corresponding surround view can be used to adjust its visual related effects. If switching to the look-around view of the anchor point P5, the processor 210 will recalculate the relative positional relationship between the interactive position E1 and the anchor point P5, and then adjust the rendering parameters of the interactive element in its corresponding look-around image. Accordingly, the presentation mode of the interactive element can be dynamically adjusted 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, it is assumed that the interactive component is a playback interface, which has a plurality of operation buttons, and the user can control functions such as playing, pausing, fast-forwarding or returning of the video by clicking the operation buttons in the playback interface with the cursor. For another example, if 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 webpage, or displaying another layer of window interface on the three-dimensional space model 233 .

綜上所述,本新型創作採用立體空間模型搭配多個環景圖來使用,基於游標操作指令對應的操作位置來選擇對應的環景圖。並且,在立體空間模型中保留多個互動位置來設置互動元件,根據操作位置來調整互動元件的呈現方式。據此,不僅可提供渲染細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。To sum up, the new creation uses a three-dimensional space model with a plurality of panoramic views, and selects the corresponding panoramic view based on the operation position corresponding to the cursor operation instruction. In addition, a plurality of interactive positions are reserved in the three-dimensional space model to set the interactive elements, and the presentation mode of the interactive elements is adjusted according to the operation positions. In this way, it can not only provide detailed and realistic images, but also ensure smooth operation on low-end terminals.

100:用戶端裝置 200:電子裝置 210:處理器 220:通訊元件 230:儲存裝置 231:資料庫 233:立體空間模型 E1~E19:互動位置 P1~P29:定位點 S505~S520:現立體空間模型的方法的步驟 100: Client Device 200: Electronics 210: Processor 220: Communication Components 230: Storage Device 231:Database 233: Three-dimensional space model E1~E19: Interactive position P1~P29: Positioning point S505~S520: Steps of the method for presenting a three-dimensional space model

圖1是依照本新型創作一實施例的呈現立體空間模型的系統的方塊圖。 圖2是依照本新型創作一實施例的呈現立體空間模型的電子裝置的方塊圖。 圖3是依照本新型創作一實施例的立體空間模型的示意圖。 圖4是依照本新型創作一實施例的包括多個定位點的立體空間模型的示意圖。 圖5是依照本新型創作一實施例的呈現立體空間模型的方法流程圖。 FIG. 1 is a block diagram of a system for presenting a three-dimensional space model according to an embodiment of the present invention. FIG. 2 is a block diagram of an electronic device for presenting a three-dimensional space model according to an embodiment of the present invention. FIG. 3 is a schematic diagram of a three-dimensional space model according to an embodiment of the present invention. FIG. 4 is a schematic diagram of a three-dimensional space model including a plurality of positioning points according to an embodiment of the present invention. FIG. 5 is a flowchart of a method for presenting a three-dimensional space model according to an embodiment of the present invention.

200:電子裝置 200: Electronics

210:處理器 210: Processor

220:通訊元件 220: Communication Components

230:儲存裝置 230: Storage Device

231:資料庫 231:Database

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

Claims (5)

一種呈現立體空間模型的電子裝置,包括: 一儲存裝置,包括一資料庫以及一立體空間模型,其中該立體空間模型包括多個定位點,該資料庫包括分別與該些定位點相對應的多個環景圖;以及 一處理器,耦接至該儲存裝置,且經配置以: 執行該立體空間模型; 在偵測到作用於該立體空間模型的一游標操作指令時,自該些定位點中獲得與該游標操作指令對應的一操作位置相距最小的一指定定位點; 自該資料庫所包括的該些環景圖中取出對應於該指定定位點的一指定環景圖;以及 將所取出的該指定環景圖作為材質置入該立體空間模型而顯示於一顯示畫面中。 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 a plurality of surround views corresponding to the positioning points respectively; and a processor coupled to the storage device and configured to: execute the solid space model; When detecting a cursor operation command acting on the three-dimensional space model, obtain a specified positioning point with the smallest distance from an operation position corresponding to the cursor operation command from the positioning points; retrieving a designated lookaround image corresponding to the designated location point from the lookaround images included in the database; and The taken out specified surround view is used as a material to be inserted into the three-dimensional space model and displayed on a display screen. 如請求項1所述的電子裝置,其中該立體空間模型中預留有一互動位置,該儲存裝置更包括:一互動元件資料庫,儲存一互動元件; 該處理器經配置以: 在該立體空間模型的該互動位置設置該互動元件;以及 在獲得該操作位置對應的該指定定位點時,計算該指定定位點與該互動位置之間的一相對位置資訊,以基於該相對位置資訊來調整該互動元件的一渲染參數。 The electronic device according to claim 1, wherein an interactive position is reserved in the three-dimensional space model, and the storage device further comprises: an interactive component database storing an interactive component; The processor is configured to: disposing the interactive element at the interactive position of the three-dimensional space model; and When the designated positioning point corresponding to the operation position is obtained, a relative position information between the designated positioning point and the interactive position is calculated, so as to adjust a rendering parameter of the interactive element based on the relative position information. 如請求項1所述的電子裝置,其中該處理器經配置以: 在執行該立體空間模型之後,且尚未偵測到作用於該立體空間模型的該游標操作指令之前,以一預設位置對應的一預設環景圖作為材質置入該立體空間模型並顯示至於顯示畫面中,其中該預設位置為該些定位點中的其中一個,該預設環景圖為該些環景圖中的其中一個。 The electronic device of claim 1, wherein the processor is configured to: After the three-dimensional space model is executed, and before the cursor operation command acting on the three-dimensional space model is detected, a preset surround view corresponding to a predetermined position is used as a material to insert into the three-dimensional space model and display as a In the display screen, the preset position is one of the positioning points, and the preset surround view image is one of the surround view images. 如請求項1所述的電子裝置,其中該些定位點設置在一可移動範圍上,該處理器經配置以: 倘若該游標操作指令作用於該立體空間模型中的該可移動範圍以外的位置,對該顯示畫面中當前所顯示的該指定環景圖進行一調整動作,該調整動作包括移動、轉動以及縮放至少其中一個。 The electronic device of claim 1, wherein the positioning points are set on a movable range, and the processor is configured to: If the cursor operation command acts on a position outside the movable range in the three-dimensional space model, an adjustment action is performed on the specified surround view currently displayed in the display screen, and the adjustment action includes moving, rotating and zooming at least. One of the. 如請求項1所述的電子裝置,更包括:一通訊元件,耦接至該處理器, 該處理器經配置以:透過該通訊元件自一用戶端裝置接收該游標操作指令,並在將該指定環景圖作為材質置入該立體空間模型之後,將對應於該立體空間模型的一虛擬相機移動至該指定定位點,並透過該通訊元件將已置入該指定環景圖的該立體空間模型顯示至一用戶端裝置的該顯示畫面中。 The electronic device of claim 1, further comprising: a communication element coupled to the processor, The processor is configured to: receive the cursor operation instruction from a client device through the communication element, and after placing the designated surround view as a material in the three-dimensional space model, place a virtual image corresponding to the three-dimensional space model The camera moves to the designated positioning point, and displays the three-dimensional space model, which has been placed in the designated surround view, on the display screen of a client device through the communication element.
TW110215031U 2021-12-17 2021-12-17 Electronic apparatus for presenting three-dimensional space model TWM626899U (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW110215031U TWM626899U (en) 2021-12-17 2021-12-17 Electronic apparatus for presenting three-dimensional space model

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW110215031U TWM626899U (en) 2021-12-17 2021-12-17 Electronic apparatus for presenting three-dimensional space model

Publications (1)

Publication Number Publication Date
TWM626899U true TWM626899U (en) 2022-05-11

Family

ID=82559809

Family Applications (1)

Application Number Title Priority Date Filing Date
TW110215031U TWM626899U (en) 2021-12-17 2021-12-17 Electronic apparatus for presenting three-dimensional space model

Country Status (1)

Country Link
TW (1) TWM626899U (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI799012B (en) * 2021-12-17 2023-04-11 王一互動科技有限公司 Electronic apparatus and method for presenting three-dimensional space model
TWI828527B (en) * 2023-01-19 2024-01-01 王一互動科技有限公司 Method for automatic guide and electronic apparatus

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI799012B (en) * 2021-12-17 2023-04-11 王一互動科技有限公司 Electronic apparatus and method for presenting three-dimensional space model
TWI828527B (en) * 2023-01-19 2024-01-01 王一互動科技有限公司 Method for automatic guide and electronic apparatus

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
US11663785B2 (en) Augmented and virtual reality
US11941762B2 (en) System and method for augmented reality scenes
US10127722B2 (en) Mobile capture visualization incorporating three-dimensional and two-dimensional imagery
US10210664B1 (en) Capture and apply light information for augmented reality
CN111414225B (en) Three-dimensional model remote display method, first terminal, electronic device and storage medium
CN111803945B (en) Interface rendering method and device, electronic equipment and storage medium
US20140181630A1 (en) Method and apparatus for adding annotations to an image
JP2023517917A (en) VIRTUAL SCENE DISPLAY METHOD, APPARATUS, DEVICE, AND COMPUTER PROGRAM
TW201211935A (en) Avatar editing environment
TWM626899U (en) Electronic apparatus for presenting three-dimensional space model
CN110321048A (en) The processing of three-dimensional panorama scene information, exchange method and device
Rumiński et al. Creation of interactive AR content on mobile devices
CN113892129B (en) Creating virtual parallax for three-dimensional appearance
WO2019097264A1 (en) Virtual reality system for surgical training
US20200104028A1 (en) Realistic gui based interactions with virtual gui of virtual 3d objects
CN112053370A (en) Augmented reality-based display method, device and storage medium
US9025007B1 (en) Configuring stereo cameras
EP2936442A1 (en) Method and apparatus for adding annotations to a plenoptic light field
CN112051956A (en) House source interaction method and device
CN110889384A (en) Scene switching method and device, electronic equipment and storage medium
Rodriguez et al. HuMoRS: Huge models mobile rendering system
TWI799012B (en) Electronic apparatus and method for presenting three-dimensional space model
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