人工精选BabylonJS 完整的游戏开发指南,创建单人和多人在线网页游戏|Udemy
BabylonJS 游戏开发指南:解决在线游戏开发痛点 这门课聚焦于使用 BabylonJS 和 Colyseus JS 框架开发单人和多人在线网页游戏。它适合已有 JavaScript 或 TypeScript 基础,希望系统学习 3D 网络游戏开发的开发者。课程核心解决的问题是:如何从零构建包含
会员可免费下载本篇月会员、年会员、永久会员可免费领取。
开通会员 ›会员 · 按档位
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
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


![大疆维修,无人机维修教程[66.30GB]](/api/uploads/b6a69810-862f-479c-a529-d66880073ebc.jpg)


