iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0

讓我們來解析這個範例程式,看看它是怎麼實作多重鏡頭的。

首先我們發現它除了主要的 Scene 之外,在 <Render/> 內額外設定了一個 Scene,其中包含了一個正交投影攝影機 (OrthographicCamera)和兩個平面。

在 <MyCamera/> 中我們看到它會將攝影機的物件註冊到 Store 去,並在 <Render/> 中將攝影機從 Store 取出,分別渲染並將渲染結果作為材質傳遞給 GUI Scene 中的兩個平面,然後再把 GUI Cam 的影像渲染到主畫面之中。


上一篇
Day 20 Voxel 建模入門
下一篇
Day 22 Streaming POC
系列文
關於用 Javascript (Typescript) Stack 打造某種 Backend 3D Rendering 的東東這檔事 共 23 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言