About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Create a 3D RPG Game with THREE.js
Introduction
Course Overview
Preview
Resources
Welcome to the Course
Setting up a Simple Web Server
3D Basics
Introducing THREE.js
Preview
Creating 3D Assets
Finding Environment Assets to Use in Your Game
Using Mixamo Characters and Animations
An Overview of Blender
3D Formats
Editing Your Assets
Loading Your Assets
Creating a Preloader
The THREE.js Animation System
Preview
Using the FBXLoader Class
Character Animation
Creating an Onscreen Joystick
Switching Animations Dynamically
Moving Around Your Environment
Changing Camera Angle
Using the Raycaster Class to Avoid Walking Through the Environment
Loading the Environment
Creating a Simplified Version of Your Environment
Interacting with the Environment
Using Proximity Testing for Custom Actions
Adding Cut Scenes
Adding Custom Animations Using a Tween Class
Adding Sound to Your Game
The SFX Class
Adjust Volume Using Proximity
Conclusion
What You've Learned
More Ideas for THREE.js Games
Moving Around Your Environment
Create a 3D RPG Game with THREE.js
By:
Nicholas Lever
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
Learn how to use proxies and raycasting to move your character around the environment.
We'll cover the following topics in this section:
Changing Camera Angle
Using the Raycaster Class to Avoid Walking Through the Environment
Loading the Environment
Creating a Simplified Version of Your Environment
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts