問題タブ [html5-animation]

HTML 5 アプリを開発するのは初めてで、

iPad Web ブラウザーと互換性のあるアニメーションを使用して HTML 5 アプリを実装する方法について、アイデアが必要です。

これがシナリオです。

最初のページには、テディベアが表示されます。ユーザーがテディベアをタップすると、テディベアがお辞儀をします。テディベアがお辞儀をすると、自動再生される短い 5 秒のビデオが表示されます。ユーザーにはまだオプションがあります。ビデオを一時停止または再生します。ただし、ビデオが終了すると、ブラウザーは自動的に新しいページにリダイレクトされます。

推奨できる HTML 5 および CSS3 フレームワークはありますか?

私はグーグルからの送信の話に本当に驚いています。

誰かがそれが内部でどのように機能するか教えてもらえますか？このような素晴らしいウェブサイトを構築するために、この一連のテクニックをどこから学び始めればよいでしょうか。

どこから始めればいいですか？純粋にHTML5＆CSS3ですか？

ハッカーニューススレッドに関するいくつかの議論があります：

• 非常によく、それは方法です。ざっと見てみると、各シーンはセクションであり、アセットはデータ属性にリンクされており、残りは/assets/js/main.min.js（これも処理します）によって調整されたTweenJSとThree.jsアニメーションの素晴らしい組み合わせです。目に見えない歴史）。

• また、これらのアニメーションの一部を生成するために、SWFからHTMLへのコンバーターであるSwiffy（http://www.google.com/doubleclick/studio/swiffy/）が使用されたようです。

それでもそれがどのように機能するかを理解することができます、事前に感謝します!!!

HTML5 キャンバスと JS (いくつかの JS 描画ライブラリを使用) を使用して、大きな色付きの円でBlackberry PlayBookの起動時にアニメーションをコーディングする方法を知りたいだけです。同じことが達成できますか？コードの実装を概算できますか?

Adobe Flash Pro CS6でAndroid2.3対応のアニメーションを作りたいです。デバイスの Flash Player に依存したくないので、アニメーションを HTML5 として保存したいと考えています。

これまでのところ、Swiffyを使用して swf 出力を HTML5 に変換しましたが、Android 2.3 デバイスでは実行されず、Android 3 以降でのみ実行されました。ここで、その理由は「古い Android ブラウザーは SVG をサポートしていますが、インライン SVGはサポートしていません。Android 3 以降のみがサポートしている」ことが原因である可能性があると読みました。

私は Android 開発者で、Adobe Flash Pro には詳しくありませんが、グラフィック デザイナーに、アニメーションの作成方法や、swf/html5 ファイルを作成するときに使用する設定を教えて、Android 2.3 で実行できるようにしたいと考えています。

誰か助けてくれたり、ガイドラインをくれたりできますか?

html5リッチアニメーションを開発します。Illustratorでコンポーネントを既に設計しましたが、問題はこのコンポーネントをどのようにエクスポートするかです。Canvasオブジェクト経由？またはImage（png）経由？。

コンポーネントにいくつかの変更があることに注意してください（ある時点で翼を得る花のように）。

1. Canvasを使用すると、この追加を簡単に追加および削除できますが、Imageを使用する場合は、z-indexを使用して絶対的に追加する必要があります。
2. 画像は許可なく私のコンポーネントをコピーすることを防ぎます（少なくともそれは誰もがそれらをベクター画像として取るのを防ぎます）。それでそれは本当に有利です。

ありがとう！、〜アルモグバクー

こんにちは、WebGL で 2 つの色の間で色が変化する点滅画面を作ろうとしています。1 つの色の正方形のコードを設定しましたが、人間の目では考えられない速度、たとえば 1KHz で 2 つの色を切り替える方法がわかりませんでした。前もって感謝します、私はこれが初めてです。

私は4つのセクターを持つ円を持っています。セクター 1 と 3 をクリックすると、円は特定の角度、たとえば時計回りに 45 度回転し、セクター 2 と 4 をクリックすると、円は反時計回りに同じ角度だけ回転します。kineticJS の transitionTo メソッドを使用してそれを行うには?

私は使っている

しかし、最初のクリック後にトランジションが機能していないようです。一貫性のない回転の理由を誰か教えてもらえますか...回転ごとにキネティックレイヤーのコンテキストを保存する必要がありますか???

kineticJS の transitionTo メソッドを使用して、マウスのクリック イベントで図形のアニメーション回転を表示しています。最初に形状をクリックすると正常に動作しますが、その後のクリックでは形状が回転しません。クリックするたびに、ある角度で形状の遷移（回転）を表示したい。私が犯している間違いを教えてください。どうすれば修正できますか??

これは私が使用しているコードです

2つのキーフレームアニメーション「バウンスイン」と「バウンスアウト」があります。バウンスインアニメーションは完了するのに1.2秒かかりますが、終了する前にユーザーがバウンスアウト機能をトリガーすると、100％のスケールにジャンプします。 t現在のアニメーション位置から適切にスケールアウトします。

これはキーフレームアニメーションで可能ですか？私はそれがtransitionプロパティで行われているのを見ましたが、scale（）は使用していません。

JSFiddleのデモがあります：http：//jsfiddle.net/Vn3bM/98/ * アニメーションが終了する前に[ゲーム]の円をクリックすると、他の2つが100％にジャンプし、アニメーション化されます（これがスムーズにしようとしています）。

バウンスアウトから0％のキーフレームを削除しようとしましたが、それは役に立ちませんでした...