Building a Simple First Person Camera

Support me on:

Follow me on:

GKJohnson's Github:

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:
* 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.

[pranjalagnihotri]

I love his mindset of building things from scratch, seriously it teaches a lot of what we are actually doing

[felleg]

Amazing again! Thank you! Whenever I feel strange or unsafe, I come here and feel ok again, or beyond ok.

[justinscotty]

Love this, the way you explain and actually encourage to try and improve it yourself further is great for aspiring devs!

[clk]

A joy to watch!
I really like your pace and how you skip boring stuff and focus on interesting details.
Your content is (always) excellent!

Thank you!

[kanpekiken]

Just when I thought he was gone, he comes right back and reignites my flame !!!

[Gamewithstyle]

Twice in one week? Spoiling us now, aren’t you? Amazing as always man, learned a lot

[kerel]

Best gamedv tutorials on Youtube again in action.

[laxytech]

I swear this was the exact video I needed, I was trying to implement this 2 days ago. Super handy my friend 💪🏽

[williamjuicebutter]

Excellent content. This man is brilliant

[dominicforster]

Wow another week, another video i love it and custom FPS controls are really cool.

[NorppaCast]

I love the content you produce. I would still love to see how you would produce object outlines (cheap vs. good looking).

[sumarto]

Thank you for the video, i am waiting for this fp camera guide hehe :)

[koufdell]

Excellent content .... your knowledge is pure gold...thx for sharing

[karimamr]

thank you man, really appreciated it!

[JepseWeb]

A god amongs men, thank you for all the content!

[RotatingBuffalo]

the camera definitely should be coming from the head, and not from the chest. otherwise you could end up with other players appearing much taller than you, or even appearing taller than yourself if you looked in a mirror or other reflective surface.

[ewwitsantonio]

Love to see three.js content. This is so great! Thanks for sharing!

[Vooodou]

I'm having a fun time understanding everything you doing and then you start using math and i'm like "wtf is going on" :D
It's clear that i dont need to know about JS and Three.JS. I need math.

[kephas-media]

Ok so for starters, there's another camera controls class called `PointerLockControls`, you can find an example of it in the examples (just search for 'controls/pointerlock'). It comes with forward/back and strafing already implemented. Though I found adding the camera to a parent game object and then moving that was way better if you planned on implementing recoil patterns. Be warned though, this class uses the pointerlock API and that's broken on chrome.

[prakashknight]

I am learning for web dev but I don't know why I'm watching this 😃but honestly it's interesting.