問題タブ [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 投票する
0 に答える
223 参照

html - アニメーション付き HTML 5 アプリのアイデア

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

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

これがシナリオです。

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

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

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

html - Gmailの送信の話それはどのように機能しますか?

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

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

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

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

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

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

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

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

javascript - Blackberry PlayBook スタートアップのような HTML5 アニメーションを作成するには?

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

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

android - Flash を HTML5 にエクスポート、Android2.3 に対応

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 で実行できるようにしたいと考えています。

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

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

javascript - キャンバスまたはPNG?(html5アニメーションの場合)


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

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

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

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

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

javascript - 人間の目では考えられないほどの速さで画面が 2 色の間を点滅する

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

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

html - kineticJs の transitionTo を使用して、マウス クリックで円を特定の角度だけ回転させる

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

私は使っている

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

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

html - クリックイベントで動作しないkineticJsのtransitionToメソッド

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

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

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

javascript - CSS3アニメーションを動的に変更するときのスムーズな移行

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

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

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

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