HTML5 のスペース シューティング ゲームを作成しようとしています。プレーヤーが負けた場合、続行ボタンを作成する必要があります。私は実際にキャンバスを使用して長方形を描画し、それにイベントリスナーを追加しています:
if (!alive) {
ctx.fillText('Game Over!', 245, height / 2);
ctx.fillText('Lost times:'+lostTimes, 245, height / 2+100);
ctx.fillRect((width / 2) - 53, (height / 2) + 10,100,40);
ctx.fillStyle = '#000';
ctx.fillText('Continue?', 252, (height / 2) + 35);
canvas.addEventListener('click', continueButton, false);
}
しかし、代わりに jQuery を使用したいと考えています。jQueryドキュメントを確認しましたが、ボタンに関するすべては、HTMLファイルに既に存在するHTML要素にイベントを追加することです。必要なのは、特定の条件 (この場合はalive==false) が満たされたときにボタンを動的に作成することです。また、ボタンの場所を示す必要もあります。誰でもそれを行う方法を知っていますか?