###前提・実現したいこと
animate ccで作成したcanvasとjavascriptとHTMLに埋め込んでアニメーションを表示しています。
ブラウザのスクロールと連動して(150pxや300pxに到達した時などに)
アニメーションをスタートさせたいのですがうまくいきません。
どのようなアプローチやコード書いていけばいいかご教授願えませんでしょうか。
###発生している問題・エラーメッセージ
bodyを読み込んだ段階でスタートしてしまっているので、これを特定のスクロール位置に来た時にアニメーションをスタートさせたい。
###該当のソースコード
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> <script src="team.js?1461854243797"></script> <script> var canvas, stage, exportRoot; function init() { // --- write your JS code here --- canvas = document.getElementById("canvas"); exportRoot = new lib.team(); stage = new createjs.Stage(canvas); stage.addChild(exportRoot); stage.update(); createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); } </script> </head> <body onload="init();" style="background-color:#D4D4D4;margin:0px;"> <canvas id="canvas" width="500" height="395" style="background-color:#000000"></canvas> </body>###試したこと
jquaryやjavascriptなどを調べながら、タグのいじったりしてきたのですが全くうまくいきません。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。