我正在研究一個需要動畫背景的網站。我試圖模仿掉落的金片。最初我們嘗試使用動畫GIF，但它太沉重，緩慢。HTML5畫布 - 製作帶落金片的動畫背景
這是我第一次和Canvas合作，我一定會喜歡有更多經驗的人給我一些關於這方面的意見。
我發現一些代碼作爲一個起點，並將它用於我的需要。這裏就是我目前是：http://codepen.io/slickdev/pen/LqKai
待辦事項：我想減慢下落的顆粒的速度，從一個完美的圓看起來更像下降金箔改變它們的形狀。如果我能讓它看起來更加真實，那將是理想的。我還需要關注性能。有沒有什麼方法可以優化它以更高效地運行？
在可訪問性/跨瀏覽器兼容性方面，這種方法有什麼缺點嗎？我做了一些研究，似乎它得到了廣泛的支持。
您的幫助將不勝感激！
我不知道，如果你已經有了一個機會，現在才完成這一點，但在這裏不用....
要改變落下顆粒的速度你要編輯的@vx和@vy上線57和你那分叉筆58，類似的東西：
@vx = range(0,1)+8*xpos-5
@vy = 0.2*@r
我發現改變DOP（和Y值，以彌補）了的東西多一點「可信」太：
@dop = 0.001*range(1,5)
@y = range(-100,[email protected])
關於繪製更逼真的雪花，我個人更喜歡看到更接近「圓圈」的形狀，因爲在現實生活中，它們本身很難看到。但如果你熱衷於處理你的原創想法，我可以指點你HTML5 canvas fractals。
一個很好的例子，如果你正在尋找一些簡單的東西，看什麼是Pentaflake分形。如果你真的想打擊人們的思想，那麼我會建議看看這個HTML畫布分形應用程序的源代碼，here。
我希望這有助於:)
聽起來像你的第一份工作是替換drawFlake的畫圓的方法和使用多邊形，而不是一個完整的圓弧。 即http://falcon80.com/HTMLCanvas/BasicShapes/Triangle.html 和http://blog.riacode.in/2011/03/03/drawing-regular-polygons-in-html5-canvas/應該讓你開始。 – rob 2013-04-18 14:21:01