【Three.js】JS3Dlibrary（一个月进化史）

#春节过完了，该继续投入学习了~ 作为一个平面开发者，想要增进更多的技能，掌握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 plane 1000, // 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-现代计算机图形学入门-闫令琪