前期准备

前端基本功 – 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上发布了资源,地址👆
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐