前期准备
前端基本功 – HTML+CSS+JS ,至少会写需要引入入外部JS的单页HTML
Three.js 概念 – Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。
入门Three.js
直接跟着官方文档走就好,官网的内容一般是跟着Three跟新的,官方文档👆
官网可以切换中文文档,但是这里也有一个中文教程地址(貌似没怎么更新了,不过参考基础的概念信息还是可以的):http://www.webgl3d.cn/Three.js/
尝试跟着写页面,我们发现基于Three.js写页面的三要素是:场景(Scene)、相机(Camera)、渲染器(Renderer)
熟练掌握
官网提供了很多examples,里面找到自己想要的效果进行学习,或者有计划的可以一个个研究,案例地址👆
深入研究
Three.js是开源的,官方在Github上发布了资源,地址👆