用jQuery啓動紙屑效果（畫布）

我想在用戶使用Jquery單擊時啓動這種紙屑效果，但我不確定如何，有沒有簡單的方法可以從外部js文件JQuery的？用jQuery啓動紙屑效果（畫布）

UM_CONFETTI = 350 
COLORS = [[85,71,106], [174,61,99], [219,56,83], [244,92,68], [248,182,70]] 
PI_2 = 2*Math.PI 


canvas = document.getElementById "world" 
context = canvas.getContext "2d" 
window.w = 0 
window.h = 0 

resizeWindow = -> 
    window.w = canvas.width = window.innerWidth 
    window.h = canvas.height = window.innerHeight

.....

這只是一個代碼片斷這一切都在codepen例子。

來源

2014-09-23 user1937021

不是一個好的解決方案，但是你可以隱藏canvis，直到他們用jQuery做了一些事情。另外，你不能讓jQuery動作調用step（）嗎？ – 2014-09-23 15:44:22

http://stackoverflow.com/questions/13604175/call-coffeescript-function-from-jquery-function – 2014-09-23 15:49:07

您可以將點擊事件添加到實際繪製動畫的step()函數中。

window.step = -> 
    requestAnimationFrame(step) 
    context.clearRect(0,0,w,h) 
    c.draw() for c in confetti 

$('#button').click(step) ->

來源

2016-10-20 20:09:12

用jQuery啓動紙屑效果（畫布）

回答

相關問題