发布日期:2017-05-26 14:58:08

先来段闲话

这两天在学《王者荣耀》的配音,一时兴起,被荣耀里的界面吸引住了,里面的那种气焰效果随风飘飘,很适合我的性格。于是来段js fire effective的研究。

google带我来到了http://creativejs.com/ 认识了creativejs,被它的首页里的logo展示吸引了,于是看了下去源码实现,然后,然后就返现了THREE这个Object, 再然后就在相关的google中发现了http://jeromeetienne.github.io/fireworks.js/  fireworks.js中又用到了three.js。最后就来到了主角https://threejs.org/  来到Git发现它还是MIT许可,太棒了。

https://github.com/mrdoob/three.js

接下来就要开始three.js的学习了。学什么?怎么学?学多少?学了做什么?做的时候再来学?

先不谈技术,感性下three.js的projects.

  • 纸飞机环游世界 https://paperplanes.world/
  • 小动画电影《穿越黑暗》https://throughthedark.withgoogle.com/
  • 先知/预言者:这个效果很酷 https://predictiveworld.watchdogs.com/en/xp/
  • 云层的感觉 http://mrdoob.com/lab/javascript/webgl/clouds/
  • 喷火的效果 http://jeromeetienne.github.io/fireworks.js/examples/flamethrower/canvas_flamethrower.html
  • 烟花效果 http://www.schillmania.com/projects/fireworks/#  或者  https://jsfiddle.net/dtrooper/AceJJ/

再回到技术学习:

  • 来篇学习文档《开启Threejs之旅》 http://www.hewebgl.com/article/getarticle/27
  • 这家的教程比较容易入门: http://www.hewebgl.com/article/articledir/1 

最后来段creativejs的trainings视频,效果非常棒。

http://seb.ly/training/# 

 

发表评论