# \#fps

**URL:** https://discourse.threejs.org/tag/fps/927.md

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

---

## [Changing pixelRatio based on fps , good or bad idea?](https://discourse.threejs.org/t/changing-pixelratio-based-on-fps-good-or-bad-idea/34563)

<div class="topic-metadata">

**Author:** [@orion\_prime](https://discourse.threejs.org/u/orion_prime)\
**Replies:** 21\
**Last updated:** [February 26, 2026, 6:18pm UTC](https://discourse.threejs.org/t/changing-pixelratio-based-on-fps-good-or-bad-idea/34563 "2026-02-26T18:18:36Z")

</div>

so using logic from “stats.js” i’ve managed to read fps value every second in the render loop and running the site on older/weaker phones, clearcoat material performance fps is around 27-30 fps with max pixelRatio but …

---

## [Is WebGPU bottlenecked by canvas resolution?](https://discourse.threejs.org/t/is-webgpu-bottlenecked-by-canvas-resolution/89052)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 4\
**Last updated:** [January 11, 2026, 7:48pm UTC](https://discourse.threejs.org/t/is-webgpu-bottlenecked-by-canvas-resolution/89052 "2026-01-11T19:48:22Z")

</div>

I’ve noticed that no matter how simple my scene is, when the HTMLCanvasElement exceeds resolutions of about 2560x1080, the frame rate starts getting noticeably uneven (the reported FPS doesn’t go down, but the animations…

---

## [How do I wait for the \<canvas\> to update? All three.js FPS counters are inaccurate without this ability](https://discourse.threejs.org/t/how-do-i-wait-for-the-canvas-to-update-all-three-js-fps-counters-are-inaccurate-without-this-ability/87381)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 3\
**Last updated:** [October 6, 2025, 7:50pm UTC](https://discourse.threejs.org/t/how-do-i-wait-for-the-canvas-to-update-all-three-js-fps-counters-are-inaccurate-without-this-ability/87381 "2025-10-06T19:50:42Z")

</div>

Calling renderer.render() in a requestAnimationFrame() loop will often fire faster than the \<canvas\> element can update its image, making any “true” FPS measurement inaccurate. In three.js, how can I block each iteratio…

---

## [It is impossible to get an accurate FPS measurement without using await renderer.waitForGPU(). Why doesn't renderer.renderAsync() already do this internally?](https://discourse.threejs.org/t/it-is-impossible-to-get-an-accurate-fps-measurement-without-using-await-renderer-waitforgpu-why-doesnt-renderer-renderasync-already-do-this-internally/87297)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 0\
**Last updated:** [October 2, 2025, 1:38am UTC](https://discourse.threejs.org/t/it-is-impossible-to-get-an-accurate-fps-measurement-without-using-await-renderer-waitforgpu-why-doesnt-renderer-renderasync-already-do-this-internally/87297 "2025-10-02T01:38:27Z")

</div>

Here I have a simple FPS counter that displays the current frame and the FPS counted from the last second: let globalFrames = 0; let intervalFrames = 0; let lastTimestamp = performance.now(); requestAnimationFrame(stepA…

---

## [Anyone Have Good FPS Demos?](https://discourse.threejs.org/t/anyone-have-good-fps-demos/47054)

<div class="topic-metadata">

**Author:** [@Parzival](https://discourse.threejs.org/u/Parzival)\
**Replies:** 10\
**Last updated:** [September 25, 2025, 10:43pm UTC](https://discourse.threejs.org/t/anyone-have-good-fps-demos/47054 "2025-09-25T22:43:30Z")

</div>

Hi guys! I’m new to ThreeJS, and I was wondering if anyone knew any good FPS Game demos? I’m just looking for inspiration so I’d like to be able to try and play some FPS game demos to start trying to get an idea for what…

---

## [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…

---

## [Yet Another Zombie Horror - a simple first / third person zombie survival shooter](https://discourse.threejs.org/t/yet-another-zombie-horror-a-simple-first-third-person-zombie-survival-shooter/80760)

<div class="topic-metadata">

**Author:** [@UstymUkhman](https://discourse.threejs.org/u/UstymUkhman)\
**Replies:** 1\
**Last updated:** [April 6, 2025, 6:51am UTC](https://discourse.threejs.org/t/yet-another-zombie-horror-a-simple-first-third-person-zombie-survival-shooter/80760 "2025-04-06T06:51:42Z")

</div>

Hello three.js community! It’s time for me to share a project for the first time here. Quite some time ago (October 2019, to be precise) I started to work on a prototype to prove myself that web was capable of PS2 / earl…

---

## [Lava Game (Three.js)](https://discourse.threejs.org/t/lava-game-three-js/76646)

<div class="topic-metadata">

**Author:** [@sibvrv](https://discourse.threejs.org/u/sibvrv)\
**Replies:** 1\
**Last updated:** [January 19, 2025, 8:40pm UTC](https://discourse.threejs.org/t/lava-game-three-js/76646 "2025-01-19T20:40:22Z")

</div>

You find yourself in a world that is almost completely covered in lava. In each location you have to overcome obstacles and find a way out. You need to do this as quickly as possible. This game was created in the …

---

## [XePaK Survival (three.js)](https://discourse.threejs.org/t/xepak-survival-three-js/76647)

<div class="topic-metadata">

**Author:** [@sibvrv](https://discourse.threejs.org/u/sibvrv)\
**Replies:** 2\
**Last updated:** [January 18, 2025, 2:47pm UTC](https://discourse.threejs.org/t/xepak-survival-three-js/76647 "2025-01-18T14:47:02Z")

</div>

Hi everyone, About 2 years ago, I started a project called XePaK, surviving in an open world. I was inspired by a very popular game (Rust) and decided to create something similar. I spent a few weeks working on the p…

---

## [How I can create a full FPS game?](https://discourse.threejs.org/t/how-i-can-create-a-full-fps-game/76262)

<div class="topic-metadata">

**Author:** [@CO1I\_KALE\_HARSH\_kale](https://discourse.threejs.org/u/CO1I_KALE_HARSH_kale)\
**Replies:** 7\
**Last updated:** [January 11, 2025, 9:14am UTC](https://discourse.threejs.org/t/how-i-can-create-a-full-fps-game/76262 "2025-01-11T09:14:26Z")

</div>

Please Guide me I search everywhere on this threejs forum but I did not get any full fps game development guide Please Suggest me… Youtube tutorial where end-to-end FPS Dev. is explained! Free Book, Material or web pa…

---

## [Mysterious Maze - 3D FPS Action RPG With Generative Maps](https://discourse.threejs.org/t/mysterious-maze-3d-fps-action-rpg-with-generative-maps/72631)

<div class="topic-metadata">

**Author:** [@TonySixx](https://discourse.threejs.org/u/TonySixx)\
**Replies:** 6\
**Last updated:** [January 7, 2025, 6:26am UTC](https://discourse.threejs.org/t/mysterious-maze-3d-fps-action-rpg-with-generative-maps/72631 "2025-01-07T06:26:43Z")

</div>

Hello Three.js community! I’m excited to share a project I’ve been working on: Mysterious Maze, a 3D adventure game built entirely with Three.js. Almost all of the code was written with the assistance of AI. Key Featur…

---

## [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 …

---

## [Santa’s Crazy Robot AI Rescue!](https://discourse.threejs.org/t/santa-s-crazy-robot-ai-rescue/73846)

<div class="topic-metadata">

**Author:** [@Adl\_Tech](https://discourse.threejs.org/u/Adl_Tech)\
**Replies:** 2\
**Last updated:** [November 10, 2024, 7:24pm UTC](https://discourse.threejs.org/t/santa-s-crazy-robot-ai-rescue/73846 "2024-11-10T19:24:02Z")

</div>

Hi boys, this is my latest Christmas game done with threejs. Enjoy and … have have a nice day! antonio

---

## [Issue with optimizing my GLTF file FPS low](https://discourse.threejs.org/t/issue-with-optimizing-my-gltf-file-fps-low/65775)

<div class="topic-metadata">

**Author:** [@Jeroen](https://discourse.threejs.org/u/Jeroen)\
**Replies:** 6\
**Last updated:** [May 21, 2024, 5:03am UTC](https://discourse.threejs.org/t/issue-with-optimizing-my-gltf-file-fps-low/65775 "2024-05-21T05:03:07Z")

</div>

Hello all, I’m having issues with a GLTF model. I have been optimizing the model as I normally would, but for some reason the FPS of this model is really bad. I have a different model that I optimized which is a bigger…

---

## [Animated website model is moving too fast on 120hz 166hz monitors](https://discourse.threejs.org/t/animated-website-model-is-moving-too-fast-on-120hz-166hz-monitors/62795)

<div class="topic-metadata">

**Author:** [@jjj](https://discourse.threejs.org/u/jjj)\
**Replies:** 3\
**Last updated:** [March 14, 2024, 11:22pm UTC](https://discourse.threejs.org/t/animated-website-model-is-moving-too-fast-on-120hz-166hz-monitors/62795 "2024-03-14T23:22:32Z")

</div>

I need to be moving with same speed 60 fps for example on all moniors In this I can change speed by changing number 90 to 60, but it just slows down animation and still in big hz monitors it is super fast const fixedTi…

---

## [Is it just me or is Chrome performance slow and uses more memory compared to Edge](https://discourse.threejs.org/t/is-it-just-me-or-is-chrome-performance-slow-and-uses-more-memory-compared-to-edge/37779)

<div class="topic-metadata">

**Author:** [@voffknur](https://discourse.threejs.org/u/voffknur)\
**Replies:** 5\
**Last updated:** [March 7, 2024, 2:42pm UTC](https://discourse.threejs.org/t/is-it-just-me-or-is-chrome-performance-slow-and-uses-more-memory-compared-to-edge/37779 "2024-03-07T14:42:42Z")

</div>

Is it just me or is Chrome performance slow and uses more memory compared to Edge Trying to figure out if there something wrong with my laptop, or if is chrome having issues ? Used this sample to test with: https://th…

---

## [How to create a multiplayer fps three js game](https://discourse.threejs.org/t/how-to-create-a-multiplayer-fps-three-js-game/55626)

<div class="topic-metadata">

**Author:** [@sketchxcoding2](https://discourse.threejs.org/u/sketchxcoding2)\
**Replies:** 9\
**Last updated:** [January 28, 2024, 9:14am UTC](https://discourse.threejs.org/t/how-to-create-a-multiplayer-fps-three-js-game/55626 "2024-01-28T09:14:35Z")

</div>

How to create a multiplayer fps three js game, i’m terrible at coding with three.js i need help.

---

## [How to log the FPS in the console?](https://discourse.threejs.org/t/how-to-log-the-fps-in-the-console/51118)

<div class="topic-metadata">

**Author:** [@Sarrus4x4](https://discourse.threejs.org/u/Sarrus4x4)\
**Replies:** 2\
**Last updated:** [May 3, 2023, 9:36am UTC](https://discourse.threejs.org/t/how-to-log-the-fps-in-the-console/51118 "2023-05-03T09:36:56Z")

</div>

Hey forum :slight\_smile: I would like to log the fps of my application in the console so i can use it later (plotting and comparing to other applications). So far i used the stats panel in the top left corner, but i did…

---

## [FPS screen how to launch](https://discourse.threejs.org/t/fps-screen-how-to-launch/50867)

<div class="topic-metadata">

**Author:** [@timob256](https://discourse.threejs.org/u/timob256)\
**Replies:** 5\
**Last updated:** [April 27, 2023, 11:03pm UTC](https://discourse.threejs.org/t/fps-screen-how-to-launch/50867 "2023-04-27T23:03:45Z")

</div>

FPS screen in code : import Stats from 'three/addons/libs/stats.module.js'; ... let stats, container; ... container = document.getElementById( 'container' ); ... container.appendChild( renderer.domElement ); ... st…

---

## [3D fps portfolio using react-three-fiber (give suggestions please)](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203)

<div class="topic-metadata">

**Author:** [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Replies:** 10\
**Last updated:** [November 25, 2022, 5:23pm UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203 "2022-11-25T17:23:57Z")

</div>

Hey Everyone, I recently discovered three.js and have since been using it with react. This is the first full project I have made using three.js and although it is still not complete I think it is presentable as it is. …

---

## [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…

---

## [GLTF Model not following my camera](https://discourse.threejs.org/t/gltf-model-not-following-my-camera/39400)

<div class="topic-metadata">

**Author:** [@Dimas\_Hutsulyak](https://discourse.threejs.org/u/Dimas_Hutsulyak)\
**Replies:** 3\
**Last updated:** [June 19, 2022, 1:33pm UTC](https://discourse.threejs.org/t/gltf-model-not-following-my-camera/39400 "2022-06-19T13:33:26Z")

</div>

So im using cannon es for my fps inplementation but for some reason i dont know how to make my gltf model follow where my camera is pointing to, i will leave here the two prints that shows my issue Is there any way…

---

## [Is it possible to set a fixed fps?](https://discourse.threejs.org/t/is-it-possible-to-set-a-fixed-fps/32783)

<div class="topic-metadata">

**Author:** [@Hector\_Llorens](https://discourse.threejs.org/u/Hector_Llorens)\
**Replies:** 3\
**Last updated:** [January 4, 2022, 12:52am UTC](https://discourse.threejs.org/t/is-it-possible-to-set-a-fixed-fps/32783 "2022-01-04T00:52:32Z")

</div>

I was hopping that one way to make my animation smoother would be forcing 25fps. So instead of the typical requestAnimationFrame(animate) I have something like setTimeout( function() { this.render(); //th…

---

## [Will native three.js geometry perform better thant CSS3DObject?](https://discourse.threejs.org/t/will-native-three-js-geometry-perform-better-thant-css3dobject/31102)

<div class="topic-metadata">

**Author:** [@oat](https://discourse.threejs.org/u/oat)\
**Replies:** 1\
**Last updated:** [October 23, 2021, 1:47pm UTC](https://discourse.threejs.org/t/will-native-three-js-geometry-perform-better-thant-css3dobject/31102 "2021-10-23T13:47:05Z")

</div>

I have a project that animates the transition/movement of quite a lot of CSS3DObjects, e.g. a simple rectangular div, using Tween, and the FPS drops significantly from 60 to \<10, when the number of CSS3Dobjects increases…

---

## [Progress on my game](https://discourse.threejs.org/t/progress-on-my-game/24987)

<div class="topic-metadata">

**Author:** [@Hoodgail\_Benjamin](https://discourse.threejs.org/u/Hoodgail_Benjamin)\
**Replies:** 3\
**Last updated:** [September 8, 2021, 3:30am UTC](https://discourse.threejs.org/t/progress-on-my-game/24987 "2021-09-08T03:30:55Z")

</div>

The video is too big to be uploaded, click here to view the video from google drive. let me know if any of have any suggestions / ideas and what you think of my progress

---

## [Merging THREE.GEOMETRY()](https://discourse.threejs.org/t/merging-three-geometry/29103)

<div class="topic-metadata">

**Author:** [@Nikhil\_Shaji](https://discourse.threejs.org/u/Nikhil_Shaji)\
**Replies:** 10\
**Last updated:** [August 21, 2021, 4:41am UTC](https://discourse.threejs.org/t/merging-three-geometry/29103 "2021-08-21T04:41:19Z")

</div>

Hi Guys, Let me brief the scenario, I need to merge the geometries / reduce draw calls / increase FPS. I have a scene in which I create custom polygon shapes ( can be of different vertices ) and materials are same. The…

---

## [OribitControls zoom-in loss fps](https://discourse.threejs.org/t/oribitcontrols-zoom-in-loss-fps/27811)

<div class="topic-metadata">

**Author:** [@neciszhang](https://discourse.threejs.org/u/neciszhang)\
**Replies:** 2\
**Last updated:** [July 6, 2021, 5:10am UTC](https://discourse.threejs.org/t/oribitcontrols-zoom-in-loss-fps/27811 "2021-07-06T05:10:32Z")

</div>

I create a demo. The link is claw machine. I open it in phone. FPS is 60. I use oribitControls to control camera.When i zoom-in . It’s lost fps. FPS is 40. Could you give me suggestions?I want to improve fps when i zo…

---

## [Online 3D Exhibition Showcase. ](https://discourse.threejs.org/t/online-3d-exhibition-showcase/21473)

<div class="topic-metadata">

**Author:** [@Yokiano](https://discourse.threejs.org/u/Yokiano)\
**Replies:** 0\
**Last updated:** [December 10, 2020, 6:13pm UTC](https://discourse.threejs.org/t/online-3d-exhibition-showcase/21473 "2020-12-10T18:13:11Z")

</div>

Hi, We created a 3D platform for a technology company to replace their annual physical event. Because the company is classified we couldn’t present the platform as it, so we embedded our work from the past year instead …