HTML5キャンバスとbubble.js

Question

HTML5を追加しようとしていますキャンバスキャンバスにいくつかのテキストをアニメーションしたいと思います。私はalphabet.js、bubble.js、およびカスタムスクリプトを使用しています。私の見出しにキャンバスを追加しようとしています。

すべての私のスクリプトとキャンバスが適切にロードされますが、次のスクリプトが動作していません。

jQuery(document).ready(function($) { 
    var red = [0, 100, 63]; 
    var blue = [196, 77, 55]; 
    var green = [75, 100, 40]; 
    var orange = [40, 77, 55]; 
    var purple = [280, 50, 60]; 
    alert("Hello!"); 
    var myName = "Welcome to"; 
    var letterColors = [blue, red, orange, green, purple]; 
    if (15 > 5) { 
     bubbleShape = "circle"; 
    } else { 
     bubbleShape = "square"; 
    } 
    drawName(myName, letterColors); 
    bounceBubbles(); 
}); 

私はスクリプトで警告メッセージを入れた場合、私はdrawName(myName, letterColors)前にそれを配置する場合、それは動作します。

Answer 1

これは、何も起こっていないと仮定して、問題を解決する可能性があります。配列の値を引用符で囲むという単純な問題です。

jQuery(document).ready(function($) { 
    var red = [0, 100, 63]; 
    var blue = [196, 77, 55]; 
    var green = [75, 100, 40]; 
    var orange = [40, 77, 55]; 
    var purple = [280, 50, 60]; 
    alert("Hello!"); 
    var myName = "Welcome to"; 
    var letterColors = ['blue', 'red', 'orange', 'green', 'purple']; 
    if (15 > 5) { 
     bubbleShape = "circle"; 
    } else { 
     bubbleShape = "square"; 
    } 
    drawName(myName, letterColors); 
    bounceBubbles(); 
}); 

これは失敗します。エラーが発生した場合は、javascriptコンソールに見せてください。