問題タブ [sprite-sheet]

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

css - div のグループを含む画像の CSS スプライトシート

ボックスの束にスプライトシートを使用しようとしていますが、私がやっている方法では明らかに画像を複数回呼び出します(スプライトシートが役に立たないか、実際には悪化します)。画像を一度呼び出すと、これをより効率的にするにはどうすればよいか疑問に思っています

そして私のスタイル:(これは単なるサンプルです。約9つのボックスがあります)

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

xna - Texture2D スプライトシートのクロップ

次のように、スプライトシートを持つゲームを開発しています。

スプライトシートのEG

画像の特定の部分を描画できることはわかっていspriteBatch.Draw(...)ますが、私がやっていることについては、Texture2Dフレームごとに個別のオブジェクトが必要です。

私はGoogle検索を行いましたが、私が見つけることができるのは古いコードだけです:/

更新ここに MJP によって投稿されたコードは、私が必要としているものに非常に近いものです...ただし、RenderTarget2D.GetTexture()XNA 4.0 には機能がありません。

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

c# - XNA を使用したスプライト シート アニメーション

XNA を使用した最初の 2D ゲームに取り組んでいますが、少し問題があります。スプライトに実行中の効果を与えるために、次のコードを使用してSpriteSheetをスクロールします (実行中):

そして、これらは使用されるオブジェクトです:

スプライトが左に実行されているとき、私は異なるスプライトシートを持つ同じコードを持っています。90% の時間は問題なく動作していますが、残りの 10% のスプライト アニメーションはSpriteSheetの 1 つのフレームに両方向 (左右) にとどまり、プログラムを閉じるまで動かなくなります。問題は、それが同時に発生することは決してないため、理由を完全に理解できないことです..時には10、15、30秒後、時には起動時にさえも! 理由はありますか?事前に感謝し、コードの他の部分が必要な場合はお知らせください

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

2d - スプライト走行+射撃アニメーション疑問

スプライトの実行と射撃のアニメーションがどのように行われるかについて、誰かヒントを教えてください。つまり、それを実行中のアニメーションと同期して、実行中 -> 実行中 + 発砲 -> 実行中の遷移をグリッチなしでスムーズにする方法です。

私はビットメタルスラッグを研究しています。このゲームは歩行アニメーションと歩行+シュートアニメーションがあり、とてもスムーズです。足と胴体が離れているのではないでしょうか?

前もって感謝します。

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

javascript - javascript を使用してスプライト シートからスプライトをスケーリング/ストレッチ/スキューするにはどうすればよいですか?

いくつかの背景: 私は raycaster を作成しています。しかし、私はそれを少し変えることにしました。レイ キャスターの作成を開始し、アイコンを表示して引き伸ばしたり歪めたりする方が、ピクセルの集まりを移動するよりもはるかに簡単であると判断しました。

私の質問は次のとおりです: JavaScript を使用してスプライト シートからスプライトをスケーリング/ストレッチ/スキューするにはどうすればよいですか?

私は基本的に、スプライト画像から 16px x 16px の画像を取得し、それを配置し、拡大縮小し、回転させ、javascript で傾斜させたいと考えています。どうすればいいですか?

これが役に立てば、その画像の 3 つのバージョンを接続して、実際に 3D を使用せずに 3D 空間で 3D ブロックが動き回っているような印象を与えることを考えていました。

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

c# - XNA 2D スプライト シートの一部を画面に描画する際に問題が発生し、黒い線が発生する

現在、以下のコードを使用して 2D スプライト シートをレンダリングしようとしていますが、その結果、画像の背景色だけを黒い線でレンダリングするだけです。画像は、gimp を使用して .png ファイルとして保存されます。

ネットからダウンロードしたランダムなスプライト シートでテストしたところ、問題なくレンダリングされました。png ファイルを間違って保存する方法はありますか?

フレームサイズは、実際の画像ファイルの高さである 27 x 27 で、その後にフレームの幅を指定します。

私が現在使用しているシートは次のとおりです。

ここに画像の説明を入力

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

cocos2d-iphone - Cocos2D - スプライトを転置した効率的なスプライト シート

テクスチャ メモリをより有効に活用するために Cocos2D でスプライト シートの使用を開始したばかりで、私のアセットを生成するアーティストは、Unity3D の以前のゲームで使用したスクリプトを持っています。このツールは、多数の画像を取得し、透明なスペースと空白を削除して、アトラスに詰め込みます。テキスト ファイル内の各スプライトの「位置」と「UV」を返します。ツールが無効にできないように見えることの 1 つは、スプライトの一部をより適切に配置するために転置することです。

Cocos2D の plist ファイルからアニメーションを読み込みたいです。フレームをテクスチャ キャッシュにロードする際に、フレームを通常の状態に戻す方法はありますか? そうでない場合、個々のフレームを CCAnimation に読み込んだ後、どのように転置しますか?

これでうまくいかない場合は、転置されたすべてのスプライトをカット アンド ペーストしてアトラスに追加し、少し余分なテクスチャ メモリを使用して対処します。

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

sprite-sheet - EaselJSとSpriteSheet

スプライトシートの各フレームを取得しようとしていますが、取得し続けるのは最初のフレームだけです。コードは次のとおりです。

私はこれをフィドルに貼り付けますが、画像にはクロスドメインの問題があります。

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

iphone - スプライト、cocos2d の遅延時間

スプライトに遅延を追加したいので、新しいシーンに入ったときにすぐに再生されません。アドバイスをいただければ幸いです。

役立つ場合は、スプライトのコードをここに示します

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

xcode - スプライト シートの画像を使用してスプライト テクスチャを変更する

これは、スプライト シートからテクスチャを使用してスプライトを作成する方法です。しかし、後でスプライトのテクスチャを変更するにはどうすればよいでしょうか?

使用してみsetTextureましたが、動作しません。