|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/create-a-3d-car-racing-game-with-threejs-and-cannonjs/
课程评论:没有评论
**课程名称:** 使用 THREE.js 和 CANNON.js 创建 3D 赛车游戏 **课程概述:** 本课程将带您轻松创建一个可在浏览器(包括移动设备)中运行的 3D 赛车游戏。通过学习 TWO.js 和 CANNON.js 这两个开源库,您将掌握构建完整赛车游戏所需的关键技能。 **主要学习内容:** * **开发环境搭建:** 学习如何设置您的游戏开发环境。 * **免费/低成本资源获取与编辑:** 掌握如何获取和编辑适用于 THREE.js 和 CANNON.js 的免费和低成本 3D 资源。 * **THREE.js 基础:** * 如何在 HTML 页面中添加 3D 元素。 * THREE.js 中的灯光、相机和网格(meshes)的基本概念。 * **CANNON.js 基础:** * CANNON.js 库的基本用法,包括刚体(rigid bodies)的概念。 * 学习使用 CannonDebugRenderer 或作者提供的 CannonHelper 类进行物理效果的调试。 * **CANNON.RayCastVehicle:** * 如何使用 CANNON.RayCastVehicle 类来创建具有悬挂系统和可工作车轮的汽车。 * 如何将自定义资源应用于 RayCastVehicle,并添加碰撞体,使其能与游戏中的其他元素进行交互。 * **响应式 GUI:** 如何为游戏添加响应式的图形用户界面。 **课程特色:** * **项目驱动:** 课程提供课程图片和宣传视频中展示的赛车游戏资源,让您直接上手实践。 * **专家指导:** 由一位拥有 30 多年游戏开发经验并获得过 3D 游戏制作奖项的专家授课。 * **游戏玩法:** 您将开发一款允许玩家自定义车身、引擎、排气和车轮的遥控赛车游戏,并在花园赛道上进行驾驶。 * **JavaScript 技能提升:** 这是一个绝佳的机会,可以全面提升您的 JavaScript 编程技能。 * **最新 ES6 语法:** 所有代码均采用最新的 ES6 风格,并广泛使用类(classes)。 **学习目标:** 完成本课程后,您将能够独立使用 THREE.js 和 CANNON.js 创建一个功能齐全的 3D 浏览器赛车游戏,并掌握相关的 3D 图形和物理引擎开发技术。
Creating a car racing game that works in a browser including mobile devices has never been easier. Using the two Open Source libraries THREE.js and CANNON.js this course takes you through the steps you will need to know and builds towards a complete car racing game. On the way you will learnHow to setup your development environmentHow to access free and low cost assets to use in your game.How to edit those assets to work with the THREE.js and CANNON.js libraries.How to use THREE.js to add 3D to an HTML page.The basics of THREE.js lights, cameras and meshes.The basics of the CANNON.js library, including rigid bodies.How to debug your physics either using the CannonDebugRenderer or using the CannonHelper class created by the author. Both are included in the resources for the course.How to use the CANNON.RayCastVehicle class to add a car with suspension and fully working wheels.How to apply your own assets to the RayCastVehicle and add colliders so it bumps into your content.How to add a responsive GUI to the gameThe course includes the assets for car racing game as shown in the course image and promo video. The author has won awards for the 3D games he has produced. Learn from an expert who has been creating games for over 30 years. The game we'll develop allows the player to choose from optional, body, engine, exhaust and wheels. It involves driving a remote controlled car around a garden track. It's a great way to improve your JavaScript skills along the way. All code uses the latest ES6 style, using classes throughout.