問題タブ [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.
html - アニメーション付き HTML 5 アプリのアイデア
HTML 5 アプリを開発するのは初めてで、
iPad Web ブラウザーと互換性のあるアニメーションを使用して HTML 5 アプリを実装する方法について、アイデアが必要です。
これがシナリオです。
最初のページには、テディベアが表示されます。ユーザーがテディベアをタップすると、テディベアがお辞儀をします。テディベアがお辞儀をすると、自動再生される短い 5 秒のビデオが表示されます。ユーザーにはまだオプションがあります。ビデオを一時停止または再生します。ただし、ビデオが終了すると、ブラウザーは自動的に新しいページにリダイレクトされます。
推奨できる HTML 5 および CSS3 フレームワークはありますか?
html - Gmailの送信の話それはどのように機能しますか?
私はグーグルからの送信の話に本当に驚いています。
誰かがそれが内部でどのように機能するか教えてもらえますか?このような素晴らしいウェブサイトを構築するために、この一連のテクニックをどこから学び始めればよいでしょうか。
どこから始めればいいですか?純粋にHTML5&CSS3ですか?
ハッカーニューススレッドに関するいくつかの議論があります:
非常によく、それは方法です。ざっと見てみると、各シーンはセクションであり、アセットはデータ属性にリンクされており、残りは/assets/js/main.min.js(これも処理します)によって調整されたTweenJSとThree.jsアニメーションの素晴らしい組み合わせです。目に見えない歴史)。
また、これらのアニメーションの一部を生成するために、SWFからHTMLへのコンバーターであるSwiffy(http://www.google.com/doubleclick/studio/swiffy/)が使用されたようです。
それでもそれがどのように機能するかを理解することができます、事前に感謝します!!!
javascript - Blackberry PlayBook スタートアップのような HTML5 アニメーションを作成するには?
HTML5 キャンバスと JS (いくつかの JS 描画ライブラリを使用) を使用して、大きな色付きの円でBlackberry PlayBookの起動時にアニメーションをコーディングする方法を知りたいだけです。同じことが達成できますか?コードの実装を概算できますか?
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 で実行できるようにしたいと考えています。
誰か助けてくれたり、ガイドラインをくれたりできますか?
javascript - キャンバスまたはPNG?(html5アニメーションの場合)
html5リッチアニメーションを開発します。Illustratorでコンポーネントを既に設計しましたが、問題はこのコンポーネントをどのようにエクスポートするかです。Canvasオブジェクト経由?またはImage(png)経由?。
コンポーネントにいくつかの変更があることに注意してください(ある時点で翼を得る花のように)。
- Canvasを使用すると、この追加を簡単に追加および削除できますが、Imageを使用する場合は、z-indexを使用して絶対的に追加する必要があります。
- 画像は許可なく私のコンポーネントをコピーすることを防ぎます(少なくともそれは誰もがそれらをベクター画像として取るのを防ぎます)。それでそれは本当に有利です。
ありがとう!、〜アルモグバクー
javascript - 人間の目では考えられないほどの速さで画面が 2 色の間を点滅する
こんにちは、WebGL で 2 つの色の間で色が変化する点滅画面を作ろうとしています。1 つの色の正方形のコードを設定しましたが、人間の目では考えられない速度、たとえば 1KHz で 2 つの色を切り替える方法がわかりませんでした。前もって感謝します、私はこれが初めてです。
html - kineticJs の transitionTo を使用して、マウス クリックで円を特定の角度だけ回転させる
私は4つのセクターを持つ円を持っています。セクター 1 と 3 をクリックすると、円は特定の角度、たとえば時計回りに 45 度回転し、セクター 2 と 4 をクリックすると、円は反時計回りに同じ角度だけ回転します。kineticJS の transitionTo メソッドを使用してそれを行うには?
私は使っている
しかし、最初のクリック後にトランジションが機能していないようです。一貫性のない回転の理由を誰か教えてもらえますか...回転ごとにキネティックレイヤーのコンテキストを保存する必要がありますか???
html - クリックイベントで動作しないkineticJsのtransitionToメソッド
kineticJS の transitionTo メソッドを使用して、マウスのクリック イベントで図形のアニメーション回転を表示しています。最初に形状をクリックすると正常に動作しますが、その後のクリックでは形状が回転しません。クリックするたびに、ある角度で形状の遷移(回転)を表示したい。私が犯している間違いを教えてください。どうすれば修正できますか??
これは私が使用しているコードです
javascript - CSS3アニメーションを動的に変更するときのスムーズな移行
2つのキーフレームアニメーション「バウンスイン」と「バウンスアウト」があります。バウンスインアニメーションは完了するのに1.2秒かかりますが、終了する前にユーザーがバウンスアウト機能をトリガーすると、100%のスケールにジャンプします。 t現在のアニメーション位置から適切にスケールアウトします。
これはキーフレームアニメーションで可能ですか?私はそれがtransitionプロパティで行われているのを見ましたが、scale()は使用していません。
JSFiddleのデモがあります:http://jsfiddle.net/Vn3bM/98/ * アニメーションが終了する前に[ゲーム]の円をクリックすると、他の2つが100%にジャンプし、アニメーション化されます(これがスムーズにしようとしています)。
バウンスアウトから0%のキーフレームを削除しようとしましたが、それは役に立ちませんでした...