![[JavaScript] ブロック崩しは作っていいのか？「PONG」「Breakout」からアルカノイド、そしてオリジナルへ](https://assets.lain-lab.com/images/uploads/brick-breakout-homage-original-legal-tetris.webp)
[JavaScript] ブロック崩しは作っていいのか？「PONG」「Breakout」からアルカノイド、そしてオリジナルへ
ブロック崩しの起源（PONG/Breakout）とアルカノイドの位置づけを整理し、ゲームのルールと表現の違い、テトリスが著作権問題になりやすい背景、オリジナルとして成立させるための注意点を実装者目線で解説する。
ARCHIVE_INDEX / PAGE_39
TOTAL_ITEMS: 773
![[JavaScript] HTML5 Canvasで作るボスバトル：楕円当たり判定と弾幕処理](https://assets.lain-lab.com/images/uploads/javascript-html5-canvas-boss-battle-ellipse-hitbox-bullet-hell.webp)
[JavaScript] HTML5 Canvasで作るボスバトル：楕円当たり判定と弾幕処理
HTML5 Canvasを使ったボスバトルの実装まとめ。楕円の当たり判定や弾幕処理、HPゲージ、フェードイン演出、反射処理、撃破判定など、ゲームとしての要素が一気に揃った1日の記録。
![[JavaScript] イージング処理の実装と三角関数を使った動きの滑らかさ](https://assets.lain-lab.com/images/uploads/javascript-easing-functions-and-trigonometric-movements.webp)
[JavaScript] イージング処理の実装と三角関数を使った動きの滑らかさ
ゲームやアニメーションで使えるイージング処理のパターンを、線形、イーズイン・イーズアウト、三角関数を使った方法を交えて説明します。
![[Human x AI] ChatGPT(5.1)との対話録 ～ 凡人による、凡人の為の物語 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-12-07.webp)
[Human x AI] ChatGPT(5.1)との対話録 ～ 凡人による、凡人の為の物語 ～
[Human x AI] ChatGPT(5.1)との対話録 ～ 凡人による、凡人の為の物語 ～
![[Human x AI] ChatGPT(5.1)との対話録 ～ 理系と文系 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-12-06.webp)
[Human x AI] ChatGPT(5.1)との対話録 ～ 理系と文系 ～
[Human x AI] ChatGPT(5.1)との対話録 ～ 理系と文系 ～
![[Human x AI] ChatGPT(5.1)との対話録 ～ 物理演算とパラダイムシフト ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-12-05.webp)
[Human x AI] ChatGPT(5.1)との対話録 ～ 物理演算とパラダイムシフト ～
[Human x AI] ChatGPT(5.1)との対話録 ～ 物理演算とパラダイムシフト ～
![[JavaScript] UNIX哲学を応用したゲーム開発：物理演算とエフェクトで実現する大規模演出](https://assets.lain-lab.com/images/uploads/javascript-mathematics-linear-algebra-4-linear-transforms-eigenvalues.webp)
[JavaScript] UNIX哲学を応用したゲーム開発：物理演算とエフェクトで実現する大規模演出
UNIX哲学の考え方を応用し、物理演算やエフェクトの細かい要素を組み合わせることで、大規模なゲーム演出を実現した実装方法を解説。ゲーム開発における効率的なアプローチと技術的な工夫を紹介。
![[JavaScript] A-Frameとthree-vrmでVRMアバターをWebVRに組み込む](https://assets.lain-lab.com/images/uploads/javascript-a-frame-three-vrm-3d-avatar.webp){kind=avatar}
[JavaScript] A-Frameとthree-vrmでVRMアバターをWebVRに組み込む
A-Frameとthree-vrmを使って、JavaScriptでVRMアバターをWebVRコンテンツに組み込み、表情やポージング、カメラ追従を簡単に実装する方法を紹介します。
![[JavaScript] ゲーム開発の設計：これからの開発に活かす教訓](https://assets.lain-lab.com/images/uploads/javascript-game-design-lessons.webp)
[JavaScript] ゲーム開発の設計：これからの開発に活かす教訓
ゲーム開発における初期設計の重要性を解説。複雑化した状態管理をクラス設計とモジュール化を使って整理し、拡張性の高いゲームを作るための方法を紹介します。
![[JavaScript] 2Dゲームにおける Math.atan2 の活用法](https://assets.lain-lab.com/images/uploads/javascript-math-atan2.webp)
[JavaScript] 2Dゲームにおける Math.atan2 の活用法
Math.atan2 は、2D 座標系における角度を計算するための重要な関数です。この記事では、その基本的な使い方と実際の活用事例について解説します。
![[Human x AI] ChatGPT(5.1)との対話録 ～ 技術力より表現力 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-12-02.webp)
[Human x AI] ChatGPT(5.1)との対話録 ～ 技術力より表現力 ～
[Human x AI] ChatGPT(5.1)との対話録 ～ 技術力より表現力 ～
![[JavaScript] シューティングゲームにおける敵キャラの移動パターンと数学的な公式](https://assets.lain-lab.com/images/uploads/javascript-enemy-movement-patterns-math.webp)
[JavaScript] シューティングゲームにおける敵キャラの移動パターンと数学的な公式
本記事では、シューティングゲームにおける敵キャラの移動パターンを、数学的な公式と共に実装する方法を解説します。ベクトル演算、三角関数、乱数を使って、ゲーム内での敵キャラの動きをスムーズに制御する技術を学びます。