AI マリオ風横スクロールアクションを作る
たかまるJavaScriptでWebゲーム作ったった！イカクくんえ、たかまるプログラミングできたの？たかまるもちろん、できないよ！だから今回はほぼAIに任せて作ったよ。作品を見てみようスマホの場合、このページから見るとボタンのレイアウトが崩...
AI 
Unity UIで日本語フォントを使いたい【Unity6】
バージョン6000.0.32f1たかまるやり方は主に２種類あって、・Dynamicフォントを作成・「Font Asset Creator」で静的フォントを手動作成今回は、前者のやり方を紹介するね。この方法は、Unity 2020以降で追加さ...
AI クイズゲームの作り方【Javascript】
イカクくんねぇたかまる、クイズゲームってどうやって作るの？たかまる4択クイズなら簡単だからサクッと教えるね。作品を見てみようたかまる主な特徴はこんな感じ。・問題の選択肢が４つ・選択肢の順番はランダム表示・問題によっては画像を表示・正解と不正...
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....
AI クイズゲームの作り方【Javascript】
イカクくんねぇたかまる、クイズゲームってどうやって作るの？たかまる4択クイズなら簡単だからサクッと教えるね。作品を見てみようたかまる主な特徴はこんな感じ。・問題の選択肢が４つ・選択肢の順番はランダム表示・問題によっては画像を表示・正解と不正...
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...
その他 開発者ツール（デベロッパーツール）でコードを見る方法
たかまるイカク、ウェブブラウザの開発者ツールとかデベロッパーツールって聞いたことない？イカクくんないなぁ。なんなのそれ？たかまる色々できることがあるけど、その一つにWebサイトのソースコードが見られる機能があるよ。イカクくんまじか！たかまる...
その他 Visual Studio Code の初期設定
まずは日本語化VSCodeの言語を日本語に切り替えるには、以下の手順を行います。 コマンドパレットを開く: VS Code を立ち上げたら、 Ctrl + Shift + P (Windows/Linux) または ⌘ + Shift + ...
その他 Visual Studio Code のインストール方法
Macの場合Visual Studio Codeのダウンロードページに移動します。自動で自分のPCに適したダウンロードボタンが出るので、クリックしてダウンロードします。zipを解凍してこんなアイコンが出たらダウンロードフォルダ→アプリケーシ...