メニューを含む長方形があります。この長方形をゲーム内の他のすべてのオブジェクトの上に配置する必要があります。cssではなく、javascriptキャンバスプログラミングだけを覚えておいてください。どうやってやるの?
長方形に関するコードが必要な場合:
ctx.fillRect(0,0,width,100);
それはあなたが私が推測することを知る必要があるすべてです。
キャンバス自体にはレイヤーが組み込まれていません。ただし、複数のオプションがあります。
HTMLドキュメントに2つ目のキャンバスを追加し、CSSポジショニングを使用して他のキャンバスオブジェクトの上に配置します。上部のキャンバスに長方形を描画し、下部のキャンバスにその他のコンテンツを描画します。上のキャンバスの透明なピクセルは、下のキャンバスのコンテンツを表示します。
他の描画操作の後に長方形を再描画します。
シーン全体を消去して再描画する描画ループを使用しますwindow.requestAnimationFrame
(通常、十分に複雑なゲームは遅かれ早かれそこに行き着きます)。オーバーラップさせたい順序でオブジェクトを描画します。つまり、最後に長方形を描画します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加