HTML5 Canvas und bubble.js

Question

Ich versuche, ein HTML5 Leinwand hinzuzufügen und in der Leinwand möchte ich einige Texte animieren. Ich verwende alphabet.js, bubble.js und ein benutzerdefiniertes Skript. Ich versuche, die Zeichenfläche in meiner Kopfzeile hinzuzufügen.

Alle sind meine Skripte und Leinwand richtig geladen, aber das folgende Skript nicht funktioniert:

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(); 
}); 

Wenn ich eine Warnmeldung im Skript setzen, funktioniert es, wenn ich es Platz vor drawName(myName, letterColors).

Answer 1

Dies kann Ihr Problem beheben, vorausgesetzt, es ist nichts anderes los. Es ist eine einfache Frage der Anführungszeichen um Ihre Array-Werte:

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(); 
}); 

dies nicht möglich, die JavaScript-Konsole einen Blick geben keine zusätzlichen Fehler zu sehen.