TWM626899U - Electronic apparatus for presenting three-dimensional space model - Google Patents
Electronic apparatus for presenting three-dimensional space modelInfo
- 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
Links
Images
Abstract
Description
本新型創作是有關於一種建立虛擬空間的技術,且特別是有關於一種呈現立體空間模型的電子裝置。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
圖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
處理器210例如是中央處理單元(Central Processing Unit,CPU)、圖形處理單元(Graphics Processing Unit,GPU),或是其他可程式化之微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor,DSP)、可程式化控制器、特殊應用積體電路(Application Specific Integrated Circuits,ASIC)、程式化邏輯裝置(Programmable Logic Device,PLD)或其他類似裝置。The
通訊元件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
儲存裝置230例如是任意型式的固定式或可移動式隨機存取記憶體、唯讀記憶體、快閃記憶體、硬碟或其他類似裝置或這些裝置的組合。儲存裝置230用以儲存資料庫231與立體空間模型233。The
資料庫231儲存了多個環景圖。環景圖的建立例如可以由三維動畫軟體來製成,也可利用相機進行拍攝獲得。三維動畫軟體的虛擬攝影機能夠模擬真實世界的相機,將三維場景的分成多張角度的相片,在將此組相片後製為環景圖。The
底下舉一實施例來說明立體空間模型233。圖3是依照本新型創作一實施例的立體空間模型的示意圖。圖4是依照本新型創作一實施例的包括多個定位點的立體空間模型的示意圖。An embodiment is given below to describe the three-
立體空間模型233例如是由三維模型設計師根據客戶需求所利用中三維建模工具等軟體生成對應於一空間的立體空間模型233,如圖3所示。而在完成立體空間模型233之後,三維模型設計師再根據客戶需求在立體空間模型233設置如圖4所示的多個定位點P1~P29,並分別根據定位點P1~P29每一個點來設置其對應的一個環景圖,並儲存至資料庫231中。另外,還可進一步根據需求在立體空間模型233中預先保留至少一個互動位置,以供使用者來動態置入其他互動元件。在圖4所示的實施例中,立體空間模型233預先設置了19個互動位置E1~E19。然,在此僅為舉例說明,並不限定定位點的數量以及預留的互動位置的數量。The three-
此外,儲存裝置230還儲存有多個程式碼片段,而上述程式碼片段在被安裝後,由處理器210來執行,藉此來執行下述呈現立體空間模型233的方法。In addition, the
圖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-
在執行立體空間模型233之後,且尚未偵測到作用於立體空間模型233的游標操作指令之前,處理器210可先以預設位置對應的預設環景圖作為材質置入立體空間模型233,並將已置入預設環景圖的立體空間模型233顯示至顯示畫面中。在此,預設位置為其中一個定位點,預設環景圖為其中一個環景圖。例如,將定位點P3設定為預設定位點。After executing the three-
接著,在步驟S510中,在偵測到作用於立體空間模型233的游標操作指令時,自多個定位點中獲得與游標操作指令對應的操作位置相距最小的指定定位點。Next, in step S510, when a cursor operation command acting on the three-
在一實施例中,用戶端裝置100的使用者可利用滑鼠、觸控面板等操作裝置來控制顯示畫面中的游標,在透過滑鼠或觸控面板等操作裝置在顯示畫面所顯示的立體空間模型233的一處進行點擊(click)、拖曳或滑動,則用戶端裝置100會將對應的游標操作指令傳送至電子裝置200。電子裝置200的處理器210透過通訊元件220自用戶端裝置100接收游標操作指令,在偵測到作用於立體空間模型233的游標操作指令時,會去進一步計算游標操作指令對應的操作位置與立體空間模型233所設定的每一個定位點之間的距離,並取最小距離對應的定位點來作為與操作位置對應的指定定位點。例如,倘若游標操作指令對應至點擊動作,則點擊位置即為操作位置。倘若游標操作指令對應至拖曳動作,則將釋放拖曳動作時的位置作為操作位置。In one embodiment, the user of the
之後,在步驟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
接著,在步驟S520中,將所取出的指定環景圖作為材質置入立體空間模型233而顯示於顯示畫面中。在一實施例中,處理器210在將指定環景圖作為材質置入立體空間模型233之後,會進一步將對應於立體空間模型233的虛擬相機移動至指定定位點。之後,再透過通訊元件220將已置入指定環景圖的立體空間模型233顯示至用戶端裝置100的顯示畫面中。Next, in step S520 , the extracted designated surround view is inserted into the three-
在此,處理器210利用渲染(rendering)方式將指定環景圖作為材質置入立體空間模型233。一般而言,三維模型會使用紋理進行覆蓋,將紋理排列放到三維模型上的過程稱作紋理對映。經由紋理對映處理後,可讓三維模型更加細緻並且看起來更加真實。在本實施例中,便是將環景圖作為是紋理對映的材質將其置入至立體空間模型233。除了紋理對映之外,還可以調整曲面法線以實現照亮效果,一些曲面還可以使用凸凹紋理對映(Bump mapping)方法以及其它一些立體彩現的技巧。Here, the
另外,在渲染過程中,處理器210利用虛擬相機來定位與立體空間模型233中各物體的關係,藉此獲得多個渲染參數。在現實世界中,由於光線經由物體而反射至眼睛,因而眼睛看到物體。而虛擬相機所在位置即“眼睛”的位置。透過射線追蹤(ray tracing)方式可計算虛擬相機與立體空間模型233中的每一個像素點之間相對應的反射指數等渲染參數。故,在獲得指定定位點之後,處理器210還會進一步將虛擬相機移動至指定定位點,藉此來獲得與此指定定位點相對應的渲染參數。In addition, during the rendering process, the
另外,在立體空間模型233中設置有可移動範圍,而在可移動範圍中包括多個定位點。藉由可移動範圍來界定立體空間模型233中哪些區域內的點擊是需要切換環景圖,哪些區域內的點擊不會切換環景圖。舉例來說,在電子裝置200中,倘若處理器210偵測到游標操作指令作用於立體空間模型233中的可移動範圍以外的位置,不需切換環景圖,而是對顯示畫面中當前所顯示的環景圖進行調整動作。所述調整動作包括移動、轉動或縮放。在此,游標操作指令為單擊指令、雙擊指令、拖曳指令或捏縮(pinch)指令等。可進一步針對不同的游標操作指令來執行不同的調整動作。In addition, a movable range is provided in the three-
也就是說,倘若游標操作指令對應的操作位置不在可移動範圍內,則不需要切換環景圖,而直接對目前所顯示的環景圖進行移動、轉動或縮放等調整動作。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
假設互動元件設置在互動位置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
而使用者可透過用戶端裝置100來操作立體空間模型233中的互動元件。例如,假設互動元件為播放介面,其具有多個操作鈕,使用者可透過游標點擊播放介面中的操作鈕來控制影片的播放、暫停、快轉或返回等功能。又例如,假設互動元件為按鈕,使用者可透過游標點擊互動元件來觸發此按鈕對應的功能,例如連線至另一網頁,或者在立體空間模型233上顯示另一層視窗介面等。The user can operate the interactive elements in the three-
綜上所述,本新型創作採用立體空間模型搭配多個環景圖來使用,基於游標操作指令對應的操作位置來選擇對應的環景圖。並且,在立體空間模型中保留多個互動位置來設置互動元件,根據操作位置來調整互動元件的呈現方式。據此,不僅可提供渲染細緻且寫實的畫面,也能夠確保在低階終端上的運作順暢。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)
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)
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 |
-
2021
- 2021-12-17 TW TW110215031U patent/TWM626899U/en unknown
Cited By (2)
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 |