問題タブ [pixel-perfect]

私のフィールドセットでは、テキストボックスの横 (横) にラベルがありますが、何らかの理由でラベルが中央ではなく上部にあります。フィールドセットのCSSは次のとおりです。

私は何が欠けていますか？

ビューベースのアプリケーションでピクセルの完全な衝突を行うことは可能ですか? サンプルコードを探していましたが、運がありません...また、色付きのビットマップを使用して特定の色の衝突を表すことはできますか?

ビジネス目標の 1 つでは、画面上にピクセル パーフェクトなフォームを作成する必要があります。ユーザーがこのフォームを印刷すると、フォームの米国政府印刷局バージョンと完全に一致します。プリンターは、この文書の (妥当な) スキャン可能なコピーを生成します。以前のソリューションは PDF で、これは特定のポイントまでしか機能しません。

私は HTML/CSS に傾倒しており、それを支援するツールについての提案が欲しいです。

ツールについては、Firefox の PixelPerfect が良いスタートのようです。これのターゲット プラットフォームは (ドラム ロール) IE6 です。ドキュメントは次のようになります。

HTML/CSS が完全にダメなら、次の選択肢は Adob​​e Flex です。

私のアプリには、プレーヤーと多くの敵（約100人以上）がいます。CGRectsは敵に適合しないため、使用したくありません。多くのスプライトを使用してcocos2dでピクセルパーフェクト衝突検出を行う方法の例はありますか？

いくつかの説明は素晴らしいでしょう;）

どうもありがとうございます！

編集：私はCCSpriteと.pngファイルを使用しています。pngには透明度がありますが、透明度のないピクセルでの衝突のみを検出する必要があります。

編集：私の敵は丸いです。

私はこれに近づいていると思いますが、私が欠けているものを具体的に理解するのにいくつかの困難があります。Canvasで「ピクセルパーフェクト」な衝突検出を実行しようとしています。コードはGithubhttps://github.com/AlexChesser/jsSpriteおよびhttp://chesser.ca/jsSprite/13-more-pixel-detection.phpで入手できます。

些細な衝突が起こっていると私が判断していると仮定すると、次のフェーズは、重なり合う領域のピクセルレベルをチェックすることです。

これまでのところ、このテストのコードは次のとおりです。

ChromeデバッガーでDOMを調べることで、画像の各ピクセルを確実にループできることがわかりました。理解できないのは、インデックスのarray1のピクセルとインデックスのピクセルを比較した理由です。 array2は重複していないようです。

誰かが私が間違っている場所を見ることができますか？たぶん、ここのどこかに論理的なエラーがあるかもしれません。たぶん、私が得ていると思う四角か何かを読んでいないのかもしれません。

見つけたら、槌を打って更新し続けますが、多くの場合、Stackは私よりもはるかに賢いです:)

ピクセルを完全に表示するムービークリップを読み込んでいます。この MovieClip のすべての子と MovieClip 自体は、位置とサイズに整数のみを使用します。面白いことに、「myMovieClip.cacheAsBitmap = true」を使用しても、ぼやけて表示されることがあります。

解決策はありますか？

現在、textareaMacとWindowsのSafari / Chrome / Firefox / IE全体で、要素の一貫したフォーマットを実現しようとしています。これはうさぎの穴かもしれないと思います。なぜなら、それらの任意の組み合わせは、わずかに異なる方法でフォーマットを生成する可能性があるためです。その他など。

textarea（または）要素を使用する代わりに、divHTML5を使用してピクセルパーフェクトなポジショニングを実現できcanvasますか？または、Raphael JavaScriptライブラリを使用していますか？それとも他のJSライブラリですか？

主に、ピクセルパーフェクトとは、上記のブラウザのいずれにおいても、任意のテキストをまったく同じ方法で（特に改行とパディングに関して）レンダリングする必要があることを意味します。

（それが唯一の解決策でない限り、私は今のところFlashベースの解決策を避けたいと思います...）

私はかなり長い間ピクセル パーフェクトを使用しており、それを愛するようになりました (面倒ではありますが)。今、pp が fx 6 と互換性がなくなったので、それに代わるツールを探しています。

x-preciseを見つけて、購入まであと 1 歩ですが、ソース ページに何かを含める必要があるのはあまり好きではありません。

xprecise や pp ほどではないかもしれませんが、自分でできることはわかっていますが、今は時間がありません。

何を使っているのか知りたいです。それとも、pixel-prefect を使用するためだけに、古い fx に固執しますか?

私は楽しみのために PacMan のクローンを作成しており、PacMan が迷路やドットと衝突するタイミングを検出するためにピクセル パーフェクト衝突アルゴリズムを使用しています (これはまだゲームに実装されていません)。アルゴリズムを正しく使用していることはわかっていますが、迷路とパックマンの両方が互いに近くにない場合、パックマンは迷路と衝突します。デバッグ画面とゲームを示す証明のために写真を撮ります。以下は画像とコードです: メインコード:

PacmanAnimator クラス:

PS。PacMan スプライトの背景は透明で、迷路に表示される黒い領域は透明です。だから私はそれが問題ではないことを知っています。ところで、このような長い投稿で申し訳ありません。 編集：コードをより理解しやすくするためにコメントを追加しました。

JavaScript の衝突検出機能に問題があります。衝突が発生するたびに、固定されたオブジェクトは移動せず、プレーヤーは続行する必要がありますが、別の方向に移動する必要があります。説明するのは難しいので、いくつかの例を用意しました。

赤い矢印は、元の移動方向を表します。緑の矢印は新しい方向を表します - その方向の角度が必要です (写真では 90 度です)

ここに別の例があります: http://jsfiddle.net/kukas/xnB2M/3/私の衝突検出機能を見ることができます。緑色の四角は解決策を表し、赤い四角は問題を表します。:)

おまけ: 別の問題を解決していただければ幸いです - 衝突は完全なピクセルではありません。しかし、それはそれほど重要ではありません。