Libx Awesomeリスト

    このページの内容

    Awesome Babylon.js

    Babylon.jsを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    公式リンク

    Babylon.jsの公式リンクです。

    書籍

    Babylon.jsまたはその開発者向けの書籍です。

    Playground

    Babylon.js Playgroundへコミュニティが投稿した注目すべき実例です。

    デモ

    Babylon.jsの能力を示す公式デモです。

    • ActionBuilder - フリップスイッチで照明のオン・オフを切り替えます。(source)
    • Actions - 円を描くチューブが、他の形状の上をhoverしたときに形状を変化させます。(source)
    • Amp360Video - 360度視点で動画を探索できます。(source)
    • AssetsManager - 人間の頭蓋骨。(source)
    • AudioAnalyser - バビロンはただのグラフィックスではなく、完全なゲームエンジンです。(source)
    • Bones - 歩行中の兵士とアニメーションされたうさぎ。(source)
    • Boom - タッチで物を爆発させます。(source)
    • Bump - バーンマッピングを使ってボールをレンダリングします。(source)
    • CellShading - セルシェーディングを使ってアニメーションのような効果を再現します。(source)
    • Charting - 3Dチャート。(source)
    • ChibiRex - アニメーションされた赤ちゃんT-Rex。これ以上欲しがるものはありますか？（source）
    • Dancers - 3Dアニメーションダンサー。warning: 読み込みに時間がかかります。（source）
    • Dancing CSG - ライトと光沢のあるテクスチャを使って構成された固体幾何学。（source）
    • Decals - 猫をタッチすると黒いインクで塗りつぶします。（source）
    • DiStraction - JavaScriptによるゲームデモ。DS3と対応しています。（source）
    • DragNDrop - 異なる形状をドラッグして並べ替えます。（source）
    • Espilit - 完全にシンプルな家を探索します。（source）
    • ExtrudePolygon - 自分の家を壊します。（source）
    • Facets - 無数のボールが複雑な形状に落ちる水の噴水。物理学を示しています。（source）
    • Flat 2009 - 非常に詳細なアパートを探索。魚の水槽や浴室も含みます。（source）
    • FlightHelmet - 現実的な飛行士用ヘルメット。 (source)
    • Fur - 驚くほど毛が生えたうさぎ。 (source)
    • GLTF - GLTF形式の外星人モデルに顔のアニメーションを適用。 (source)
    • GUI - インタラクティブな3DUI。 (source)
    • GlowLayer - ネオン色のパイプをプラズマのように光らせる。 (source)
    • GlowingEspilit - Espilitに Glowエフェクトを追加。 (source)
    • Heightmap - 高さマップを使って地形を生成。 (source)
    • HillValley - 外側と隔離された町を、『The Twilight Zone』のように探索。 (source)
    • HillValleyVR - HillValleyをVRでさらに怖いものに。 (source)
    • Ink - Babylon.jsを使ってインクをシミュレートするためのデモ。 (source)
    • InstancedBones - 歩行する兵士たちが一体化して進む様子。（source）
    • Instances2 - 複雑で動き続ける空間エンジン。（source）
    • LookAt - 箱の中の形状の中を動く色のボールを見つめる。（source）
    • Mansion - 幽霊が宿った別館を探索する。（source）
    • MansionVR - バーチャルリアリティで幽霊が宿った別館を探索する。（source）
    • MotionBlur - フラッシュのように移動すると、物がぼんやりと見えるようにする。（source）
    • PBRGlossy - 戦闘に傷ついたサイエンスフィクションのヘルメットの物理ベースレンダリング。（source）
    • PBRGlossyBloom - PBRGlossyに似ているが、追加のブロムフィルターを備えたもの。（source）
    • PPBloom - シンプルなポストプロセッシング。（source）
    • PPConvolution - より高度なポストプロセッシングのデモ。（source）
    • Particles - 色とりどりの粒子が爆発的に飛び出す。(source)
    • Physics - 球体とブロックに重力を加える。(source)
    • Polygon - これは鳥だが、なぜこんなに平べったいのだろうか。(source)
    • Procedural - コンテンツをハードコーディングせず、プロシージャルに生成する。(source)
    • Retail - 小さな店を探索する（盗むことなし）。(source)
    • SPS - 天体を回る小惑星を、固体粒子システムでシミュレートする。(source)
    • SPSCollisions - 固体粒子が、ボールに降り注いでいるカーテンのように見える。(source)
    • SpaceDeK - 宇宙戦艦にかなり近い。(source)
    • Sponza - 最も有名なBabylon.jsのデモ。(source)
    • SponzaDynamicShadows - Sponzaのシンプルなバージョンだが、動的ライトを備えている。(source)
    • TheCar - 未来感のある車が自宅の garage に一人で停車している。ただ、鍵がないのが残念だ。（source）
    • Train - 極めてリアルな列車。（source）
    • Tunnel - 無限に続く錆びたトンネルの中を旅する。（source）
    • V8 - 複雑で動きのあるV8エンジンの再現モデル。（source）
    • Video Processing Sample - ウェブカメラを使って Babylon.js でリアルタイムビデオ処理を設定するための簡単なデモ。（source）
    • WCafe - Windows Cafe はリラックスして過ごすのに最適な場所だ。（source）
    • Yeti - 雪を備えた、威嚇しないヤイドー。（source）

    シーン

    Extra demonstrations of Babylon.js

    • Minority Race - 2016年に映画学校向けに作られたレースゲーム。（source）
    • Robot Presentation - ロボットがタイム制のプレゼンテーションを行い、アニメーションの進行状態をコントロールできるインタラクティブスライダーを備える。（source）
    • World Monger - 神となり、周囲の世界を自由に形作る。（source）

    ゲーム

    Open source games built with Babylon.js

    • Accessible Breakout - people who are blind or visually impaired. (demo)向けのBreakout game fully accessible。
    • Alien Cargo - WebGLを用いた3Dゲームで、古典的なパズルゲームソコバーンをインスピレーションを得た作品。(demo)
    • Attack of the Killer Bunnies - うさぎが死ぬ場所へ行くゲーム。(demo)
    • Barkanoid - 映画的なオープニングを備えたアーカノイド／ブレイクアウト風のクローンゲーム。(demo)
    • Block - ブロックパズルゲーム。(demo)
    • Cosmos Journeyer - Cosmos Journeyerは、ブラウザ上で直接実行できる宇宙探査ゲーム！自らの宇宙船を操作し、この virtually 無限の宇宙の美しさを体験してください。(demo)
    • Cube Endless Runner - Cube Endless Runnerは、WebGLとHTML5技術をベースにした3Dゲーム。(demo)
    • Defend - 物理とAI、プロシージャルサウンドを備えた、プロシージャルなクロスプラットフォーム3Dタワー防衛ウェブゲーム。(demo)
    • F18 Fighter Simulation - F18戦闘機のシミュレーションドライビング。(demo)
    • Hide and Seek Demo - BabylonJSとColyseusを用いたマルチプレイヤーの隠れんゲーム。(demo)
    • Light Speed Ready! - 資源を収集し、自らの船をレベルアップする宇宙船ゲーム。(demo)
    • NeoTrap - 音楽をテーマにしたゲーム。 (demo)
    • Planet Builder - ロボット手を持つ球形voxelエンジンのデモ。 (demo)
    • Raucous Running and Rampaging Robot Racer Rally (R6) - 爆発が連続する高速ロボットレーシングゲーム。 (demo)
    • Simple 3D FPS - シンプルなFPSゲームでクリーンコードの原則を適用。 (demo)
    • Space Invaders - ブラウザ上で3D WebGLで実現したスペースインベーダー。 (demo)
    • Space Pirates - 宇宙空間にいるパirateを撃ち落とすゲーム。 (demo)
    • Space Truckers - AからBまで物を運ぶゲーム……宇宙空間で！ (demo)
    • Summer’s Festival - capucatが書いたゲームチュートリアルのソースコード。 (demo)
    • Theasis - FPSゲーム。 (demo)
    • VoxelSrv - Minecraftをインスピレーションとして作ったブラウザ用voxelゲーム。 (demo)

    プロジェクト

    Open source projects using Babylon.js

    • 3D Creator - 生徒（7〜12年生）がブロックベースのプログラミングを使って浸透型3Dシーンを作成する方法を示すプロトタイプ。（demo）
    • 3D Tetris - Babylon.jsエンジンを使った3Dテトリス。（demo）
    • BABYDOOM - 基本的なDOOMクローン。（demo）
    • babylon-accessibility-example - 3Dモデルにアクセシビリティを追加する例。（demo）
    • babylon-demo - 学術目的のBabylon.jsデモ。（demo）
    • BabylonFpsDemo - Babylon.jsを使った第一人称シューティングゲーム。（demo）
    • BabylonJS-CharacterController - Babylon.js用のキャラクターコントローラー。（demo）
    • BabylonJS-Doom-Clone - DOOM風ゲームを愛でながら制作した作品。（demo）
    • BabylonJSFirstSteps - ここにBabylon.jsでの私の最初のステップが見つかります。（demo）
    • Babylon.js “magic” piano portal - ショパンの『冬風』エチュードをaugmented-reality WebXRアニメーションにし、壁に飾れる！平面ディスプレイにも対応しています。（demo）
    • Babylon MCP Server - AIアグエントがBabylon.jsのドキュメンテーション、APIリファレンス、ソースコードにアクセスできるようにする、意味論的検索を用いたA Model Context Protocol（MCP）サーバー。
    • BabylonJS Typescript Logic Examples - Babylon.jsにおけるゲームロジックの処理方法を示す、小さなプロジェクトの集合。
    • babylonjs-typescript-webpack-starter - those who want to use the famous JavaScript 3D game engine Babylon.js with TypeScript and Webpack向けのA starter template。
    • babylonjs-webpack-es6 - TypeScript、Webpack、ES6モジュール、editorconfig、eslint、ホットロードなど、Babylon.jsの基本シーンを実現。丁寧に尋ねれば、コーヒーまで作ってくれる。
    • babylonjs-webxr-template - Babylon.js と TypeScript の WebXR テンプレートプロジェクト。 (demo)
    • babylon-mtoon-material - Unity MToon シェーダーを Babylon.js に移植したプロジェクト。 (demo)
    • Babylon PostEffect Designer - Babylon.js でのポストエフェクトの調整を完全に制御。リアルタイム調整、メッシュのインポート、ポストエフェクトデータの共有をサポート。 (demo)
    • babylon_ragdoll_robi - Babylon.js によるロボットのラグドール実装。 (demo)
    • babylon-steering - moving entities in the x/z plane向けのSteering behaviors library。
    • Bomberman 3D - Babylon.js と Angular 5 を使用した実験的なゲーム開発。 (demo)
    • cannon-es-debugger-babylonjs - cannon-es との使用に向けたデバッガー。 (demo)
    • Christmas runner - クリスマス向けの Babylon.js ゲーム。 (demo)
    • Divine Voxel Engine - TypeScriptで書かれた、本当にマルチスレッドのJavaScriptのvoxelゲームエンジン。
    • ecsy-babylon - ECSYのBabylon.jsにおける実験的実装。
    • Epic Guide - 散歩をテーマにしたFPSゲーム。 (demo)
    • ergoudan - Havok 物理のキャラクターコントローラーのデモ。 (demo)
    • facecap - Mediapipeによる顔のキャプチャ。 (demo)
    • fps-babylon-js - オンラインマルチプレイヤーFPSゲーム（Babylon.jsとSocketIOを使用）。（demo）
    • glTF_Physics_Babylon - フィルターやジョイント、水車のような複雑なアセットを示すデモ。（demo）
    • HTML5 FPS - Babylon.jsとReactをベースにしたHTML5の第一人称視点モデルのデモ。（demo）
    • Immersa - オープンソースのウェブベース3Dプレゼンテーションツール。（video）
    • Kicker - Babylon.jsの2月チャレンジ用に作成されたサッカーボールゲーム。（demo）
    • KZ Climbing - Counter StrikeのKZマップに似た3Dプラットフォーム型ブラウザゲームのプロトタイプ。（demo）
    • Molvwr - WebGLによる分子表示ツール。（demo）
    • multiplayer-babylon-js-game - サーバーおよびクライアント側の物理エンジンの同期を持つマルチプレイヤーゲーム。（demo）
    • Multiplayer FPS-Game - マルチプレイヤーFPSゲーム。（demo）
    • nengi + Babylon 3D shooter template - multiplayer 3D shooters made in Babylon.js + nengi.js with client-side prediction and lag compensation向けのA template game。
    • OceanDemo - WebGPUによるオーシャンデモ。（demo）
    • Oculus Quest Remote Desktop - Oculus Quest用のリモートデスクトップ。 (demo)
    • Playlist Browser XR - Spotifyのプレイリストをバーチャルリアリティで閲覧。 (demo)
    • Pokeball Workshop - ゲームフリーカラスのクラシックシリーズから生まれたインタラクティブモデル。 (demo)
    • react-babylonjs - Babylon.js用React（demo）
    • react-babylon-spring - react-babylonjsとreact-springの力を活かした、ばね物理ベースの3Dアニメーションの作成。 (demo)
    • Reactylon - XR用のReactフレームワーク。 (demo)
    • Roblox meets film noir - Babylon.jsとReactを用いた3Dプラットフォームゲームのデモ。 (demo)
    • Space Jam: A New Legacy BabylonJS Mixed Reality Experience - このリポジトリは、Microsoft Learnの学習パスに含まれるBabylon.jsのMixed Realityモジュールと組み合わせて使用される。
    • Starship Flight Simulator - スター・ウォーズ・アーケード・トリビュート。 (demo)
    • Swarm - スクリーンセーバー・ジャムのために作られたBabylon.jsのシーン。 (demo)
    • t5c - The 5th Continent - Babylon.jsを利用して構築されたプロジェクトです。 demo
    • TanksBattle_WebGL_Using_Babylonjs - 3DタンクバトルWebGLゲーム。 (video)
    • Tomb Raider Nostalgia - 旧Tomb Raiderゲーム1/2/3/4のレベルを確認し、カットシーンを再生できる。 (demo)
    • VR Office Throwing Game - VR用の投げゲーム。 (demo)
    • Vue-BabylonJS - Babylon.jsを用いたVue.js向けの即時使用可能な3D環境。 (demo)
    • webxr-depth-testbed-babylon - WebXRのDepth機能をテストするための開発環境。 (demo)
    • WebXR Measuring Tape - :zap: WebXRのHitTarget機能を活用した、現実世界に合わせた長さ測定用の拡張現実アプリ。 (demo)
    • yuka-babylonjs-examples - Yukaを用いたゲームAIの例。 (demo)

    実例

    Web上で公開されているBabylon.jsのデモです。

    リンク

    開発者が開発者向けに提供する情報です。

    フォーラム

    Babylon.jsフォーラムの有用な情報へのリンクです。