問題タブ [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.
css - div のグループを含む画像の CSS スプライトシート
ボックスの束にスプライトシートを使用しようとしていますが、私がやっている方法では明らかに画像を複数回呼び出します(スプライトシートが役に立たないか、実際には悪化します)。画像を一度呼び出すと、これをより効率的にするにはどうすればよいか疑問に思っています
そして私のスタイル:(これは単なるサンプルです。約9つのボックスがあります)
xna - Texture2D スプライトシートのクロップ
次のように、スプライトシートを持つゲームを開発しています。
画像の特定の部分を描画できることはわかっていspriteBatch.Draw(...)
ますが、私がやっていることについては、Texture2D
フレームごとに個別のオブジェクトが必要です。
私はGoogle検索を行いましたが、私が見つけることができるのは古いコードだけです:/
更新ここに MJP によって投稿されたコードは、私が必要としているものに非常に近いものです...ただし、RenderTarget2D.GetTexture()
XNA 4.0 には機能がありません。
c# - XNA を使用したスプライト シート アニメーション
XNA を使用した最初の 2D ゲームに取り組んでいますが、少し問題があります。スプライトに実行中の効果を与えるために、次のコードを使用してSpriteSheetをスクロールします (実行中):
そして、これらは使用されるオブジェクトです:
スプライトが左に実行されているとき、私は異なるスプライトシートを持つ同じコードを持っています。90% の時間は問題なく動作していますが、残りの 10% のスプライト アニメーションはSpriteSheetの 1 つのフレームに両方向 (左右) にとどまり、プログラムを閉じるまで動かなくなります。問題は、それが同時に発生することは決してないため、理由を完全に理解できないことです..時には10、15、30秒後、時には起動時にさえも! 理由はありますか?事前に感謝し、コードの他の部分が必要な場合はお知らせください
2d - スプライト走行+射撃アニメーション疑問
スプライトの実行と射撃のアニメーションがどのように行われるかについて、誰かヒントを教えてください。つまり、それを実行中のアニメーションと同期して、実行中 -> 実行中 + 発砲 -> 実行中の遷移をグリッチなしでスムーズにする方法です。
私はビットメタルスラッグを研究しています。このゲームは歩行アニメーションと歩行+シュートアニメーションがあり、とてもスムーズです。足と胴体が離れているのではないでしょうか?
前もって感謝します。
javascript - javascript を使用してスプライト シートからスプライトをスケーリング/ストレッチ/スキューするにはどうすればよいですか?
いくつかの背景: 私は raycaster を作成しています。しかし、私はそれを少し変えることにしました。レイ キャスターの作成を開始し、アイコンを表示して引き伸ばしたり歪めたりする方が、ピクセルの集まりを移動するよりもはるかに簡単であると判断しました。
私の質問は次のとおりです: JavaScript を使用してスプライト シートからスプライトをスケーリング/ストレッチ/スキューするにはどうすればよいですか?
私は基本的に、スプライト画像から 16px x 16px の画像を取得し、それを配置し、拡大縮小し、回転させ、javascript で傾斜させたいと考えています。どうすればいいですか?
これが役に立てば、その画像の 3 つのバージョンを接続して、実際に 3D を使用せずに 3D 空間で 3D ブロックが動き回っているような印象を与えることを考えていました。
c# - XNA 2D スプライト シートの一部を画面に描画する際に問題が発生し、黒い線が発生する
現在、以下のコードを使用して 2D スプライト シートをレンダリングしようとしていますが、その結果、画像の背景色だけを黒い線でレンダリングするだけです。画像は、gimp を使用して .png ファイルとして保存されます。
ネットからダウンロードしたランダムなスプライト シートでテストしたところ、問題なくレンダリングされました。png ファイルを間違って保存する方法はありますか?
フレームサイズは、実際の画像ファイルの高さである 27 x 27 で、その後にフレームの幅を指定します。
私が現在使用しているシートは次のとおりです。
cocos2d-iphone - Cocos2D - スプライトを転置した効率的なスプライト シート
テクスチャ メモリをより有効に活用するために Cocos2D でスプライト シートの使用を開始したばかりで、私のアセットを生成するアーティストは、Unity3D の以前のゲームで使用したスクリプトを持っています。このツールは、多数の画像を取得し、透明なスペースと空白を削除して、アトラスに詰め込みます。テキスト ファイル内の各スプライトの「位置」と「UV」を返します。ツールが無効にできないように見えることの 1 つは、スプライトの一部をより適切に配置するために転置することです。
Cocos2D の plist ファイルからアニメーションを読み込みたいです。フレームをテクスチャ キャッシュにロードする際に、フレームを通常の状態に戻す方法はありますか? そうでない場合、個々のフレームを CCAnimation に読み込んだ後、どのように転置しますか?
これでうまくいかない場合は、転置されたすべてのスプライトをカット アンド ペーストしてアトラスに追加し、少し余分なテクスチャ メモリを使用して対処します。
sprite-sheet - EaselJSとSpriteSheet
スプライトシートの各フレームを取得しようとしていますが、取得し続けるのは最初のフレームだけです。コードは次のとおりです。
私はこれをフィドルに貼り付けますが、画像にはクロスドメインの問題があります。
iphone - スプライト、cocos2d の遅延時間
スプライトに遅延を追加したいので、新しいシーンに入ったときにすぐに再生されません。アドバイスをいただければ幸いです。
役立つ場合は、スプライトのコードをここに示します
xcode - スプライト シートの画像を使用してスプライト テクスチャを変更する
これは、スプライト シートからテクスチャを使用してスプライトを作成する方法です。しかし、後でスプライトのテクスチャを変更するにはどうすればよいでしょうか?
使用してみsetTexture
ましたが、動作しません。