nowfound

Dev tools · May 22, 2025

Curved Space Shader in Three.js (via 4D sphere projection)

I made a GLSL shader that bends 3D space using a 4D hypersphere projection. The idea: 1. Project a model onto a 4D sphere 2. Rotate the sphere 3. Project the model back to 3D Code and details: https://github.com/bntre/CurvedSpaceShader Curious what you think.

Curved Space Shader in Three.js (via 4D sphere projection) launched on May 22, 2025 with 68 votes, #587 of 7,905 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 1 year on.

Visit github.com ↗Alternativestop 7% of May 2025

In plain words

Curved Space Shader is a GLSL shader for Three.js that bends 3D space by projecting models onto a 4D hypersphere, rotating them in four-dimensional space, and projecting them back to 3D. It is designed for developers working with Three.js who want to create spatial distortion effects. The shader demonstrates advanced mathematical visualization techniques using 4D geometry transformations.

written from the facts on this page · September 2026

From the sources

Curved Space Shader in Three.js (via 4D sphere projection) - bntre/CurvedSpaceShader

This vertex shader was first written in HLSL for the Unity game Sfera: https://github.com/bntre/Sfera . Now it's rewritten in GLSL for three.js. To show curved space (see Spherical Geometry ), each 3D model goes through a special transformation using 4D rotation and projection. Animated models from three.js examples (the models are not included in this repo; they are loaded at runtime from the three.jsfrom github.com

Does a similar job

all alternatives →
  • IM
    I made a site where you can travel in space in your browser2022 · spaceinbrowser.com · ▲179

    I made this site using R3F (https://github.com/pmndrs/react-three-fiber), a React renderer for 3JS (https://threejs.org/). The celestial bodies are Three.JS meshes. I used loaders (namely 'useLoader' from R3F and 'GLTFLoader' from 3JS) to import 3D models, such as International Space Station. More on loading models in R3F: https://docs.pmnd.rs/react-three-fiber/tutorials/loading-mod... I've future plans for this side project. It would be great to hear from the HN community before diving into them. Enjoy! P.S: Getting an empty…

  • I was curious about spherical helix, ended up making this visualization2025 · visualrambling.space · ▲865

    I was wondering how I can arrange objects along a spherical helix path, and read some articles on it. I ended up learning about parametric equations again, and make this visualization to document what I learned: https://visualrambling.space/moving-objects-in-3d/ feel free to visit and let me know what you think!

  • Volume rendering 3D data in Three.js and GLSL2024 · github.com · ▲108

    I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…

  • Shadergradient 1.02023 · shadergradient.co · ▲234

    Create beautiful moving gradients on Framer and Figma

  • Spark, An advanced 3D Gaussian Splatting renderer for Three.js2025 · sparkjs.dev · ▲377

    I'm the co-creator and maintainer of https://aframe.io/ and long time Web 3D graphics dev. Super excited about new techniques to author / render / represent 3D. Spark is a an open source library to easily integrate Gaussian splats in your THREE.js scene I worked with some friends and I hope you find useful. Looking forward to hearing what features / rendering techniques you would love to see next.

  • Free and open-source home for art made with code2018 · shadergif.com · ▲144

    Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.

More dev tools this month

the category →
  • /dev/null▲494

    a social network for devs

    Dev tools · 4d ago · dev-null.sh

  • Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 1d ago · github.com

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 29d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 24d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 22d ago · talanoa.email

Source: Show HN post ↗

Launched alongside, May 2025

the whole month →
  • Tapflow 2.0▲1,125

    We built Tapflow for devs, designers, PMs, and tech folks who’ve been sitting on internal docs, templates, and systems — but never productized them. Upload a PDF, notes, or workshop deck, and Tapflow drafts a structured product (with chapters, teaser and pricing plans). It’s good for AI kits, onboarding guides, design systems, and frameworks. You can sell through Stripe, LemonSqueezy, or PayPal. Real-time collaboration is in early beta. No site builder, no LMS — clean design and just focused tools to ship. Fully bootstrapped and just launched on PH today →…

    Work · 2025 · tapflow.ai

  • C9

    Life & fun · 2025 · felixrieseberg.github.io

  • Appwrite 2.0 brings a new engine, a rebuilt Console, five database types, an S3 API, an OAuth 2.1 server, and organization-level Domains and Firewall.

    Dev tools · 2025 · appwrite.io

  • Perfect meeting memory in Notion

    AI · 2025 · notion.com

  • Den▲948

    Multiplayer AI agent builder

    AI · 2025 · getden.io

  • Powerful productivity on the go

    AI · 2025 · raycast.com