Easeljsを使用して、HTML5キャンバスの描画アプリケーションに取り組んでいます。これまでのところ、オブジェクトをフィールドにドラッグアンドドロップすることはできますが、特定の範囲内でのみオブジェクトが必要です。
説明する:
オブジェクト1、2、4、および5は削除する必要がありますが、オブジェクト3は保持する必要があります。
hitTest()を使用してみましたが、正しく機能しませんでした(おそらく何か間違ったことをしました)。使用したコードを投稿したいのですが、作業中にPCがフリーズしました...フリーズ解除中に聞いた方がいいと思いました、ハハ。
解決:
var obj1 = obj.getBounds().clone(); // obj = a pylon
var e = obj1.getTransformedBounds();
var obj2 = bg.getBounds().clone(); // bg = the big green field
var f = obj2.getTransformedBounds();
if(e.x < f.x || e.x + e.width > f.x + f.width) return false;
if(e.y < f.y || e.y + e.height > f.y + f.height) return false;
return true;
やっぱりシンプルだけど、ずっと取り組んでいたので、一生懸命考え始めたのかな…。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加