GridVids
Sign in with YouTube

Building a Simple First Person Camera

SimonDev Mar 2, 2022 12:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

We'll build an FPS controller in three.js, and add some tips & tricks to make it feel natural. Support me on: Patreon: https://www.patreon.com/simondevyt Follow me on: Twitter: https://twitter.com/iced_coffee_dev Instagram: https://www.instagram.com/beer_and_code/ Github: https://github.com/simondevyoutube/ GKJohnson's Github: https://github.com/gkjohnson/threejs-sandbox We'll walk through some of the basic ideas behind a first person or FPS controller, including the basic math that gets it going as well as some more subtle tricks like head bobbing and focus locking to make it feel more natural and smooth. What we'll cover: * Three.js FirstPersonControls, how to use these in a project * Using Quaternions and Vector translations to create simple first person camera movement * Using sin waves and focus locking to improve the overall feeling and give it a more organic experience. Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Science & Technology
#simondev #game development #programming tutorial #three js #fps controller #first person camera