初識
[Three.js](https://threejs.org/) 是一款運行在瀏覽器中的 3D 引擎，你可以用它創建各種三維場景。
Three.js學習之前，我們需要了解他的三個關鍵對象：
1. 場景（場景對象是所有不同對象的容器，也就是說該對象保存所有物體、光源、攝像機以及渲染所需的其他對象）
2. 相機（Camera相當於人的眼睛，從座標的那個視點去觀察目標，相當於投影出立體感。）
3. 渲染器（渲染器可以視為是canvas標籤，相機可以視為畫布。注意畫布和canvas標籤不是同一個東西，canvas標籤是畫布的容器。畫布就好比一張圖片，而canvas標籤就像img標籤）
相機視角
前端邁進3D時代-Three.js初識
前端邁進3D時代-Three.js初識
相機位置
`camera.position.x`改變相機位置
前端邁進3D時代-Three.js初識
示例詳解
前端邁進3D時代-Three.js初識
實現效果：
前端邁進3D時代-Three.js初識
總結
第一章課程就到這裡結束了，總結一下，知道三個關鍵對象（Scene、Camera和Renderer），清楚相機的作用。
公告
更多資源敬請關注！
分享到:
閱讀更多 web秀 的文章
