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

iphone - iPhoneのOpenGLでモーショントゥイーンのようなことをするにはどうすればよいですか?

私はOpenGLと一般的なグラフィカル要素を使用したプログラミングに非常に慣れていません。

現在、コードの別の部分によって生成された頂点を使用してマッピングされたテクスチャがあります。コーナーを表すこれらの4つのポイントは、1秒間に数回変化します。実装されると、この画像は、タイマーで4つのコーナーポイントが変更されると、さまざまな場所でぎくしゃくして「表示」され、さまざまな形になります。

私が望んでいるのは、オブジェクトがすばやく移動して形状を変更し、プログラムによって指定された新しいポイントを占めるようにすることです。これをある程度スムーズに実行したいと思います(したがって、これらの指定された位置の間でフロートするようになります/形状)。

OpenGLでそのようなモーション/シェイプトゥイーンを実行する方法はありますか?もしそうなら、どこでドキュメント、またはもっと良いのは例を見つけることができますか?私はこの種のものを見つけたり理解したりするのに苦労しています。

編集:また-私は別の方法を使用しても問題ありません、それはOpenGLである必要はありません。これは、BasicAnimationを使用したCore Animationでより適切に実行されますか?もしそうなら、この種の変革のためのいくつかのリソースはどこにありますか?形状は四角形ですが、必ずしも正方形や長方形である必要はないため、各コーナーポイントを指定する機能が必要になります。

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

actionscript-3 - ActionScript-トゥイーンの問題

次のコードは、次のランタイムエラーを返します。なぜ?

コード:

ランタイムエラー:

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

c++ - C++ を使用してトゥイーン関数を作成しますか?

C++ を使用して何かをトゥイーンするためのインターフェイスを作成するにはどうすればよいですか? たとえば、次のような静的関数呼び出しを使用して、5 秒間にわたって写真をフェードインしたいと考えています。

実行する必要があるトゥイーン アクションごとにオブジェクトを作成する、ハードコードされたセットアップがあります。私は、ロジックなどを制御するために、プログラムが起動してから経過した時間を追跡する DeltaTime 変数を使用しています。私がやろうとしていることの種類を示すために、例(あまり洗練されていません)を含めました:

論理ループの例:

トゥイーンクラスの例:

どんな助けでも大歓迎です。ありがとう!

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

flash - Flash IDE で作成されたフィルターで TweenMax を使用する

TweenMax を取得して、Flash IDE でフィルタが追加されている DisplayObject のフィルタをトゥイーンする方法はありますか。

2 つの状態間でトゥイーンしたいのですが、ビットマップとトゥイーンを使用して 2 つの状態を作成せずにそれを行うことができればいいと思います。1 つの状態にはフィルターがあり、もう 1 つの状態にはフィルターがありません。

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

animation - トゥイーンなしの CSS3 スプライト アニメーション

私の最終的な編集については以下をお読みください!

フレーム間でアニメーションをトゥイーンせずに CSS3 アニメーションを使用することは可能ですか?

たとえば、2 つのキャラクター アニメーション スプライトがある画像があります。それらは 50px の等間隔に配置されています。次のアニメーションを使用すると、まだトゥイーンが表示されます (ただし、トゥイーンは非常に高速であるため、ちらつきのように見える場合があります)。

したがって、上記に基づいて、スプライト フレームは、期間の最初の 0 ~ 49% の間、画像の最初の部分 (x = 0px) に保持され、その後、画像の 2 番目の部分 (x = -50px) にジャンプする必要があります。 50 ~ 100% の場合。ただし、0 から -50 ピクセルまでのトゥイーンを視覚的に確認するには、1% の差でも十分です。

考え?

編集:

上記は少しまっすぐに見えましたが、しばらくするとちらつきに戻ります。

編集:パーセンテージで小数を使用できることに気づきませんでした。ギャップを 1% から 0.1% に近づけると、はるかに高速なトゥイーンが作成され-webkit-animation-duration:ます。

最終編集!: わかりました。私が見つけた Web キット アニメーションのパーセンテージからは、100 万分の 1 までの小数点以下 (つまり 0.0001) を受け入れることができます。比較的短いアニメーション タイマーでは、瞬時に翻訳されます。ちょっとしたハックだと思いますが、うまくいきます。

例:

上記の例は、コンテナー div 内の 100 ピクセル (画像上の各スプライトの幅は 50 ピクセル)の画像でwidth: 50pxありoverflow:hidden、一度に画像から 1 つのスプライトのみを表示します。

注: translate3d を使用しているのは、translateX、translateY、translateZ がまだハードウェア アクセラレーションされていないモバイル ブラウザーでハードウェア アクセラレーションを使用しているためです。

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

xml - XML メニューの Actionscript 3 イベント ターゲット

うまく機能する Image XML メニューがありますが、TweenMax のターゲットに少し問題があります。問題の解決に関連するコードのみを投稿します。

ライブラリに MC があり、内部にはimg_mc bg_mc (これはテキストの背景)、およびtitle_mc (この mc 内にはtitle-txtという名前のテキスト フィールドがあります) の 3 つのムービー クリップがあります。

MCの for ループを作成し、トゥイーン アニメーションで e.currentTarget を使用します。

ホバーしたとき、title_mcは背景をスケーリングすると思われますが、bg_mcはテキストの後ろにあるため、ホバーは機能しません。MOUSE:OVER スケールでbg_mcのtitle_mcをターゲットにする方法がわかりません。

コードの重要な部分:

アニメーション イベント:

title_mc が bg_mc を超えているため、この最後のコードは機能しません。

イベント MC.container_mc.title_mc.addEventListener(MouseEvent.MOUSE_OUT, out_bg); を入れた場合 テキストもスケーリングされますが、これは望ましくありません...

ありがとう

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

actionscript-3 - AS3 Tween は、他のオブジェクトとともに動的に作成されたオブジェクト

すでにトゥイーンされているムービークリップ (Flash タイムラインでトゥイーンされている) に Sprite を動的に addChild しようとしています。ObjectA がトゥイーンされたオブジェクトであるとしましょう。これを swc でパブリッシュし、Flash Builder で自分の Actionscript プロジェクトにリンクしました。クラスで ObjectA のインスタンスを作成し、次のことを試みます。

var objectA:ObjectA = new ObjectA(); var objectB:ObjectB = new ObjectB();

objectA.addChild(objectB); addChild(objectA);

ここでの問題は、objectB が objectA とトゥイーンしないことです。これに対する論理的な解決策はありますか?

前もって感謝します、ジェニファー

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

flash - Flash を使用して連続 PNG スプライトシートを生成できますか?

一連のシェイプとモーション トゥイーンを含む複雑なタイムライン アニメーションがある場合、すべての個別のフレームをスプライトのシーケンスとして 1 つの巨大な PNG シートにエクスポートできますか?

このような PNG スプライトシートを受け入れ、アニメーション化されたボタンやその他の UI 要素に変換するjBlitterと呼ばれる優れた jQuery プラグインがあります。

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

android - 2D ゲームの複雑な Android アニメーション: どのようなアプローチですか?

Android (および後で iPhone) 用の 2D ゲームを開始しています。画面上で動物をアニメートしたい (漫画の犬を考えてください)。そうするための最良のアプローチは何ですか?Android の組み込みのトゥイーン API を使用し、それらを混合して適切なアニメーション シーケンス (スケール、変換、回転) を取得する必要があります。それを行うのに役立つツールはありますか? フラッシュでアニメーションを実行し、アニメーション シーケンスを「インポート」することは可能でしょうか (AS3 生成によって可能でしょうか?)

それ以外の場合は、空白のキャンバスを使用して「手動で」これを行い、すべての描画ロジックを記述する必要がありますか?

私は自分のキャラクターをアニメーション化する最速の方法を手に入れようとしています (1 つの複雑なアニメーションに 20 時間もコーディングする必要がある場合、私は非常に遠くまで行くかどうかわかりません)。

ありがとう :)

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

actionscript-3 - ヨーヨーがいつ終了するかを知る方法は?

trace("test")ヨーヨーの最後に見せたい

ヨーヨーがいつ終了するかを知る方法は?

AS3を使用しています