私はしばらくの間グーグルしてきましたが、私の問題に対する良い解決策を見つけることができません。
いくつかの画像を含むキャンバスがあります。「左」と「右」ボタンを使用して、これらの画像をスムーズかつ水平方向にスクロールしたいと思います。キャンバスの焦点を設定する方法があるに違いないと思います。うまくいくものを試しtranslate
ましたが、次のセクションに「ジャンプ」したくありません。スムーズなスクロールが必要です...
何か案は?
私はしばらくの間グーグルしてきましたが、私の問題に対する良い解決策を見つけることができません。
いくつかの画像を含むキャンバスがあります。「左」と「右」ボタンを使用して、これらの画像をスムーズかつ水平方向にスクロールしたいと思います。キャンバスの焦点を設定する方法があるに違いないと思います。うまくいくものを試しtranslate
ましたが、次のセクションに「ジャンプ」したくありません。スムーズなスクロールが必要です...
何か案は?
requestAnimationFrame
キャンバスでスムーズなアニメーションを作成するには、メソッド(http://paulirish.com/2011/requestanimationframe-for-smart-animating/)を使用する必要があります。
わかりました、ついに私は方法を見つけました...かなり基本的ですが。
function animate() {
draw();
if(globalVar<300){
globalVar++;
setTimeout("animate();", 100);
} }
これはGreensock JS トゥイーン ライブラリの仕事だと思います。任意のオブジェクトの公開できる任意のプロパティをトゥイーンできます。
ドキュメントは非常に優れており、開始するためのリソースがたくさんあります。フォーラムで何をしようとしているのかについて質問することもできます。
私TweenMax
はフラッシュ開発者として何年も使用しており、現在は JS 開発で使用し始めています。
@ devnull69の回答によると、それも利用していrequestAnimationFrame
ます。