使用Javascript和HTML5的鸟类效果

时间:2014-01-22 15:00:38

标签: javascript jquery html5 html5-canvas

请有人建议我在其他网站的下面的网站上使用鸟类效果吗?我只关心这些鸟类以及与本网站中的地图和其他功能无关的内容

www.thewildernessdowntown.com

1 个答案:

答案 0 :(得分:3)

我认为那些是Boids,一种模拟Craig Reynolds(start reading here for background)开发的群体动物运动的方法。

然后你可以看看Daniel Shiffman的作品,他已经在Boids做了很多有趣的事情,包括this tutorial on making a simple 2D Boid system in javascript

一旦你理解了这些基础知识,你就可以谷歌周围看看其他人如何使用像Three.js这样的工具(你使用的那个例子)和Boid概念。例如this guy使用Boids和Three.js创建了一个水族馆,并帮助您在Github上引导他的源代码。

对于实际的鸟类,我想它们是由一个Three.js容器Object3D组成,它包含一个主体和两个翅膀(看起来它们是由任意一个平面的位图或原始三角形组成)。机翼不断上下旋转,容器对象只是旋转指向Boid逻辑所采用的任何方向。

无论如何,这是我受过教育的猜测,并且将会重新创建它。