問題タブ [tween]

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 投票する
3 に答える
786 参照

flash - ボトム (Y) 位置を維持しながらシェイプ トゥイーン/トランスフォームしますか?

ロケットが飛び立つムービー クリップのトゥイーンを作成しようとしています。リフトオフする前に「押しつぶし」、リフトオフすると「ストレッチ」します。

変換ツールを使用してタイムライン上でこれをトゥイーンすると、ロケットを「押しつぶす」ことができ、ロケットの基部は「地面」にとどまります。これが私が欲しいものです。ただし、ここでは説明しませんが、タイムラインではなく、AS3 でこれを行う必要があります。ただし、「高さ」トゥイーンを使用すると、ムービークリップの高さは変わりますが、下部で縮小/伸縮します(上部でロックされます)。

トゥイーンクラスでやりたいことはできますか? 「高さ」以外の何かを使用する必要がありますか?

代わりに変換行列を使用する必要がありますか? 変換マトリックスを使用する場合、トゥイーンできますか? (私は変換マトリックスの経験があまりありません。)

ストレッチに使用しているトゥイーンは次のとおりです。

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

mootools - mootools | 毎回新しいトゥイーンを作成せずに、トゥイーンのプロパティを上書きします

トゥイーンのプロパティを上書きする方法はありますか?私が書いたら

その後

古いプロパティを置き換えることができません(コールバックが再度トリガーされます)

毎回新しいFx.Tweenを作成せずに、この問題を解決することは可能ですか?

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

javascript - Javascript バー アニメーション

ここに画像の説明を入力

上記の画像があります。車の回転数に応じて画像の一部を表示したい。たとえば、車が発進すると、一番下の青いブロックだけが表示されますが、速度が上がると、赤線までさらに多くのブロックが表示されます。速度が低下すると、ブロックが消えます。私はどこから始めればいいのかわからないこれで途方に暮れています。もともとは各ブロックを別々の画像にすることを考えていましたが、これを行うより良い方法があるかどうか疑問に思っていました. 何か案は?

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

javascript - js ライブラリで dom オブジェクトをトゥイーンするときに操作するのに最適なプロパティ

いくつかの要素を (jquery または mootools を使用して) アニメーション化するための最良かつパフォーマンスの高い方法を探しています。たとえば、要素を移動する必要がある場合は、次のことをお勧めします。

  • 絶対に配置し、上または左を使用します

  • margin-top または margin-left を使用して絶対に配置する
  • 配置を固定し、上または
    左を使用します
  • 大きなコンテナを作成し、
    background-positionを使用する
0 投票する
2 に答える
2444 参照

actionscript-3 - TweenLite で変数をトゥイーンするにはどうすればよいですか?

#1069: TweenTest のプロパティ _test が見つかりません… というエラーが表示されます。この例も試しましたが、うまくいきません: http://www.snorkl.tv/2010/09/how-to-tween-a-variable- with-flash-and-tweenlite/

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

actionscript-3 - fl.transitions.TweenがActionScriptモバイルプロジェクトで見つかりません

Android用のActionScriptモバイルプロジェクトを開発しています。

次のインポートを追加すると、コンパイラはそれが見つからないと言います。

モバイルプロジェクトでTweenを使用するにはどうすればよいですか?

ちなみに、私はActionScript3.0の開発に非常に慣れていません。

このエラーが発生します:

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

flash - ムービークリップをトゥイーンした後の空きスペース

これは少しあいまい/混乱するように見えるかもしれませんが、理解できることを願っています.

XML から配列を埋めています。これらの配列には動的な textFields があり、これらの textFields はムービークリップの子です。

このムービークリップをトゥイーンして、ステージ上で textFields の配列を 1 つずつアニメーション化します。XML のソースは 2 つあります。1 つは実際のサイトからのもので、もう 1 つは hdd に保存されている XML からのものです。まず、textFields の配列を埋めてから、ムービークリップをアニメーション化します。最初の 1 つでこれを行い、次にアニメートし、2 番目のものでもう一度実行し、1 番目のもので再びアニメ化し、というように繰り返します。

myTween = new Tween(mc,"x",None.easeNone,sizeOfStage,0 - mc.width,mcSpeedAuto,true);

私のトゥイーンは で終わります0 - mc.width。問題は、最初に「より大きな」XML をトゥイーンすると、次のより小さい XML がトゥイーンされるときに、大きなものを再びトゥイーンする前に空のスペースがたくさんあることです (空白をトゥイーンしますか?)。

myTween.addEventListener(TweenEvent.MOTION_FINISH, onFinish);

onFinishすべての配列をクリアします (そうしないと、2 番目のトゥイーンには 1 番目の情報が残ります。例: 1 番目には 25 フィールド、2 番目には 10、1 番目には 25 フィールド、2 番目には 10 が表示され、残りの 15 は1 つ目)、2 つ目のトゥイーンを呼び出します。これを行うことで、空白もすべてクリアされると思いましたが、明らかにそうではありません。mc.width「より大きな」値を保持し、常にそれでトゥイーンし、2番目のケースで終了するのに時間がかかると思います。配列を埋めるたびにテキストフィールド幅の合計としてmc.widthを設定しようとしましたが、これもうまくいかなかったので、何が問題なのかよくわかりません:/

これは混乱しすぎですか?何か案は?

前もって感謝します。

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

android - Androidトランジションアニメーション

アニメーションGIFが必要です。これは、Androidでは不可能なため、トランジションで個々のフレームを使用しています。

ただし、トランジションクラスでは2つのフレームしか表示されないようです。私は他のアニメーション方法を見ましたが、それらは私がやっていたことに当てはまらないようでした、または古い幼児のアンドロイドビルドのように古くて動揺しているように見えました

画像をアニメーション化して、アニメーションGIFのように動作させるにはどうすればよいですか。ここでは回転や平行移動はありません。Android2.1以降の使用

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

apache-flex - Flex 4.5アプリケーションでMovieClipsにTweenを使用するにはどうすればよいですか?

私はFlexを初めて使用し、純粋なFlash/AS3カードゲームをFlex4.5に移植しようとしています。

それはほとんどうまく機能しますが、私はそこにいくつかのパズルの部分が欠けています:

カードのデッキ(スプライトまたはMovieClipsの配列)を表すUIComponentに基づいてカスタムコンポーネントを作成しました。

ここに画像の説明を入力してください

オリジナルの純粋なFlash/AS3ゲームでは、テーブルの3枚のカードにTweenを使用していました。これは、どのカードを置いたかを示すためです(テーブルの中央に向かってスライドさせます)。

しかし、Flash Builder4.5はfl.transitions。*パッケージをまったく知らないようです。

ここでTweenの使い方についてアドバイスをいただけますか?

私が書いたように、残り(私のカスタムFlexコンポーネント、カードの移動-スプライトなど)はうまく機能します。コメントする必要があるのはTween行だけです。

ありがとうございました!アレックス

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

android - Androidスピードメーター(ニードルゲージ)

進行中の速度を計算し、それをスピードメーターのグラフィックに表示するシンプルなアプリを作成します。速度の計算やGPSの計算などはすべてできますが、アニメーションについてはよくわかりません。温度計の例以外に、ニードルゲージに関する優れたチュートリアルや例はありますか?