• Post category:StudyBullet-5
  • Reading time:7 mins read


What you will learn

Learn the basis of threejs library to show and handle 3D objects on a website

Learn the basic game development algorithms

Learn how to design and create a game

How to deploy a 3D Game on internet

Description

This is a faster course you can imagine where you will need  JavaScript programming required skills to benefit more.

You will learn how to create a basic metaverse.

In this three.js course the student will learn how to design a Game as a Metaverse, how to code it in JavaScript and how to deploy it on Internet for free.


Get Instant Notification of New Courses on our Telegram channel.


The teacher will cover every step in detail (but not deeply) to guide the student in this journey and will offer sources to download to make the practice easy and understand the concepts shown in this course. Allowing the student follow the instructor examples.

The course teach how to make a Game Design and its main parts to create a Game superficially. Some topics that the game design will include are: User Interface Development (UI), Landing Page (Presentation) , Instruction Page (Instructions), how entertain the player with rewards and punishments.

To achieve these goals the student will:

  • Write code using EcmaScript6 Modules, witch is a version of a modern JavaScript, using Visual Studio Code, witch is an IDE (Integrated Development Environment), to write the code,
  • Create a characters controller to move the character, using JavaScript classes in an Object Oriented Programing,
  • Deploy the source code in a real server (github pages) publishing the game in a website with no cost.

The student will need just a computer with a browser and internet access to upload the game and to create and use an account on Github.

At the end of this course ever student will can show his own 3D Game on internet.

Warning: This course is fast and intensive. JavaScript programming experience is required.

English
language

Content

Three.js – Lesson 1 – 3D Basis

3D Basis
Demo, Three.js project (final example)
What about the example?
The source code
Object3d
Object3d Quiz
Vector3
What about Vector3
Box (geometry + material = mesh)
How to create a box in a 3d world
Camera (PerspectiveCamera)
What about the camera?
Scene
What about the Scene?
Renderer
What is the renderer for?
Lights in three.js library
What about lights on three.js projects
Lesson 1 Summary

Three.js – Lesson 2 – Game design

What is Game Design
What about Game Design?
Landing Page
Landing page questions
Game Instructions
How we have to make instruction into a game
How to win
How to win
How to lose
How to lose
Lesson 2 Summary

Three.js – Lesson 3 – Basic Game Programing Algorithms

Loop Machine
Resize Module
Loading 3d Models
KeyListener
Event Bus
Animator
Sound Manager
Lesson 3 Summary

Three.js – Lesson 4 – Advance Game Programing Algorithms

Animator Adapter
Fixing Animation that walk around
Character Controller
Axis-Aligned Bounding Boxes AABB
AABB Collisions detector
Game User Interface (UI)
Tuning your game
Demo
Lesson 4 Summary

Three.js – Lesson 5 – Deployment

Working with Github
Lesson 5 Summary