# \#screen-space

**URL:** https://discourse.threejs.org/tag/screen-space/160.md

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

---

## [Demo: Realtime SDF Effects with the Jump Flood Algorithm](https://discourse.threejs.org/t/demo-realtime-sdf-effects-with-the-jump-flood-algorithm/88012)

<div class="topic-metadata">

**Author:** [@gkjohnson](https://discourse.threejs.org/u/gkjohnson)\
**Replies:** 5\
**Last updated:** [November 24, 2025, 3:20pm UTC](https://discourse.threejs.org/t/demo-realtime-sdf-effects-with-the-jump-flood-algorithm/88012 "2025-11-24T15:20:04Z")

</div>

Nice silhouette outline and glow effects have always felt fairly elusive and I’ve been wanting to learn more about the jump flood algorithm since I saw this this article on the topic by Ben Golus years ago. So with tryin…

---

## [mobile layout resize issues](https://discourse.threejs.org/t/mobile-layout-resize-issues/86302)

<div class="topic-metadata">

**Author:** [@Prajwal\_BM](https://discourse.threejs.org/u/Prajwal_BM)\
**Replies:** 1\
**Last updated:** [August 18, 2025, 12:28pm UTC](https://discourse.threejs.org/t/mobile-layout-resize-issues/86302 "2025-08-18T12:28:27Z")

</div>

im new to threejs and this is my first project and im having trouble. the layout is working perfectly on bigger screens and laptops, when i open it in the tablet or mobile phone, that white thing appears, which i guess i…

---

## [How to convert Mediapipe facelandmark coordinates (x,y,z in screen space) to world space coordinates (to move a 3D model)](https://discourse.threejs.org/t/how-to-convert-mediapipe-facelandmark-coordinates-x-y-z-in-screen-space-to-world-space-coordinates-to-move-a-3d-model/68926)

<div class="topic-metadata">

**Author:** [@Sachin\_K1](https://discourse.threejs.org/u/Sachin_K1)\
**Replies:** 5\
**Last updated:** [August 7, 2024, 3:14pm UTC](https://discourse.threejs.org/t/how-to-convert-mediapipe-facelandmark-coordinates-x-y-z-in-screen-space-to-world-space-coordinates-to-move-a-3d-model/68926 "2024-08-07T15:14:30Z")

</div>

Hi, I am using MediaPipe Facelandmark (which detect face & provide 3D coordinates of specific landmarks in face based on screen space). I want to make use of this coordinates to move a 3D object in Three JS. But 3D mode…

---

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

---

## [Find the pixel position corresponding to a vertex](https://discourse.threejs.org/t/find-the-pixel-position-corresponding-to-a-vertex/44349)

<div class="topic-metadata">

**Author:** [@Agam\_Kashyap](https://discourse.threejs.org/u/Agam_Kashyap)\
**Replies:** 0\
**Last updated:** [November 4, 2022, 2:26pm UTC](https://discourse.threejs.org/t/find-the-pixel-position-corresponding-to-a-vertex/44349 "2022-11-04T14:26:09Z")

</div>

Hi, I am rendering a 3D model using THREEjs. My project requires me to find the pixel position of the final rendered vertex. I found the following answer on stackoverflow: javascript - How Does a camera convert from cl…

---

## [Dance with Flames](https://discourse.threejs.org/t/dance-with-flames/38997)

<div class="topic-metadata">

**Author:** [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Replies:** 8\
**Last updated:** [June 8, 2022, 2:25pm UTC](https://discourse.threejs.org/t/dance-with-flames/38997 "2022-06-08T14:25:08Z")

</div>

Hi community! Picture: Demo + source code: https://codepen.io/prisoner849/full/GRQBwgN When you’re bored, sitting and looking for inspiration, and suddenly a random track starts playing on YT. It catches you and yo…

---

## [How to make screen space projection moved texture](https://discourse.threejs.org/t/how-to-make-screen-space-projection-moved-texture/31979)

<div class="topic-metadata">

**Author:** [@banandai](https://discourse.threejs.org/u/banandai)\
**Replies:** 0\
**Last updated:** [November 22, 2021, 4:05pm UTC](https://discourse.threejs.org/t/how-to-make-screen-space-projection-moved-texture/31979 "2021-11-22T16:05:37Z")

</div>

I tried to repeat material from UE4 here link on example and code \<!DOCTYPE html\> \<html lang="en"\> \<head\> \<title\>three.js webgl - materials - shaders\</title\> \<meta charset="utf-8" /\> \<meta …

---

## [How to make this feature?](https://discourse.threejs.org/t/how-to-make-this-feature/4338)

<div class="topic-metadata">

**Author:** [@June\_Wang](https://discourse.threejs.org/u/June_Wang)\
**Replies:** 6\
**Last updated:** [August 24, 2020, 8:03am UTC](https://discourse.threejs.org/t/how-to-make-this-feature/4338 "2020-08-24T08:03:51Z")

</div>

When I pause the song, the bird will click on the ‘play’ icon to continue it. How to make this feature?

---

## [What goes wrong when I compute screen-space position?](https://discourse.threejs.org/t/what-goes-wrong-when-i-compute-screen-space-position/10252)

<div class="topic-metadata">

**Author:** [@ToniFF](https://discourse.threejs.org/u/ToniFF)\
**Replies:** 1\
**Last updated:** [October 16, 2019, 12:49pm UTC](https://discourse.threejs.org/t/what-goes-wrong-when-i-compute-screen-space-position/10252 "2019-10-16T12:49:03Z")

</div>

I want to compute the screen-space size of a bounding box. Here is my code(heightOnScreen means the pixels which the box occupies longitudinally on screen space, I try to compute it by the diagonal lines of the box to t…

---

## [How to converting world coordinates to 2D mouse coordinates in ThreeJS](https://discourse.threejs.org/t/how-to-converting-world-coordinates-to-2d-mouse-coordinates-in-threejs/2251)

<div class="topic-metadata">

**Author:** [@trymoremore](https://discourse.threejs.org/u/trymoremore)\
**Replies:** 5\
**Last updated:** [September 3, 2018, 11:40am UTC](https://discourse.threejs.org/t/how-to-converting-world-coordinates-to-2d-mouse-coordinates-in-threejs/2251 "2018-09-03T11:40:14Z")

</div>

i know how to converting 2D mouse coordinates to world coordinates,but whether the world coordinates convert into a 2D mouse coordinates if i know the world position ,uv,and the normal of the face.

---

## [Connection between 3D Point and 2D Point](https://discourse.threejs.org/t/connection-between-3d-point-and-2d-point/3801)

<div class="topic-metadata">

**Author:** [@gaojunxiao](https://discourse.threejs.org/u/gaojunxiao)\
**Replies:** 1\
**Last updated:** [August 16, 2018, 9:49am UTC](https://discourse.threejs.org/t/connection-between-3d-point-and-2d-point/3801 "2018-08-16T09:49:08Z")

</div>

As shown in the diagram. How to use three to achieve the effect of this line, colleagues as the camera’s moving line always link to two locations

---

## [Screen aligned quad module](https://discourse.threejs.org/t/screen-aligned-quad-module/144)

<div class="topic-metadata">

**Author:** [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Replies:** 1\
**Last updated:** [April 3, 2017, 2:36pm UTC](https://discourse.threejs.org/t/screen-aligned-quad-module/144 "2017-04-03T14:36:56Z")

</div>

I made a module to abstract the drawing of screen space quads. I tried to control it like a div, so the size can be set in pixels and percentages, and can be anchored from both top/left and bottom/right. Live: http…