课程介绍
Typescript、Babylon JS和Colyseus JS创建单人和多人在线网页游戏，包括移动设计。
你将会学到的
用于 2D 和 3D 网络视频游戏开发的 Babylon JS 框架
用于在线多人视频游戏开发的 Colyseus JS 框架
发现 3D 引擎的基本组件（材质、纹理、交互系统等）
两个完整的 2.5D 和 3D 项目（捉迷藏、熊猫爱你）
学习在线视频游戏开发的良好做法和技巧
使用 BabylonJS 学习用于计算机和移动设备的响应式设计方法
构建视频游戏的理论和实践方法
探索用 Typescript 制作完整网络视频游戏的编码实践
使用或不使用 BabylonJS 编辑器创建项目
独立游戏开发项目制作的初步见解
要求
Javascript 或 Typescript 所需的基本编程经验。
电子游戏设计不需要特定的知识。
能够运行 BabylonJS 5.0 的计算机
导入包的 Internet 访问
说明
欢迎来到我的 Babylon JS 课程，您将在其中学习创建 2D 和 3D 网络游戏所需的一切知识，包括单人和本地多人游戏开发、使用 TypeScript 和 BabylonJS 实现图形和游戏功能，以及使用 ColyseusJS 实现在线多人游戏部分。
课程分为三个主要部分。
在第一部分，我们将提供 BabylonJS 作为 3D Web 引擎的快速理论概述。这将包括其特性、功能和限制。您将了解该框架的主要类和组件。
在第二部分中，我们将通过创建一个名为“捉迷藏”的 2.5D 游戏来测试我们的新技能。该游戏将采用移动响应设计原则和本地多人游戏方式，允许玩家合作赢得胜利。您将获得创建具有适当架构和令人满意的图形的 2D 和 2.5D 游戏的技巧和编码实践。
在课程的最后一部分，我们将通过创建名为“Pandas Love You”的第一人称射击游戏来探索 3D 在线多人游戏开发的世界。使用 ColyseusJS 处理在线多人游戏部分，我们将使用 BabylonJS 编辑器创建一个环境并使用这个特定工具发现编码实践。
请务必注意，本课程不涵盖以下主题：
深度性能优化
营销
沟通策略
图形资产创建
声音资产创建
但是，您将从编码的角度理解和学习创建高质量游戏的基本技能，以及如何找到合适的资产资源。
最后，我想强调的是，项目中使用的所有资产都可以免费使用，只要引用创作者并满足各自许可的所有条件即可。我真的很想鼓励在游戏开发社区中使用免费资源和有才华的创作者的支持。
无论您是初学者还是经验丰富的游戏开发者，本课程旨在帮助您掌握使用 BabylonJS 和 ColyseusJS 创建网页游戏的艺术。到课程结束时，您将掌握将您的游戏开发事业提升到一个新水平所需的技能和知识。
那么，让我们开始吧！
此课程面向哪些人：
对视频游戏开发感到好奇的初学者 Typescript 或 Javascript 开发人员
对电子游戏开发充满好奇的学习者
对 Web 3D 引擎好奇的学习者
课程目录：
├─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
