使用Javascript和HTML5的鳥類效果

Question

請有人建議我一種方法來使用在其他網站下面的網站鳥類效果？我只關心這個網站

www.thewildernessdowntown.com

Answer 1

我相信那些有關地圖和其他功能鳥並沒有什麼是類鳥羣，用於模擬由克雷格·雷諾茲（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組成的，該容器包含一個body和兩個翅膀（看起來像是由平面 - 位圖或只是原始三角形組成）。翅膀不斷地上下旋轉，並且容器對象只是旋轉指向Boid邏輯所採用的任何方向。

無論如何，這是我受過教育的猜測，而且我將如何重新創建它。