famo.us では、サーフェス上で修飾子を使用してアニメーション/インタラクションを実行する簡単な方法がいくつかあります。たとえば、サーフェスのドラッグとアニメーション化については、famo.us ガイドに非常にわかりやすい例があります。

ただし、より複雑なシナリオでは、インタラクションに応じて必要に応じて開始/停止/反転して、複数のアニメーションを調整したい場合があります。そのような場合、期間を指定して変換を追加するだけの簡単な方法が最初は機能する可能性がありますが、ユーザーがそれらを操作するほど同期が失われないという保証はありません。

#render メソッドは、いくつかの種類の調整されたアニメーションを配置する一般的な場所のようです。それについての私の限られた理解は、レンダリングされているノードの「仕様」を識別し、レンダリングループの各フレームで呼び出されるということです。したがって、特定のアニメーションの各ステップを識別し、それがどのように相互作用するかに応じて、アニメーションの途中で停止し、必要に応じて変更できる場合があります。たとえば、フリッパーはこのように動作するようです

(src/views/Flipper.js):

アニメーション時に #render が果たすべき役割に関するドキュメントはありますか? または、render メソッドがどのように正確に機能するか (たとえば、返される仕様を構築する正しい方法)。render はより低レベルであると想定されていますか? もしそうなら、別の構造を使用する必要がありますか?

すでに設定されているスクロール ビューにサーフェスを動的に追加することは可能ですか。クリックすると、すべてのスクロールビュー要素がアニメーション化されて下に移動し、上に移動して、新しいサーフェスが再びアニメーション化されます。

それを行う正しい方法はスクロールビューですか？

私の知る限り、jsfiddle や codepen のようなサイトは現在 Famo.us をサポートしていません。Stack Overflow での使用を保証するのに十分永続的な Famo.us の作業コード例を共有する他の方法はありますか?

初心者の質問です。famo.us アプリを立ち上げようとしています。これまでのところ、簡単な実験で良い結果が得られました。

アプリが成長しているので、「画面」間を移動できるようにしたい: ランディング画面 -> 情報画面 -> ランディング画面に戻る -> など.

私の「スクリーン」にはView()、View() に追加されたサーフェス、修飾子などが含まれています。

私は、その機能と機能を使用RenderController()して、画面を切り替えるために使用します。hide()show()

問題は、以前に使用した画面に戻ると、サーフェスが表示されなくなることです。

コード : var app_render_controller = new RenderController(); app_render_controller.show(landing_screen); // ok app_render_controller.hide(landing_screen); // ok app_render_controller.show(info_screen); // ok app_render_controller.hide(info_screen); // ok app_render_controller.show(landing_screen); // NOK -> I only see my background surface !

DOM を調べると、サーフェスがあるべき場所にサーフェスのアウトラインが表示されますが、それらは隠されています。バックグラウンド サーフェスがコンテンツ サーフェス (ScrollView) の前にあるようです。背景を非表示にすると、Scrollview が再び表示されます。

要素のオーバーラップは、レンダリング ツリーに追加された順序に対応していると読みました。したがって、View() ベースの「画面」の下のツリーは変更されていないため、Scrollview は 1 回目のように背景の上に描画する必要がありますか?

これは期待されていますか？私は何か間違っていますか？私は何かが足りないのですか？

- - - - 編集 - - -

私のコード（おおよそ）：

DOM を見ると、フリップが表示されます。

ランディング画面の最初の表示: 背景、次にスクロールビューとその 6 つの要素

ランディング画面の 2 番目の表示: scrollview とその 6 つの要素、そして背景です。

Cordova 3.4.x var mainContext = Engine.createContext(); 内で次のコードを使用して、ベースの有名なアプリを実行しています。

なんらかの理由で、原点を設定する[0.5,0.5]とサーフェスが高すぎます。これはバグですか、それともオリジンを何らかの形で再定義する必要がありますか?

たとえば 0 -> 1000 の間で 5 秒以上垂直に何かをアニメーション化する変換変換がある場合、垂直方向のアニメーションを中断することなく水平位置を変更するクリック イベントがある場合、方法はありますか?

次に、ランダムなクリックで、x 位置を 100 ミリ秒程度にわたって変更し始めたいと考えています。

オリジンを操作して個別にアニメーション化することはできますが、実際にはピクセル コントロールが必要です。xだけをアニメーション化する方法はありますか？

setTransform を追加すると、同時にではなく最初のセットの後にチェーンされます。

私は本当にこれを解決しようとしました。しかし、何も機能していないようです。

ホバーした場合にのみ表示されるページの上部にメニューを作成しようとしています。

今のところ非常に単純な要素:

次に、要素「topViewSurf」がホバーされている場合に、この関数を呼び出したいと思いました。

なんらかの理由で、ホバーを機能させることができません。

次の方法で関数を呼び出すことができます。

完全に正常に動作します。しかし、「クリック」を「ホバー」に置き換えると、要素をクリックまたはホバーしても何も起こりません。

jQueryや純粋なjsなど、これに対してさまざまなアプローチを試しましたが、何もうまくいかないようです（そこで間違いを犯した可能性があります）が、とにかく尋ねているので、famo.usソリューションを求めると思いました。

あなたが私を助けてくれることを願っています。ツバメ

翻訳アニメーションを Halt() して、最終的な位置に即座に配置したい。halt() は現在、アニメーションを現在の位置で停止します。

ヘッダーとフッターがほぼ画面全体を占めるようにしたい(真ん中にテキストボックスを含む細い線が残るだけです。ユーザーが正しいパスワードを入力すると、テキストボックスが消え、ヘッダーとフッターを徐々に短くします (コンテンツが画面の中央に表示されるスペースを増やします)。

1. のヘッダーとフッターの高さにトランジションを適用することは可能HeaderFooterLayoutですか?
2. すべての文字が * として表示される一般的なパスワード ボックスを表示するにはどうすればよいですか?

Famo.us Physics エンジンを使用していくつかの例を作成しようとしています。

春の例を試してみました。回転バネも似たようなものかなと思ってやってみましたが、なかなか難しいです。

これは回転ばねを使用した例ですが、機能しません

どうすれば動作させることができますか?? :)