AI クイズゲームの作り方【Javascript】
イカクくんねぇたかまる、クイズゲームってどうやって作るの？たかまる4択クイズなら簡単だからサクッと教えるね。作品を見てみようたかまる主な特徴はこんな感じ。・問題の選択肢が４つ・選択肢の順番はランダム表示・問題によっては画像を表示・正解と不正...
JavaScript
AI 
JavaScript アリクイあくしょんで使ったJavaScript一覧
JavaScriptの基本知識項目説明例文変数値（データ）を保存する箱。あとで使うために名前をつけて覚えておく。let name = "Taro";関数何度も使える「処理のまとまり」。呼び出すことでその処理が実行される。function g...
JavaScript 【１５】アリクイあくしょんコード解説 691行目〜ラスト
// キャンバスのリサイズfunction resizeCanvas() { const aspect = 800 / 600; // アスペクト比 let w = window.innerWidth; let h = window.inn...
JavaScript 【１４】アリクイあくしょんコード解説 676行目〜
// タッチデバイスのときだけタッチ操作用ボタン表示function updateTouchControlsVisibility() { const controls1 = document.getElementById("touch-co...
JavaScript 【１３】アリクイあくしょんコード解説 666行目〜
// タッチデバイス判定function isTouchDevice() { return ( // タッチイベント 'ontouchstart' が window オブジェクトに存在するかを確認 "ontouchstart" in win...
JavaScript 【１２】アリクイあくしょんコード解説 386行目〜
たかまるこのページではupdateの実装をしていくよ。function update() { if (gameCleared) { ctx.fillStyle = "#222"; ctx.fillRect(0, 0, canvas.widt...
JavaScript 【１１】アリクイあくしょんコード解説 357行目〜
window.addEventListener("keydown", (e) => { if (e.code === "Space") { startOrRestart(); }});// 画面クリック・タップ対応canvas.addEve...
JavaScript 【１０】アリクイあくしょんコード解説 323行目〜
// スタート画面function drawStartScreen() { ctx.fillStyle = "#222"; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillS...
JavaScript 【９】アリクイあくしょんコード解説 296行目〜
たかまるプレイヤーの次はエネミーズだよ。function drawEnemies() { enemies.forEach(enemy => { if (enemy.vx && enemy.vx > 0) { ctx.save(); ctx....
JavaScript 【８】アリクイあくしょんコード解説 260行目〜
function drawPlayer() { let img; let drawWidth = player.width; if (isAttacking) { img = attackImg; drawWidth = 50; } els...