#春節過完了，該繼續投入學習了~ 作為一個平面開發者，想要增進更多的技能，掌握web3D開發#

Day 1

了解熟悉Three.js，著重基礎理論

學習資源：

前端可視化從0-1

?Day 2

寫一個簡易demo

搭建環境-->安裝包-->創建場景

// 創建場景
const scene = new THREE.Scene();// 相機
const camera = new THREE.PerspectiveCamera( // 透視相機75, // 垂直視野角度window.innerWidth / window.innerHeight, // 輸出圖像寬高比0.1, // near plane1000, // far plane
);
camera.position.set(0, 2, 10);// 渲染器--畫布
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);// 物體
const geoMetry = new THREE.BoxGeometry(1, 1, 1); // 幾何體
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); // 材質
const cube = new THREE.Mesh(geoMetry, material); // Mesh 網格
scene.add(cube);// 使用渲染器，通過相機將場景渲染進來
renderer.render(scene, camera);

補充計算機圖形學（前置知識） episode1

學習資源：

GAMES101-現代計算機圖形學入門-閆令琪

?