ゲーム開発

2025-11-18 | lain

[Human x AI] ChatGPT(5.1)との対話録～「AIと伴走した半年を振り返る」～

カテゴリ： Human x AI

タグ： #ChatGPT-5.1#対話ログ#javascript#canvas#requestAnimationFrame#個人開発#ゲーム開発#バイブコーディング#デバッグ#非同期処理

2025-11-16 | lain

ゲーム開発を通して、ベクトル演算の基本を学ぶための記事。ブロック崩しゲームを題材に、ボールの反射や加速、速度ベクトルの計算について理解しよう。

カテゴリ： JavaScript

タグ： #ベクトル演算#ゲーム開発#物理エンジン#ブロック崩し#JavaScript

2025-11-14 | lain

ゲーム開発やアニメーションの描画処理でよく使われる `ctx.save()`, `ctx.restore()`, `ctx.translate()`, `ctx.scale()` の使い方を解説します。

カテゴリ： JavaScript

タグ： #2D描画#Canvas#ゲーム開発

2025-11-14 | lain

ゲーム開発における初期設計の重要性と、イベント管理や状態管理を一元化する方法について解説します。初期設計をしっかり行うことで、後のバグを防ぎ、保守性を高めることができます。

カテゴリ： JavaScript

タグ： #初期設計#ゲーム開発#イベント管理#状態管理

2025-11-13 | lain

Phaser.jsを使ったゲーム開発と、ネイティブCanvasを使ったゲーム開発を比較し、それぞれのメリットとデメリットを紹介。簡単なブロック崩しゲームを通じて学べるポイントも解説します。

カテゴリ： JavaScript

タグ： #Phaser.js#Canvas#ゲーム開発#ブロック崩し

2025-11-11 | lain

JavaScriptのWeb Audio APIを使って、音声再生時のフリーズ問題を解決するキャッシュ管理の方法を解説します。

カテゴリ： JavaScript

タグ： #JavaScript#Web Audio API#AudioContext#decodeAudioData#音声処理#パフォーマンス最適化#キャッシュ管理#ゲーム開発

2025-11-10 | lain

JavaScriptを使って、ゲームでの衝突判定や距離計算を学ぶ方法を解説します。ピタゴラスの定理を使った基本的なアルゴリズムを紹介。

カテゴリ： JavaScript

タグ： #ゲーム開発#衝突判定#距離計算

2025-11-08 | lain

JavaScriptでスプライトシートを使ったアニメーションを実装する方法を学びます。キャラクターが歩くアニメーションを作成し、ゲームに活かせるスキルを身につけましょう。

カテゴリ： JavaScript

タグ： #JavaScript#canvas#スプライトシート#アニメーション#ゲーム開発

2025-11-07 | lain

Canvasでのフレームレート制御とアニメーション処理を効率的に行うための基本的なテクニックを解説。スムーズな動作を実現するための最適化方法も紹介します。

カテゴリ： javascript

タグ： #canvas#アニメーション#フレームレート#ゲーム開発#パフォーマンス最適化

カテゴリ：ゲーム開発