Threejs中文网
Three.js电子书
WebGL电子书
Github
下载
相关库
博客

《Web前端就业级教程》录制中!!!

腾讯课堂Web前端公开课链接 准备中

Three.js学习基础:web前端

如果你想做Web3D相关的开发,自然需要WebGL和Three.js,通常学习Three.js或WebGL需要一定的Web前端基础。

如果你Web前端了解很少或完全不了解,那么下面内容对你很有用,如果你现在已经是多年经验的Web前端工程师了,那么你可以直接学习Three.js或WebGL。

学习threejs的基础要求

如果仅仅是学习WebGL或Three.js,对web前端基础要求不高,可以先了解web前端最基础的知识HTML、CSS和JavaScript语言, 然后能借助nodejs创建一个本地静态服务器打开预览threejs 3D案例就行。 如果想实战开发Web3D相关的项目,一般来说,你需要掌握的Web前端知识,和正在工作的前端工程师没有太大区别。也就是说如果你想开发Web3D项目, 首先保证你是一名合格的Web前端工程师,然后再说学习和应用WebGL的问题。

Web前端知识体系

Web前端知识体系,相比threejs而言,内容不难,但是庞杂,对于Web3D项目,也不一定说都要学习完,比如说微信小程序,如果你的项目并不在微信环境执行,那么为了节约时间,你可以不用学习。 但是有些底层通用前端知识,肯定是需要学习掌握的,比如HTML、CSS、JavaScript等。 总而言之,如果你是中高级前端工程师,那么你可以直接学习WebGL和Three.js,并且把threejs框架和自己前端框架,比如vuejs结合在一起开发项目。 如果你是初级前端,或者对Web前端开发完全不了解,甚至都不懂编程,那么你可以按照我下面的建议学习。

1. HTML、CSS和JavaScript语言编程基础

如果不是为了开发项目,只是想学习threejs,HTML、CSS、JavaScript可以不用精通,先简单了解下也是可以的。如果想要开发Web3D项目,还需要深入学习。

2. nodejs

nodejs一方面可以用来搭建web前端的打开环境,另一方面可以用来搭建Web服务器。

简单学习nodejs,确保可以搭建一个简单的开发环境,了解http通信相关的知识。

3. 前端框架Vuejs

不学习Vuejs虽然不影响你学习threejs,不过开发Web3D项目,一般来说我建议你选择一款前端框架和threejs结合即可。当然不一定就要选择Vuejs,你也可以选择react等其它 web前端框架,如果你不知道怎么选,那就直接学习Vuejs即可。

其它

关于学习threejs和开发web3d项目需要基础,上面内容只是简单给一下关键词,并没有详细介绍,如果你想详细了解, 可以关注即将发布的《Web前端就业级教程》

交叉学习

稍微了解一点前端基础知识以后,你就可以先学习threejs,然后在继续学习web前端也是可以的,web前端知识和threejs可以交叉学习,用到什么就学什么,暂时用不到,可以放一放。

Three.js和WebGL学习顺序问题

首先Three.js底层是WebGL,当然这也不意味着,学习threejs之前,一定要先学习WebGL。一方面简单的项目,你可以不用学习WebGL, 另一个学习方面WebGL对图形学方面理论要求高,可以选择先学习Three.js,等需要学习WebGL的时候,在学习也不晚。