BABYLON LITE を読みとく

公式デモを、
1ブロックずつ分解する。

WebGPU 専用の軽量 3D エンジン「Babylon Lite」の公式デモを、コードの内側から初心者向けにやさしく解説するガイド集です。地形生成・物理・ライティングのしくみを、図とコードで少しずつ読み解きます。

デモ解説一覧

読めるガイド

公開中

ボクセルの世界のつくりかた

Minecraft 風サンドボックス。地形生成から水の流れ、昼夜の光まで、全 25 ファイルのしくみを分解します。

地形生成物理ライティング
公開中

ピクセルの手ざわりのつくりかた

マリオ風の横スクロールアクション。ジャンプの気持ちよさから、実行時生成の溶岩や CRT 走査線まで、全 18 ファイルを分解します。

2Dスプライト物理・手ざわりシェーダ
公開中

光るブロックのつくりかた

3D テトリス。キューブの成形(丸め・面取り)から PBR・HDR 反射・一括描画まで、全 9 ファイルを分解します。

3D描画PBR・HDRインスタンシング
公開中

ブロックで作って歩けるサンドボックス

ブロックを置いて・伸ばして・塗って、四角い人形で歩ける“ミニ Roblox”。5つの編集ツールから一括描画・スタッド生成まで、全 35 ファイルを分解します。

サンドボックスインスタンシングキャラ操作
公開中

ブラウザで動く DOOM のつくりかた

名作 FPS「DOOM」のクリーンルーム再現。WAD の自前解析から帯状の光・データ駆動の敵・扉やリフトまで、全 29 ファイルを分解します。

WAD解析レトロ描画アクターAI
公開中

アイソメトリックの世界地図のつくりかた

Freeciv 風の斜め見下ろしマップを 2Dスプライトだけで。タイルセット解析から大陸生成・戦場の霧・昼夜まで、全 19 ファイルを分解します。

アイソメトリック手続き生成スプライト