用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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。