飞豹客 · 课能看,资料也能带走
飞豹客后端开发 会员免费

BabylonJS 完整的游戏开发指南,创建单人和多人在线网页游戏|Udemy

BabylonJS 游戏开发指南:解决在线游戏开发痛点 这门课聚焦于使用 BabylonJS 和 Colyseus JS 框架开发单人和多人在线网页游戏。它适合已有 JavaScript 或 TypeScript 基础,希望系统学习 3D 网络游戏开发的开发者。课程核心解决的问题是:如何从零构建包含

单课价¥19.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
145 人关注 更新于 2026-03-25 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员、年会员、永久会员可免费领取。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥19.90

会员 · 按档位

永久免费可领
年免费可领
月免费可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

BabylonJS 游戏开发指南:解决在线游戏开发痛点

这门课聚焦于使用 BabylonJS 和 Colyseus JS 框架开发单人和多人在线网页游戏。它适合已有 JavaScript 或 TypeScript 基础,希望系统学习 3D 网络游戏开发的开发者。课程核心解决的问题是:如何从零构建包含实时交互功能的 2D/3D 网页游戏,并兼顾移动端适配。通过两个项目(2.5D 捉迷藏、3D 熊猫爱你)的实践,学习者能掌握引擎组件使用、网络同步技巧及响应式设计方法。资料包未包含现成代码库,而是提供完整的项目开发过程记录。

适合基础与学习重点

建议零游戏开发经验但具备前端开发能力的学习者参与。初学者应优先学习 3D 引擎基础组件(材质、光照、交互系统等)模块,以及 TypeScript 在游戏开发中的实践部分。这两部分是后续项目开发的技术基石。对于已有 WebGL 或 3D 引擎经验者,可直接跳至网络同步与多人协作章节。资料包包含环境配置指南,但需学习者自行搭建本地开发环境。所有编码案例均基于纯代码实现,未提供可视化编辑器替代方案。

能独立完成的工作与资料配合

学完后,能独立完成包含网络功能的 2D/3D 网页游戏,包括角色同步、状态同步等多人交互逻辑。资料配合练习的关键在于:项目源码虽完整,但需对照文档逐行理解。建议学习者先复刻项目 demo 版本,再逐步扩展为包含自定义网络协议的完整游戏。每章的代码示例需结合课后测试题验证,确保掌握核心交互逻辑。例如,通过修改捉迷藏项目的玩家移动代码,学习不同同步策略的优缺点。资料包未提供现成的解决方案,所有功能均需通过编码实现,这有助于培养独立解决问题的能力。

课程目录

课程目录129 集
  • : ├─1 - Introduction BabylonJS Overview │ 1 - Introduction.mp4
  • │ 2 - Presentation of BabylonJS.mp4
  • │ 3 - Engine Scene classes.mp4
  • │ 4 - Cameras Lights.mp4
  • │ 5 - Textures Materials.mp4
  • │ 6 - Physics Particle Systems.mp4
  • │ 7 - Inputs GUI Asset Management.mp4
  • │ ├─2 - HideSeek Our first 25D Game │ 10 - 0-basicSetup.zip
  • │
  • 10 - Setup Canvas Window.mp4
  • │
  • 11 - assets.zip
  • │
  • 11 - Import Assets.mp4
  • │
  • 12 - Architecture Gameloop.mp4
  • │ 13 - 2-gameloop-part2.zip
  • │
  • 13 - Setup Start UI.mp4
  • │ 14 - 3-load-scene.zip
  • │
  • 14 - Finish Start UI.mp4
  • │
  • 15 - Resize Screen Multi Navigator Display.mp4
  • │ 16 - 4-Start-screen.zip
  • │
  • 16 - Main Menu Setup Change Scene.mp4
  • │
  • 17 - Context inside Component Function.mp4
  • │
  • 18 - Helper Functions.mp4
  • │
  • 19 - Main Menu Buttons.mp4
  • │ 20 - 5-main-menu-part1.zip
  • │
  • 20 - Animated Background with SpriteManager.mp4
  • │
  • 21 - Animated Background with SpriteMap.mp4
  • │
  • 22 - Animated Background with SpritePackManager.mp4
  • │ 23 - 6-main-menu-part2.zip
  • │
  • 23 - Animated Player Mesh Part1.mp4
  • │
  • 24 - Animated Player Mesh Part2.mp4
  • │
  • 25 - Follow Camera and Transparency Issues.mp4
  • │ 26 - 7-main-menu-animation-part3.zip
  • │
  • 26 - Solo Menu Title.mp4
  • │
  • 27 - Solo Menu UI.mp4
  • │ 28 - 8-solo-menu.zip
  • │
  • 28 - Game Scene preload.mp4
  • │
  • 29 - Game Scene Environment.mp4
  • │ 30 - 9-preload-gamescene.zip
  • │
  • 30 - Game Scene Environment Integration.mp4
  • │ 31 - 10-environment-class.zip
  • │
  • 31 - Game Scene Skybox.mp4
  • │
  • 32 - Game Scene Particle Effects.mp4
  • │ 33 - 11-skybox-fog.zip
  • │
  • 33 - Game Scene Move Player.mp4
  • │ 34 - 12-character-movement.zip
  • │
  • 34 - Game Scene Animate Player.mp4
  • │ 35 - 13-character-animation.zip
  • │
  • 35 - Invisible Walls.mp4
  • │ 36 - 14-character-constraints.zip
  • │
  • 36 - NPCs Behaviors.mp4
  • │ 37 - 15-npc.zip
  • │
  • 37 - HUD Timer Part 1.mp4
  • │
  • 38 - HUD Rabbit Counter Part 2.mp4
  • │
  • 39 - UI Pause Menu.mp4
  • │
  • 40 - UI Exit Button.mp4
  • │ 41 - 16-HUD-and-pause-menu.zip
  • │
  • 41 - Interaction with NPCs.mp4
  • │
  • 42 - Interaction Feedback.mp4
  • │ 43 - 17-interactions-with-rabbits.zip
  • │
  • 43 - Win Loose Conditions.mp4
  • │ 44 - 18-win-lose-menus.zip
  • │
  • 44 - Local Multiplayer Menu.mp4
  • │ 45 - 19-multi-menu.zip
  • │
  • 45 - Local Multiplayer Views Interactions.mp4
  • │
  • 46 - Local Multiplayer Feedbacks.mp4
  • │ 47 - 20-multiplayer-game.zip
  • │
  • 47 - Sound Class for Musics.mp4
  • │
  • 48 - Sound Class for Sfx.mp4
  • │ 49 - 21-audio-inside-game.zip
  • │
  • 49 - Sounds Options.mp4
  • │
  • 50 - Controls Options.mp4
  • │ 51 - 22-options.zip
  • │
  • 51 - Start Mobile UI.mp4
  • │
  • 52 - Ingame Mobile UI.mp4
  • │ 53 - 23-mobile-responsive-mode.zip
  • │
  • 53 - Release Production.mp4
  • │ 54 - Conclusion.mp4
  • │ 8 - Presentation of HideSeek.mp4
  • │ 9 - Project Setup.mp4
  • │ └─3 - Pandas Love You 3D Online Multiplayer Shooter Game
  • 55 - Presentation of Pandas Love You.mp4
  • 56 - Presentation of BabylonJS Editor.mp4
  • 57 - BabylonJS Editor Main Files.mp4
  • 58 - BabylonJS Editor Scripts.mp4
  • 59 - 0-Initial-setup.zip
  • 59 - Global Architecture of our Project.mp4
  • 60 - assets.zip
  • 60 - Import Assets.mp4
  • 61 - 1-inital-setup-with-assets.zip
  • 61 - Setup Start UI.mp4
  • 62 - Start UI Change scene.mp4
  • 63 - Setup Menu UI.mp4
  • 64 - Menu UI Lobby and Room.mp4
  • 65 - 3-General-Ui-multiplayer-scene.zip
  • 65 - Environment Map Integration.mp4
  • 66 - 4-Integration-on-scene.zip
  • 66 - Setup GameManager Player Enemy classes.mp4
  • 67 - Import Enemy Mesh.mp4
  • 68 - Basic AI Enemy Behavior.mp4
  • 69 - Optimize import with Asset Container.mp4
  • 70 - Import Player Paws Mesh.mp4
  • 71 - Enemy Death with new Bounding Box.mp4
  • 72 - 5-enemies-and-interactions-with-projectile.zip
  • 72 - ColyseusJS Presentation.mp4
  • 73 - ColyseusJS Setup.mp4
  • 74 - Setup NetworkManager.mp4
  • 75 - Create Room.mp4
  • 76 - Join or Create Room.mp4
  • 77 - Room List.mp4
  • 78 - 6-Server-setup-and-rooms-lobby.zip
  • 78 - Player Instantiation.mp4
  • 79 - Player Position Synchronization and Interpolation.mp4
  • 80 - Player Rotation Synchronization.mp4
  • 81 - Player Projectile Synchronization.mp4
  • 82 - 7-Players-synchronization.zip
  • 82 - Enemy Apparition Synchronization.mp4
  • 83 - Enemy Killing Synchronization.mp4
  • 84 - Waves of Enemies Synchronization.mp4
  • 85 - Master Role.mp4
  • 86 - Enemy Position Synchronization.mp4
  • 87 - 8-Enemies-synchronization.zip
  • 87 - Killing Players.mp4
  • 88 - Win Loose Restart.mp4
  • 89 - 9-enemies-attack-and-win-loose-conditions.zip
  • 89 - SoundManager for Musics.mp4
  • 90 - SoundManager for Loop Sfx.mp4
  • 91 - Extra Blender Mixamo Setup 3D Model.mp4
  • 92 - Player Animation States Attack Idle.mp4
  • 93 - Player Animation Movements.mp4
  • 94 - 10-players-animations.zip
  • 94 - Global Conclusion.mp4