問題タブ [sprite]

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

html - 画像リンクのスプライトの問題

画像リンクでスプライトを使用する方法。以下のように使用しようとするとリンクが失われます

css:

誰かがより良い解決策を提案できますか?

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

hover - 基本的なスプライトのものの少しの助け

私はデザインの学生で、Webデザインのコースを修了しています。私は最終的なサイトで作業していますが、スプライトに問題があります(1つのクラスで行ったものをフォローしましたが、今は理解できないようです)。クラス用に作成しているサイトにスプライトを使用するのは初めてです。とにかく、私はチュートリアルでいくつかのサイトを調べました、そして私はこれまで物事をうまく動かすことができました...ここに私のhtml(ナビゲーション用)があります:

CSSは次のとおりです。

コードの大まかな表示については申し訳ありません。これを正しく表示する方法がわかりません。私が物事を設定した方法の何が問題になっていますか?ここで、リンクは機能します。後でテキストリンクを非表示にすることを心配できます。ただし、リスト内の各アイテムにホバー画像を適用する方法がわかりません。

ありがとうございました、

マイケル

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

iphone - OpenGL でカメラを移動するときの不具合

私は iPhone 用のタイル ベースのゲーム エンジンを作成していますが、次の不具合を除けば、通常は動作します。基本的に、カメラは常にプレイヤーを画面の中央に保ち、プレイヤーに正しく追従するように移動し、静止しているときはすべてを正しく描画します。ただし、プレーヤーが移動している間、プレーヤーが歩いている表面のタイルは、次のようにグリッチします。

http://img41.imageshack.us/img41/9422/movingy.png

定常(正しい)と比較して:

http://img689.imageshack.us/img689/7026/still.png

なぜこれができるのか誰にも分かりますか?


これまでの回答に感謝します。浮動小数点エラーも私の最初の考えであり、タイルのサイズを少し大きくしようとしましたが、これは役に立ちませんでした. glClearColor を赤に変更しても黒いギャップが残るため、浮動小数点エラーではない可能性があります。一般にタイルは異なるテクスチャを使用するため、頂点配列を使用できるかどうかはわかりません (配列内のすべてに同じテクスチャを適用する必要があると常に考えていました。間違っていたら訂正してください)。 VBO が OpenGL ES で利用できるとは思わないでください。フィルタリングを最近傍に設定すると改善されますが、グリッチはまだ 10 フレームごとに発生し、ピクセル単位の結果は、とにかくこのソリューションが実行できないことを意味します。

私が現在行っていることと過去に行ったことの主な違いは、今回はワールド内の静止オブジェクトではなくカメラを動かしていることです (つまり、タイル、プレイヤーはまだ移動しています)。カメラを移動するために使用しているコードは次のとおりです。

このように物事を行うことに問題はありますか?もしそうなら解決策はありますか?

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

xna - 画面座標をXNAのスプライト座標に変換する

XNAにスプライトオブジェクトがあります。
サイズ、位置、回転があります。
画面座標からスプライト座標にポイントを変換するにはどうすればよいですか?
ありがとう、
SW

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

css - 壊れた画像アイコンが画像の上に表示されているCSSスプライトですが、ホバーは引き続き機能します

私はこれを理解することはできません..うまくいけば、他の誰かが理解できます。

画像ボタンがあります。ホバー効果は正常に機能します。ただし、ボタンの画像の上にIEの壊れた画像のアイコンがあります。

Lookie here:ファンキーな画像 ファンキーな画像ホバー

ご覧のとおり...これらは両方とも、その厄介な壊れた画像を除いて機能します。

これが私のCSSです:

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

directx - テクスチャを丸く切り取る方法

丸みを帯びた形状の画像のテクスチャを表示する必要があります。コードは次のとおりです

_sprite.Begin(SpriteFlags.SortTexture | SpriteFlags.DoNotModifyRenderState); _sprite.Draw(_allocator.Texture, Vector3.Empty, new Vector3(_objectLocation.X, _objectLocation.Y, 0), RenderingColor); _sprite.End();

ただし、常に長方形のテクスチャが表示されます。このテクスチャを丸みを帯びた形状にクリップするにはどうすればよいですか。

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

javascript - スプライトを使用したCSSナビゲーションメニュー:現在のページのタブ/ボタンを強調表示するには?

Apple の Web サイトにあるものと非常によく似た、スプライトを使用して CSS ナビゲーション メニューを作成しました。ホバーとマウスダウン(すべてCSSを使用)で画像上の正しい位置に変更されるように、うまく機能していますが、ボタンをクリックすると強調表示されたままにする方法を理解するのに苦労しています。「クリックされた」外観のスプライトに行がありますが、選択されたものを処理するために知っている CSS がありません。どのボタンがクリックされたかに応じて、ボタンが「クリックされた」バージョンに変わります。jQueryを使用していくつかのjavascriptソリューションを調査しましたが、もっと良い方法があるかもしれないと思いました.

私が使用しているスプライトは、ここにある Apple のものと非常によく似ています。

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

より詳しい情報:

したがって、現在、私のメニューはhtmlで次のようになっています。

私のCSSはすべてここにあります(申し訳ありませんが、長いです):

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

actionscript-3 - 無効なBitMapdataエラー#2015

そして、次のエラーが発生します。

ピクセルをコピーすると発生する傾向があります。どうしてか分かりません。

tileImageは有効です。以下のコードで変数を使用しましたが、機能します。しかし、上記はそうではありません。理由はわかりません。誰か手がかりがありますか?

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

actionscript-3 - スプライトよりも軽いものを見つけよう!

私はシムシティのようなゲームを作っています。タイルがたくさんあります。私が最初に始めたとき。タイルシートを使っていました。タイルシートから必要なピースをコピーしていました。空白のbitMapDataに移動します。次に、bitMapDataを取得してbitMapに入れ、それをDisplayObjectに入れました。うまくいきました!

唯一の問題は、タイルをインタラクティブにする必要があったことです。それらを強調表示して、色などを変更する必要がありました。そこで、Spriteオブジェクトを使用しました。それは素晴らしい働きをしますが、私は一度にたくさんの人しかステージに立つことができません。そうしないと、スクロールするとゆっくりと動きます。スプライトよりも軽いものが必要ですが、それでもインタラクティブにするためにオブジェクトに変えることができます。誰でもアイデアがあります???