問題タブ [parallax]

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 に答える
2486 参照

javascript - 多方向および複数の画像、視差スクロール

私は「テーブルトップ」デザイン、つまり、ページ全体にdivページが広がっている単一のページに設定されたWebサイトを作成しています。

ナビゲーションにscrollToを使用しています。ナビゲーションのアニメーション中に、背景の上の画像で視差スクロールを実行して、奥行きと動きの感覚を高めたいと考えています。

私はこの時点で多くのプラグインを使用しましたが、探しているものを提供するものは見つかりませんでした。すべての画像はページのさまざまな領域で開始位置が異なり、速度も異なるため、次のことができる必要があります。ページの読み込み時に位置を設定します。これを行う必要のある画像が大量にある可能性があります。

私はずっとこれに取り組んできました、そして今私はあなたをインターネットの天才を使って私を救わなければなりません!

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

jquery - 複製時の3Dビューポートのjqueryの問題

この問題はまだ FF と Chrome にのみ存在します。HughesはIE用に修正しました

私は現在、視差効果を使用して 3D 効果を偽造する Web サイトに取り組んでいます。私が使用しているスクリプトはsmart3d(jQueryプラグイン)です。

私が作成した最初のスライドは正常に動作します (ただし、幅 100% は何らかの理由で実際には 100% ではありません)。複製すると、ホバリング時にさらに右側にシフトします。もう一度複製すると...さらにシフトします。

問題が何であるかを見つけることができないので、皆さんに助けを求めることにしました。ここで問題を確認できます: http://basenharald.nl/3d/

いくつかのアイテムにボーダーを付けて、LI意味が明確になるようにしています。

あなたたちが助けてくれることを願っています。

ところで:px代わりに使用すると同じ問題が発生する%ので、それは答えではありません。

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

iphone - iPhoneで視差効果を作成するために使用するセンサーは何ですか?

3 つの異なる平面に分割されたシーンがあり、これらの平面を軸上のデバイスの回転に対して左または右に移動したいので、デバイスが表面に対して 0 度のときに平面が中心になります。iPod touch (第 1 世代) のゲームのホーム画面でこの効果が見られます。同様の効果を生み出すには、どのセンサーを使用する必要がありますか?

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

animation - Android パララックス アニメーション

要件: Honeycomb 3.1、Galaxy Tab 10.1

ある要素から別の要素への遷移で視差アニメーションを必要とするプロジェクトに取り組んでいます。要素はギャラリーに似たコンポーネントにあり、ユーザーが画面をスワイプして別のグループに移動するときに必要なのは、これらのグループの要素は、視差アプローチでアニメーション化されます。

ビットマップをアニメーション化する基本的なアニメーション アプローチでテストしましたが、遅いので現在は SurfaceView でテストしています。

これを達成するための最良のアプローチは何だと思いますか?

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

jquery - jQuery で変数の元の値を保持する

だから私はある種のプラグインに取り組んでいます.CSSで設定されている場合、私がする必要があることの1つは位置を取得することです.

それで、CSSで人がこれを持っているとしましょう:

100px ビットを取得する必要があります。それはとても簡単です!

後でアイテムの位置を変更します。

残念ながら、CSS 値 'top' が変更されたため、これにより topMove 変数の値が変更されます。元の値を保存するにはどうすればよいですか?

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

c++ - C++/SDL/OpenGL での視差スクロールの実装に関する質問

私はソフトウェア エンジニアリング クラスのチームと一緒にプロジェクトに取り組んでおり、視差スクロールを使用するとゲームの見栄えが良くなると思いますが、実装のアイデアが正しいかどうかはよくわかりません。誰かが私たちの計画について何らかの指針を与えるでしょう。

まず、Level、Tileset、Layer の 3 つのクラスがあり、最初のクラスには Layers と Tileset の 2 つのベクトルがあるため、最初のレベルの TMX ファイルからすべてのデータをベクトルでロードするという考えですが、描画するのは現在カメラにあるマップの一部であるため、サイクル内ですべてのレイヤーを描画しますが、各レイヤーの速度がどのように定義されているかがわからないため、視差スクロールは想定どおりに機能します.

PD: 誰かがさらに情報を必要としている場合は、疑いを持たずに質問してください。

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

wordpress - 視差ワードプレスのテーマ。ページ ID を動的に取得して独自のサブメニューを表示するにはどうすればよいですか?

視差機能と html5 を使用してワードプレスのテーマを作成しています。ホームにはすべてのメイン ページと 2 種類のナビゲーションがあります。

主なものは、親ページのナビゲーションです。だから私はAbout、Projects、Contactを持っています。

しかし、このページにはそれぞれ子ページがあります。Aboutページにはその下に子が1つありますが、メインメニューからアクセスできないため、子またはサブページを持つ各ページには2番目のタイプのメニューがあります。

また、プロジェクトには、「プロジェクト」(メイン)、「デザイン」(子)、コンサルティング(子)など、さまざまなページがあります。

ページの右側に丸いボタンとして配置されている 2 番目のメニューには、親の "about" と子の "about 2" が一覧表示されます。

それらをリストし、リンクをスクロールして動作させる方法(視差動作)をすでに理解しました

しかし、親ページをハードコードする方法があります。私がやりたいことは、ページ ID を動的に取得してハードコードされないようにする方法を見つけることですが、テーマが 1 ページのみのサイトとして機能するため、問題が発生しています。

これが私が持っているコードです。コードが現在の各ページのIDを識別してメインページと子ページをリストする方法を見つけるのを手伝ってくれる人はいますか?

ご覧のとおり、ハードコードされており、ハードコードされた ID$parent = 13;も含まれています。$pages = get_pages('hierarchical=0&include=13') ;したがって、すべてのページが同じように表示されます。ハードコーディングごとにis_pageで条件を作成できることは知っていますが、アイデアはそれを動的にすることです。

どんな助けでも素晴らしいでしょう!

ありがとう、

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

scroll - libgdxで無限に繰り返される視差背景のスクロール

無限にスクロールできる背景が必要な 2D 横スクロール スペース シューティング タイプのゲームを作成しています (タイル張りまたは繰り返しラップ)。視差スクロールも実装したいので、ほとんど動かない最低の背景の星雲テクスチャを 1 つ、ほとんど動かない遠くの星を含む高い背景を、よく動く近くの星を含む最高の背景を用意します。

各レイヤーをその上のレイヤーよりも50%少なく移動させることがGoogleからわかりましたが、これをlibgdxに実装するにはどうすればよいですか? ズームインおよびズームアウトできるカメラがあり、物理的な 800x480 画面では、128x128 ピクセル (船) から、エッジに複数回ラップされたテクスチャを特徴とする巨大な領域まで、あらゆるものを表示できます。

小さいテクスチャ (512x512 など) を無限にタイル張りされているかのように連続的にラップするにはどうすればよいですか (カメラがズームアウトされた場合)。次に、これらのような複数のテクスチャを重ねて、それらを適切な構造にまとめるにはどうすればよいですか? libgdx api の 1 つ?) プレーヤーの座標が変更されると、それらを移動しますか? javadocs と例を見てきましたが、この問題のようなものは見つかりませんでした。明らかな場合は申し訳ありません!

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

jquery - Jparallax の有効化

序文: 恥ずかしながらこういうの苦手です

わかりましたので、divでJparallaxを使用したいのですが、うまくいきません。デモが動作するようになったら修正しますが、今のところそこまで到達することさえできます. demo から #parallax の css をコピーし、.js を head にリンクし、スクリプトをコピーして #parallax を head で有効にしましたが、その div が何らかの理由で有効になりません。

私のhtml

そして、これがそのための私のcssです #

これはすべて、このデモから直接切り取ったものですこのデモ どんな助けも大歓迎です