首先我们要知道学习ThreeJS的重点是什么,1.3D效果展示,2.3D用户交互体验,目的清楚了,接下来就好办了
然后我们需要阅读《WebGL编程指南》《THREE.js开发指南》有时间的话可以看看OpenGL,open是跨平台的API,用计算机的GPU,web是浏览器的API,用的是浏览器的性能和硬件加速
学习的过程,肯定需要先了解底层原理,webgl就是底层,而threejs是基于其进行封装的,简化了使用其的难度,但是遇到了一些复杂的问题,可能需要了解底层,然后进行优化或者解决,比如有的情况下,灯光和材质,为什么会出现这些哪些的区别,需要归根结底找到问题,
概述–webgl和threejs
照相机–
几何形状–
材质–
网格–
动画–
外部模型–
光影–
着色器–
然后就是如何学习,首先肯定从简单的threejs入手,然后涉及到的底层和数学知识,结合着实践进行理解,然后基于下面的一些案例进行学习和实践,只有自己实践才能有深度的理解,
简陋的3D赛车
https://github.com/vorshen/simpleCar
微信小游戏
星途,跳一跳,王哲开发的cocos也可以看看
有人用react-three-renderer开发,是这个人
https://github.com/AndrewRayCode
几何像素风
The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js
https://codepen.io/hopepdm
https://codepen.io/Yakudoo
上面这个人还有个网站,里面还有一个僵尸游戏,很有意思https://yakudoo.com/work/webgl-experiments/,这个大佬是没有github的,可以学习一下大佬的作品
但是目前流行的是react-three-fiber
相关工作
gun.io,严格的审查
https://flexjobs.com,工作协会
authenticjobs.com,网页设计使用者
workingnomads.com/jobs,市场财务
weworkremotely.com,科技初创
linkedin.com,
wellfound.com,创业公司
himalayas.app,顶尖
https://pangian.com,倾向于web设计和内容创作
https://careervault.io,实时
https://jobspresso.co,工作协会
https://remote.coz,入门