問題タブ [html5-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2289 参照

javascript - ページに相対的な HTML5 変換

要素に翻訳を適用し、それ自体ではなくページ上のポイントに移動するにはどうすればよいでしょうか?

たとえば、以下のコードでは、「card」要素が開始位置に対して 50、100 移動します。私が代わりに望むのは、ページの中央に移動することです。

0 投票する
2 に答える
10533 参照

javascript - HTML5 Canvas と SVG + Raphael.js の長所と短所は何ですか?

Canvas を使用してプロジェクトを開始しました。しかし、私が必要とすることの 1 つは、次の例のように移動可能でクリック可能なボックスを追跡することです: http://raphaeljs.com/graffle.htmlなので、Raphael-js + SVG の方が良いかどうか疑問に思っています。

どちらを使用しますか? なぜ?

0 投票する
3 に答える
5345 参照

html - HTML5 キャンバス アニメーション用のブレンドのようなソフトウェアはありますか?

HTML5 を操作するための、blend のようなソフトウェアはありますか? 特にアニメ関連の仕事をすることです。

0 投票する
4 に答える
55476 参照

css - HTML5 のページめくり効果?

HTML5で本のようにページをめくるような効果はありますか?もしそうなら、それはどのように行われますか?

前もって感謝します!

0 投票する
1 に答える
44117 参照

html - HTML5Canvasを使用-任意の点を中心に画像を回転

半球(北半球)の画像の上にある文字盤を背景として回転させます。範囲は0〜180度です。キャンバス変換を行うメソッドへの入力時に、ダイヤルが回転し、一致した値の上で停止します。phrogzから渡されたヘルプとサンプルに基づいて私が試していたものは次のとおりです

0 投票する
1 に答える
470 参照

html - Html5 ビデオ コマンド

こんにちは、ipad 用のビデオコミックを作成したいと思います。タイムライン ポイントで停止し、ボタンを押すと再び再生されるビデオを html5 で作成することにしました。それは可能ですか?どうもありがとう。

0 投票する
1 に答える
622 参照

html - HTML5フライアウトコンテンツブロック?

誰かがそれを尋ねなければなりませんでした、マイクロソフトがhttp://www.beautyoftheweb.com/を立ち上げて以来、私はそれについてよだれを垂らしています

彼らは世界でどのようにそれをやっていますか?

あなたは私が何を意味するか知っています、飛んで、再配置するコンテンツブロック。彼らがURLをプレースホルダーとして使用し、残りをリンクとして追加するだけでサイトのリダイレクトを行っていることは知ってい/#/ますが、私は彼らのソースを何時間も精査してきました。ブロック。

明らかにソースコードをコピーすることはできませんが、これを理解したいと思います-本番環境で使用できなくても、何年も前にフラッシュなしで何ができるかを見るのはとても魅力的です。それでは不格好だったでしょう。

誰かアイデアはありますか?

0 投票する
2 に答える
6924 参照

canvas - HTML5 Canvas アニメーションは CPU の 88-98% を使用します

偽のピクセル化された世界地図をアニメーション化して、異なる色の間でスムーズに移行しようとしています。私はもともと jquery とテーブルでこれを行いましたが、CPU 使用率が非常に高かったので、代わりに html5 キャンバスを試してみようと思いました。ただし、これでもCPU使用率が非常に高くなります。コード内の大きな配列であるかどうか疑問に思っています(正方形を埋める場所を示すために使用します)。どんな助けでも大歓迎です。

0 投票する
2 に答える
11481 参照

html - キャンバスを使用したHTML5のフレームごとのアニメーション

HTML5に変換しようとしているフラッシュアニメーションがあります。これですべての画像を取り出しました。たとえば、手のアニメーションでは、すべての手の画像を撮影しました。基本図でキャンバスを作成しましたが、それらの画像をフレームごとに置き換える方法がわかりません。

これで、この画像用にさらに3つのフレームができました。left_hnd_2.png、left_hnd_3.png、left_hnd_4.png。1つの画像を使用したと思いますが、フレームの違いが大きすぎて、1つの画像で実行できません。必要な時差でこれをアニメーション化するにはどうすればよいですか。

任意のアイデアをいただければ幸いです。ありがとう!

0 投票する
0 に答える
505 参照

html - webkitを利用したwebworksに対応したHTML5で3Dアニメーションを表示したい

特定の表面に 3D フットボールを投げるような 3D の単純なアニメーションを使用したいのですが、Webkit を使用する Webworks もサポートしたいのですが、webkit は 3D webGL をサポートしていないと思います。それで、私は何をすべきですか?

アニメーション GIF のオプションがありますか、3D 画像のスプライトを使用してそれを使用する必要がありますか、それを達成するのに役立つフレームワークはありますか?

アニメーション GIF スプライトまたは 3D 画像スプライトのどちらを使用する場合でも、キャンバスまたは 1 つのオブジェクトのみのスプライトを作成する必要がありますか?また、そのようなスプライトを使用する最善の方法は何ですか?