徜徉在知识海洋的一群鲸鱼
This is ThreeJS!-个人学习记录
This is ThreeJS!-个人学习记录

This is ThreeJS!-个人学习记录

首先我们要知道学习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,入门