する質問をすることでしか得られない、回答やアドバイスがある。36前提Canvasでゲームの制作をしようとしています。Canvasを重ねてレイヤーとすることで複雑動きを可能にしようと思っていますが、クリックの判定処理についてアドバイスをいただきたいです。}現在理解していることは、1キャンバスのクリックされた相対座標の取得方法2Canvasを重ねた場合、クリックイベントは一番上にあるキャンバスしか反応しない3if関数を用いて、クリックの範囲を指定することで、ボタンやキャラクターなどにクリック判定を擬似的につけることができる。4Canvasのイベントリスナーは一番上のCanvasしか反応しない。ボタンの実装とキャラクターの描画をそれぞれ別のレイヤーにかき分けた場合、反応するのは「一番上のCanvas」だけなので、ボタンがクリックに反応するようにすると、別レイヤーに描画したキャラクターをクリックしてもイベントが発火しなくなってしまいます。実現したいことこちらがしたいこととしては、ボタンもキャラクターもクリック判定を実装したいのですが、これはCanvasの技術的に不可能なことなのでしょうか?自らの技術力を上げたいため、できればライブラリーを使用しないようにしたいです。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。12:44他に、クリック判定を実装する方法が思いつかないので、if関数で事前に設けた四角形の範囲内にクリック時の相対座標が一致した場合にif内のコードを実行するようにと考えています。他に、クリック判定を実装する方法が思いつかないので、if関数で事前に設けた四角形の範囲内にクリック時の相対座標が一致した場合にif内のコードを実行するようにと考えています。13:10コードの全体像が分かるコードを質問文に貼り付けてもらうほうが現状からどう変えるべきかというアドバイスをしやすいです。コードの全体像が分かるコードを質問文に貼り付けてもらうほうが現状からどう変えるべきかというアドバイスをしやすいです。13:54特にコードのトラブルではなく、アイデア段階での疑問です。具体的な問題が発生してるのではないのです。コードのトラブルではなく、アイデア段階での疑問です。具体的な問題が発生してるのではないのです。↓もしどのオブジェクトもクリックされなかったら...とすればいいと思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。14:48たとえば一番上のレイヤーの判定を行う前に変数を一つ用意します。次のレイヤーのクリック判定}たとえば一番上のレイヤーの判定を行う前に変数を一つ用意します。14:54あ、すみません。質問文にコードが追加されているのにいま気づきました。関数内のcanvas2.addEventListenerをcanvas1.addEventListenerに変えればとりあえず動くのではないでしょうか?あ、すみません。質問文にコードが追加されているのにいま気づきました。18:56灯台下暗しというか全然気づきませんでした。ありがとうございます。灯台下暗しというか全然気づきませんでした。ありがとうございます。クリックした位置の情報を得て、色を変えたい。頂いたご意見への回答は行っておりません。