問題タブ [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 に答える
377 参照

animation - Cocos2D-2番目のスプライトをアニメーション化すると、最初にアニメーション化が停止します

したがって、ここでの問題は、アニメーション化された発射体を1つ作成するときに、すべてが正常であるということです。ユーザーが秒を作成するとすぐに、最初のアニメーションは停止します。

了解しました。initで設定する方法は次のとおりです。

次に、ユーザーが画面をタップしたときに呼び出される私のcreate bulletsメソッドで、次のようにします。

したがって、ユーザーが初めてタップすると、すべてが正常に機能します。2回目は、アニメーション化された弾丸が作成されますが、既存の弾丸はアニメーション化を停止します。

0 投票する
0 に答える
128 参照

graphics - 「button.png」から「button.des」を作成するには?

「.png」ファイルから「.des」ファイルを作成するプロセスであるアトラス(スプライトシート)作成プロセスについて誰か説明してもらえますか?

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

cocos2d-iphone - cocos2dでbatchnodeを正しくスケールアップする方法は?

1セットの画像のみで新しいアプリのHDディスプレイをサポートしたいと思います。必要に応じてアンカーポイントに基づいて画像を拡大できるように、スプライトのコンテナを作成しました。しかし、スプライトシートで画像を作成すると、同じことを実現する方法が見つかりません。すべての画像がバッチノードに読み込まれ、バッチノードを正しくスケールアップする方法が見つからないため、たとえば、異なるアンカーポイントに基づいてバッチノードの各画像をスケールアップします。だから私は誰かがこの問題の解決策を知っているかどうか疑問に思っていますか?

返信ありがとうございます!

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

image - java.awt.image.ImageObserver にキャストできません

}

こんにちは、このコードを実行するたびに、次のエラーが表示されます。

矢印キーを押したときにキャラクターが動くアニメーションを作成しようとしています。しかし、画像をペイントしようとすると、このエラーが発生します。画像の特定のセクションを描画する方法を使用しています。別のプロジェクトで同じ画像を使用してこの方法をテストしましたが、うまくいきました。何が悪いのかわかりません。どんな助けでも大歓迎です!

ありがとう

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

animation - XNA スプライトシート アニメーション

初めて XNA を使用して、簡単な RPG ゲームを作成します。

異なる方向に移動するたびに、キャラクターが異なる方向を向くようにしようとしています。

問題は、起動時にテクスチャさえ見えないことです。ゲーム内の特定の位置を歩くと、スプライトシート全体が見えるようになるのが奇妙なことです。AI NPC についても同じことが言えます。背景の後ろに横たわっていて、移動している長方形は透明です(したがって、背景を通して見ることができます)。

クラスのインスタンスを作成すると、FrameWidth と FrameHeight が送信されます。(高さ = 0 (スプライトシートの上部から開始)、幅 = スプライトシートの幅 / 4 (単一のスプライトを取り出すため))

速度は、キャラクターが移動する速度です。

Draw メソッドは次のようになります。

(List.Addは無視)

だから私が助けを必要としているのは、テクスチャを長方形に「ロック」することです。

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

c# - スプライト シート アニメーション、XNA でのピクセル パーフェクト コリジョン

XNA でスプライト シート アニメーションを使用しており、ピクセル パーフェクト コリジョンを使用したいと考えています。私の問題は、使用しているスプライトシートの一部をチェックするのではなく、スプライトシートの現在のピクセルが透明かどうかをピクセルの完全な衝突がチェックすることです。これは私のコードです:

スプライト シートの特定の部分を選択し、それに対する衝突をチェックする方法を知りたいです。この MSDN ガイドを使用しました。

編集:私はそれを理解することができました、代わりにこれを使用しました

フレームは、幅と高さの2つの写真を含むスプライトシートを使用するため0、最初と2番目など、開始した場合です。872*87100

Edit2: 問題は、一度ピクセルパーフェクトをヒットすると機能しなくなるため、1 ヒットでしか機能しないことです。

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

javascript - 中クリック JS 関数

私が取り組んでいるサイトには、スプライト シート アニメーションを使用するボタンがあり、背景画像として設定する必要があります。ボタンを定期的にクリックして、アニメーションを再生するために別のページへのリダイレクトを数分の一秒遅らせる必要がありますが、マウスの中ボタンをクリックして、新しいタブで遅延なく開くことができるようにしたいと考えています。

現在、私はこれをJavascriptで動作させていますが、hrefだけでなく、すべてをそのように処理するのはかなり悪い考えです。

だから私はこれを作った:

通常のクリックでは関数がトリガーされて遅延が発生するのに対し、マウスの中央クリックでは href リンクに直接移動するという考えです。

これは Firefox で動作します。ただし、Chrome と Safari では、中央のクリックで機能がトリガーされ、その結果、同じウィンドウで犬のリンクが開きます (完成したバージョンでは、もちろんリンクは同じになります)。

基本的に必要なのは、クリックを遅らせるが中クリックでは正常に機能する href だけです。私の実用的なソリューションでは、Javascript を使用して中クリックで新しいタブで開きますが、これはブラウザーの設定を上書きする可能性があり、おそらく悪い考えです。

編集:

その間、Jqueryを使用してこのソリューションを見つけました:

...そしてHTML:

これは機能しましたが、Chrome で中クリックを左クリックとして扱い、同じウィンドウで開くと同じ問題が発生しました。

sransara からのコンテンツを含めるように修正したので、... 思うに... すべてが解決されました。再び Jquery を使用します。

すべてのブラウザで動作するようです。今後このページにたどり着く方の参考になれば幸いです。

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

ios - スプライト シート イメージを既に持っています。cocos2D の plist ファイルを取得するにはどうすればよいですか?

スプライトをアニメーション化する方法を学んでいるので、スプライト シートの画像はオンラインで公開されています。問題は、私が持っていない plist ファイルも必要であることです。Zwoptex を試しましたが、うまくいかないようです。

誰かが何か考えましたか?ありがとう。

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

css - Webkit Wobble - スプライト シーケンスのバグ?

これは、数日間私を悩ませてきたものです。

ボタンに使用されるスプライトシートがあり、ホバー/クリック/何でも問題なくシーケンスを再生し、見栄えがします(リンクの画像はもちろん簡単な例です)。マウスアウトでそのシーケンスを逆にしたいとしましょう.Firefoxではこれはうまくいきます. ただし、Chrome と Safari では、シーケンスを逆再生すると画像が「ぐらつく」ように見えます。

http://jsfiddle.net/SzcQn/

この例は、問題の簡単なモックアップを示しています。マウスを画像の上に置くとシーケンスが再生され、マウスを離すと逆になります。Firefox では問題ないように見えますが、Webkit ブラウザーではぐらつきます。

画像シーケンスに問題はありません。コードは webkit と moz で同じです...これはバグだとしか言えません。

明らかに、追加の 15 個のフレーム (この場合はシーケンスが逆になっているフレーム) を単純に含めることができますが、それはリソースの不必要な浪費のようです。

この問題を解決する方法を知っている人はいますか? 複数のスプライト シート、アニメーションを有効にする複数の方法、およびさまざまな Webkit アニメーション設定で試しました...問題は、画像を右から左に再生するように設定されている場合にのみ発生します。逆に。