# \#firstperson-controls

**URL:** https://discourse.threejs.org/tag/firstperson-controls/215.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Light Comes Into the Room - a surreal ambient exploration game](https://discourse.threejs.org/t/light-comes-into-the-room-a-surreal-ambient-exploration-game/93124)

<div class="topic-metadata">

**Author:** [@fromtheghost](https://discourse.threejs.org/u/fromtheghost)\
**Replies:** 0\
**Last updated:** [July 24, 2026, 7:10pm UTC](https://discourse.threejs.org/t/light-comes-into-the-room-a-surreal-ambient-exploration-game/93124 "2026-07-24T19:10:32Z")

</div>

Hi everyone, I wanted to share a new project that I’ve released. It’s a game called Light Comes Into the Room, and you can play it here: It was made entirely with Three.js (with modeling in Blender). You can play it …

---

## [First-Person Starter Kit with real-time shadows and environment presets](https://discourse.threejs.org/t/first-person-starter-kit-with-real-time-shadows-and-environment-presets/92927)

<div class="topic-metadata">

**Author:** [@augustopolonio](https://discourse.threejs.org/u/augustopolonio)\
**Replies:** 0\
**Last updated:** [July 17, 2026, 2:11am UTC](https://discourse.threejs.org/t/first-person-starter-kit-with-real-time-shadows-and-environment-presets/92927 "2026-07-17T02:11:29Z")

</div>

Hey everyone, I’ve been diving deep into Three.js lately, and every time I wanted to test a first-person prototype, I found myself spending hours rewriting the exact same basic architecture (controls, collisions, lighti…

---

## [Built the worlds smallest multiplayer first person shooter game engine](https://discourse.threejs.org/t/built-the-worlds-smallest-multiplayer-first-person-shooter-game-engine/83168)

<div class="topic-metadata">

**Author:** [@crackedoutdev](https://discourse.threejs.org/u/crackedoutdev)\
**Replies:** 1\
**Last updated:** [May 29, 2025, 2:07am UTC](https://discourse.threejs.org/t/built-the-worlds-smallest-multiplayer-first-person-shooter-game-engine/83168 "2025-05-29T02:07:14Z")

</div>

This is a fully functional networked first person shooter (FPS) built with Three.js, Socket.io, and Express. No game engine, no physics library, no build tools. Just vanilla HTML, CSS, and JavaScript. Core features: F…

---

## [Immersive Open-World Personal Portfolio ](https://discourse.threejs.org/t/immersive-open-world-personal-portfolio/76354)

<div class="topic-metadata">

**Author:** [@Ananthuvng](https://discourse.threejs.org/u/Ananthuvng)\
**Replies:** 3\
**Last updated:** [January 11, 2025, 5:13pm UTC](https://discourse.threejs.org/t/immersive-open-world-personal-portfolio/76354 "2025-01-11T17:13:50Z")

</div>

Ever wanted to experience a portfolio like a game? My open-world portfolio lets you explore a dynamic environment while discovering my work in a playful and engaging way. checkout ananthuvng.info

---

## [What is the best way for Walking in a scene with camera likea person ? Walkthrough](https://discourse.threejs.org/t/what-is-the-best-way-for-walking-in-a-scene-with-camera-likea-person-walkthrough/74939)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 1\
**Last updated:** [December 8, 2024, 1:45pm UTC](https://discourse.threejs.org/t/what-is-the-best-way-for-walking-in-a-scene-with-camera-likea-person-walkthrough/74939 "2024-12-08T13:45:56Z")

</div>

Hi guys .I am trying to create a feature like this kind of walking with arrow keys and asdw and mouse in a scene like virtual show rooms. I have tested different ways but I need a good result like this …

---

## [How to controll minimap like games?Location and area](https://discourse.threejs.org/t/how-to-controll-minimap-like-games-location-and-area/66948)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 3\
**Last updated:** [June 24, 2024, 12:29am UTC](https://discourse.threejs.org/t/how-to-controll-minimap-like-games-location-and-area/66948 "2024-06-24T00:29:02Z")

</div>

Hi I added minimap from the tutorial to my software.: I use IFC files. https://docs.thatopen.com/Tutorials/Components/Core/MiniMapI need a minimap like games: I need 3 things: The current minimap has some problems …

---

## [Avoid collision with walls. first-person control](https://discourse.threejs.org/t/avoid-collision-with-walls-first-person-control/45161)

<div class="topic-metadata">

**Author:** [@Lily](https://discourse.threejs.org/u/Lily)\
**Replies:** 9\
**Last updated:** [April 23, 2024, 10:06am UTC](https://discourse.threejs.org/t/avoid-collision-with-walls-first-person-control/45161 "2024-04-23T10:06:59Z")

</div>

I’ve created navigation mesh on my Scene with walkable Property in Blender. The walkable area is floor without objects (You can see in the attached image).I could load it as glb data,save floor and wall as Obejct 3d, con…

---

## [Threejs Portals](https://discourse.threejs.org/t/threejs-portals/50142)

<div class="topic-metadata">

**Author:** [@zmihpog](https://discourse.threejs.org/u/zmihpog)\
**Replies:** 2\
**Last updated:** [April 10, 2023, 6:08pm UTC](https://discourse.threejs.org/t/threejs-portals/50142 "2023-04-10T18:08:28Z")

</div>

Hello everyone, I’m new to this forum. Here is my implementation of portals using stencil buffers. https://gleb-sokolkov.github.io/public/

---

## [Pass events to CSS3D elements when in Pointerlock](https://discourse.threejs.org/t/pass-events-to-css3d-elements-when-in-pointerlock/14467)

<div class="topic-metadata">

**Author:** [@jacopocolo](https://discourse.threejs.org/u/jacopocolo)\
**Replies:** 2\
**Last updated:** [April 21, 2020, 10:55am UTC](https://discourse.threejs.org/t/pass-events-to-css3d-elements-when-in-pointerlock/14467 "2020-04-21T10:55:41Z")

</div>

Hello everyone, pretty new here. I’m attempting to do something similar to Doom3 (still) incredible interactive screens in three.js, leveraging CSS3D elements and firsperson-controls (well, PointerLockControls actually). …

---

## [Help with FirstPersonControls](https://discourse.threejs.org/t/help-with-firstpersoncontrols/43819)

<div class="topic-metadata">

**Author:** [@ajabi\_wael](https://discourse.threejs.org/u/ajabi_wael)\
**Replies:** 2\
**Last updated:** [October 20, 2022, 10:48am UTC](https://discourse.threejs.org/t/help-with-firstpersoncontrols/43819 "2022-10-20T10:48:54Z")

</div>

hello , im trying to implement a simple scene with movement and physics using cannonjs to achieve that i found out that FirstPersonControls has my desired affect , my question is , can i link the movement to a 3d object…

---

## [Optimisation of code : Creation of a gallery](https://discourse.threejs.org/t/optimisation-of-code-creation-of-a-gallery/33674)

<div class="topic-metadata">

**Author:** [@Oskawa](https://discourse.threejs.org/u/Oskawa)\
**Replies:** 0\
**Last updated:** [January 15, 2022, 5:32pm UTC](https://discourse.threejs.org/t/optimisation-of-code-creation-of-a-gallery/33674 "2022-01-15T17:32:35Z")

</div>

Hi everybody, Happy New Year ! I have some interrogations about a project I made few months ago : I recreated the Shutdown Gallery website, where you can visit an exhibition, but I made it multi-player : you can see it…

---

## [OrbitControls camera rotation instead of world](https://discourse.threejs.org/t/orbitcontrols-camera-rotation-instead-of-world/26050)

<div class="topic-metadata">

**Author:** [@ilithya](https://discourse.threejs.org/u/ilithya)\
**Replies:** 3\
**Last updated:** [May 8, 2021, 9:18am UTC](https://discourse.threejs.org/t/orbitcontrols-camera-rotation-instead-of-world/26050 "2021-05-08T09:18:56Z")

</div>

Hi, I was wondering how can I best achieve this effect: https://threejs.org/examples/?q=webgl\_panorama\_cube#webgl\_panorama\_cube by using the OrbitControls, but only when I rotate. I want to be able to continue moving …

---

## [Controller selection for a control like firstperson view](https://discourse.threejs.org/t/controller-selection-for-a-control-like-firstperson-view/19134)

<div class="topic-metadata">

**Author:** [@jaya\_kannan](https://discourse.threejs.org/u/jaya_kannan)\
**Replies:** 2\
**Last updated:** [September 28, 2020, 4:03am UTC](https://discourse.threejs.org/t/controller-selection-for-a-control-like-firstperson-view/19134 "2020-09-28T04:03:53Z")

</div>

Please have a look into this . I am developing an application exactly like this. For 360 view of the exterior they are using OrbitControl. But for interior view, what control is used here. If anybody identify this, ple…

---

## [Three.js First Person Camera Movement Issue](https://discourse.threejs.org/t/three-js-first-person-camera-movement-issue/18670)

<div class="topic-metadata">

**Author:** [@Anonymous\_Reviewer](https://discourse.threejs.org/u/Anonymous_Reviewer)\
**Replies:** 2\
**Last updated:** [September 14, 2020, 5:40am UTC](https://discourse.threejs.org/t/three-js-first-person-camera-movement-issue/18670 "2020-09-14T05:40:27Z")

</div>

I am having more problems with my threejs code. I have got the camera working properly as an FPS camera, but the WASD movement is having some problems. I am using the camera.getWorldDirection to change the movement direc…

---

## [What are other awesome first-person games made with Three.js besides Gorescript and Xibalba](https://discourse.threejs.org/t/what-are-other-awesome-first-person-games-made-with-three-js-besides-gorescript-and-xibalba/1655)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 3\
**Last updated:** [June 14, 2019, 7:14pm UTC](https://discourse.threejs.org/t/what-are-other-awesome-first-person-games-made-with-three-js-besides-gorescript-and-xibalba/1655 "2019-06-14T19:14:50Z")

</div>

Searching Google for “first person shooter made with Three.js” mostly just turns up Gorescript and Xibalba. Are there any other notable ones?

---

## [FirstPersonControls.js example](https://discourse.threejs.org/t/firstpersoncontrols-js-example/626)

<div class="topic-metadata">

**Author:** [@gaojunxiao](https://discourse.threejs.org/u/gaojunxiao)\
**Replies:** 3\
**Last updated:** [July 19, 2017, 7:38am UTC](https://discourse.threejs.org/t/firstpersoncontrols-js-example/626 "2017-07-19T07:38:47Z")

</div>

Hello, there is no example of the use of FirstPersonControls.js? Thank you