JS機能ヘルプ - エラーは表示されませんが、表示されません

-3

どこが間違っているのか分かりません。私はコンソールに何のエラーも表示されず、何もページに表示されません。JS機能ヘルプ - エラーは表示されませんが、表示されません

誰かが一見見ることができ、私は逃した小さなものを見ることができたら。

<!doctype html> 
 
<html> 
 
<head> 
 
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> 
 
<script> 
 
    var myStage; 
 
     
 
    function init(){ 
 
    myStage = new createjs.Stage(document.getElementById("myCanvas")); 
 
    drawStar(50); 
 
    myStage.update(); 
 
    } 
 
     
 
    function drawStar(num){ 
 
    for(i=0; i<num; i++){ 
 
    
 
     var polygon = new createjs.Shape(); 
 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
 
     polygon.graphics.beginFill(color); 
 
     polygon.graphics.moveTo(20, 80).lineTo(80, 80).lineTo(50, 120).lineTo(20, 80).lineTo(50, 40).lineTo(80, 80); 
 
    
 
     var shape = new createjs.Shape(); 
 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
 
     shape.graphics.beginFill(color).drawCircle(20, 80, 3); 
 
     shape.graphics.beginFill(color).drawCircle(80, 80, 3); 
 
     shape.graphics.beginFill(color).drawCircle(50, 120, 3); 
 
     shape.graphics.beginFill(color).drawCircle(50, 40, 3); 
 
    
 
     var lines = new createjs.Shape(); 
 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
 
     lines.graphics.beginStroke(color); 
 
     lines.graphics.moveTo(50, 80).lineTo(50, -5000).moveTo(50, 80).lineTo(-5000, 80).moveTo(50, 80).lineTo(10000, 80).moveTo(50, 80).lineTo(50, 10000); 
 
     
 
     var container = new createjs.Container(); 
 
     container.addChild(lines,polygon,shape); 
 
     
 
     container.x = Math.random()*1024; 
 
     container.y = Math.random()*960; 
 
     container.rotation = Math.random()*360; 
 
     
 
     myStage.addChild(container); 
 
    } 
 
    } 
 
//--> 
 
</script> 
 
<title>Generative Art</title> 
 
</head> 
 

 
<body> 
 
    <canvas id="myCanvas" width="1500" height="1500">Sorry. You need an HTML5 compatible browser to see this.</canvas> 
 
</body> 
 
</html>

出典

2017-05-05 Chiefsouth

は（ない画像など）問題のコードを投稿してください –

私は間違っていない場合は、あなたが実際にこれらの関数のいずれかを呼び出す必要があります。関数を定義しても実行されません。 'init（）;あなたのスクリプトの最後にdrawStar（）; 'を追加しました –

ありがとう、コードを掲示しました - 多分私は間違っていますが、私はmyStage.update（）;それはあなたが指していることですか？ – Chiefsouth

あなたは機能を書かれているが、それらは決して呼ばれることはありません。

コードを呼び出して、その中のコードを実行できるようにする必要があります。

出典

2017-05-05 04:43:22

他の人はあなたが関数を宣言しているが、決して呼び出さないと言っている人もいます。このようなコールのinit：

<script> 
    var myStage; 

    function init(){ 
    myStage = new createjs.Stage(document.getElementById("myCanvas")); 
    drawStar(50); 
    myStage.update(); 
    } 

    function drawStar(num){ 
    for(i=0; i<num; i++){ 

     var polygon = new createjs.Shape(); 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
     polygon.graphics.beginFill(color); 
     polygon.graphics.moveTo(20, 80).lineTo(80, 80).lineTo(50, 120).lineTo(20, 80).lineTo(50, 40).lineTo(80, 80); 

     var shape = new createjs.Shape(); 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
     shape.graphics.beginFill(color).drawCircle(20, 80, 3); 
     shape.graphics.beginFill(color).drawCircle(80, 80, 3); 
     shape.graphics.beginFill(color).drawCircle(50, 120, 3); 
     shape.graphics.beginFill(color).drawCircle(50, 40, 3); 

     var lines = new createjs.Shape(); 
     var color = '#'+(Math.random()*0xFFFFFF<<0).toString(16); 
     lines.graphics.beginStroke(color); 
     lines.graphics.moveTo(50, 80).lineTo(50, -5000).moveTo(50, 80).lineTo(-5000, 80).moveTo(50, 80).lineTo(10000, 80).moveTo(50, 80).lineTo(50, 10000); 

     var container = new createjs.Container(); 
     container.addChild(lines,polygon,shape); 

     container.x = Math.random()*1024; 
     container.y = Math.random()*960; 
     container.rotation = Math.random()*360; 

     myStage.addChild(container); 
    } 
    init(); 
    } 
//-->

出典

2017-05-05 04:50:13

JS機能ヘルプ - エラーは表示されませんが、表示されません

答えて

関連する問題