使用 Javascript 和 HTML5 的鸟效果 [关闭]答案

【问题标题】：Bird effect using Javascript and HTML5 [closed]使用 Javascript 和 HTML5 的鸟效果 [关闭]
【发布时间】：2014-02-12 17:10:02
【问题描述】：

请有人建议我在其他网站的以下网站中使用鸟类效果的方法吗？我只关心鸟类，与本网站的地图和其他功能无关

【问题讨论】：

这是一个很酷的效果。代码就在那里——JavaScript 甚至没有被混淆——所以你可以自己查看它并弄清楚它是如何工作的。请注意，如果您复制代码以在自己的页面中使用，您可能会侵犯版权。

【解决方案1】：

我相信这些是 Boids，一种由 Craig Reynolds (start reading here for background) 开发的模拟群体动物运动的方法。

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

一旦您了解了这些基础知识，您就可以在 Google 上四处搜索，看看其他人如何使用 Three.js（您链接到的示例使用该示例）和 Boid 概念等工具。例如this guy 使用 Boids 和 Three.js 制作了一个水族馆，并帮助您找到他在 Github 上的源代码。

至于实际的鸟，我想它们是由一个 Three.js 容器 Object3D 组成的，它包含一个身体和两个翅膀（看起来它们是由带有位图的平面或只是原始三角形组成的）。翅膀不断地上下旋转，而容器对象只是旋转以指向 Boid 逻辑所采用的任何方向。

无论如何，这是我有根据的猜测，也是我重新创建它的方式。

【讨论】：