Three.js学习一——Three.js学习路线(供参考)

前期准备

前端基本功 – HTML+CSS+JS ,至少会写需要引入入外部JS的单页HTML
Three.js 概念 – Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。

入门Three.js

直接跟着官方文档走就好,官网的内容一般是跟着Three跟新的,官方文档

官网可以切换中文文档,但是这里也有一个中文教程地址(貌似没怎么更新了,不过参考基础的概念信息还是可以的):http://www.webgl3d.cn/Three.js/
Three.js学习一——Three.js学习路线(供参考)_第1张图片
尝试跟着写页面,我们发现基于Three.js写页面的三要素是:场景(Scene)、相机(Camera)、渲染器(Renderer)
Three.js学习一——Three.js学习路线(供参考)_第2张图片

熟练掌握

官网提供了很多examples,里面找到自己想要的效果进行学习,或者有计划的可以一个个研究,案例地址

深入研究

Three.js是开源的,官方在Github上发布了资源,地址
Three.js学习一——Three.js学习路线(供参考)_第3张图片

你可能感兴趣的:(Three.js,javascript,前端,three.js)