Three.js 快速入门之新手上路

优质
小牛编辑
128浏览
2023-12-01

本章节属于新手上路内容,本章节不会对Threejs几何体、材质、相机、模型、光源等概念详细讲解,会首先提供给大家一个注释非常详细的案例源码。本章节的案例源码实现的三维效果虽然非常简单,但是可以完整地展示Three.js的整体结构。

本章节的教学思路是先给你展示一个小案例的源码让你体验测试,然后从整体对每一块的功能进行整体介绍。和传统教学思路不同,传统的教学方式往往是对一个新技术的所有基础知识点逐步阐述,然后一行一行去实现一个案例代码。本章节是先把一个小案例的完整代码提供给你,文字部分对代码进行整体介绍,不做过细讲解。对于基础不好的初学者,可能很难一行一行写出来,但是这没有关系,你可以先把Threejs当成一个黑箱,在后面章节学习中,全部在第一章案例代码基础上进行增删代码,学习第一章内容全部在第1.1节基础上进行增删代码。

简单地说,一句话,初学者第一天,不要想着自己一行一行写出来一个小案例,而是能在1.1节提供的行行中文注释的源码基础上增删代码、修改参数。