Loading video...

Video Failed to Load

Go Home

Tring to create a smooth 60fps open world using Three.js

RicardoDeZoete's profile picture

Ricardo de Zoete | Hammy(.eth)

2,675 subscribers

21,112 views • 27 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Create Three.js Geometry with SDF's. Using from Mikola Lysenko . PR :
0:19

Create Three.js Geometry with SDF's. Using from Mikola Lysenko . PR :

Santiago.

10,776 views • 2 years ago

BREAKING: Ordinals developer danny huuep just inscribed a fully on-chain IDE for artists to create generative art on Bitcoin using the Three.js library which he also inscribed →
0:14

BREAKING: Ordinals developer danny huuep just inscribed a fully on-chain IDE for artists to create generative art on Bitcoin using the Three.js library which he also inscribed →

Ord.io

19,175 views • 5 months ago

Smooth 60fps. Feels good man
0:14

Smooth 60fps. Feels good man

Aaron Francis

47,205 views • 4 months ago

Converting a Three.js scene to ASCII art using a custom postprocessing shader Live → 🧵 Explanation Thread 👇
0:18

Converting a Three.js scene to ASCII art using a custom postprocessing shader Live → 🧵 Explanation Thread 👇

Jean Mazouni

32,677 views • 1 year ago

created a 🦋 experiment using webgl playing with Three.js and Claude 🔗
0:16

created a 🦋 experiment using webgl playing with Three.js and Claude 🔗

cel

13,851 views • 2 months ago

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,323 views • 1 month ago

I always wondered "What if I port my three.js game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!
0:18

I always wondered "What if I port my three.js game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!

André → andreelias.dev

19,531 views • 1 month ago

This is three.js running on the Exosphere. 🤯 Rendering in realtime from a browser at 8K / 60fps. Here’s how Shopify just pulled it off 👇
0:15

This is three.js running on the Exosphere. 🤯 Rendering in realtime from a browser at 8K / 60fps. Here’s how Shopify just pulled it off 👇

Daniel Beauchamp

996,235 views • 7 months ago

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.
0:18

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.

Matias 🧉

15,090 views • 3 months ago

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a fully functional 3D Rubik's Cube simulation using Three.js (via CDN). The cube must be able to automatically solve itself.
0:13

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a fully functional 3D Rubik's Cube simulation using Three.js (via CDN). The cube must be able to automatically solve itself.

Alex Prompter

14,891 views • 6 months ago

I worked on the WebGL part of the new Maze rebrand. 8192 instanced meshes running in a single compute shader at 60fps 🏎️ built w Three.js
0:15

I worked on the WebGL part of the new Maze rebrand. 8192 instanced meshes running in a single compute shader at 60fps 🏎️ built w Three.js

chakib

11,125 views • 7 months ago

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵
0:21

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

Matias 🧉

27,091 views • 4 months ago

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js
0:13

A 3D visualization of Energy in Chaos coded with Google Gemini 3 Pro Preview using Three.js

Techartist

172,712 views • 7 months ago

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.
0:15

Wait, is Claude Opus 4.8 actually a Fable 5?? Opus generated this. A 3D botanical DNA strand. No, it's not a video or a 3D asset. It's pure math using Three.js, running at 60fps ❤️‍🔥 Everything including petals and flowers is generated using custom geometry. Also responsive. That too done from a image reference. Fable or not, Claude is generally good at 3D stuff.

The Bugged Dev

23,106 views • 14 days ago

Created a small prototype to generate Muybridge effect 😀 It runs directly in your browser using your GPU to extract human Demo: #AI #Olympics2024Paris Three.js
0:15

Created a small prototype to generate Muybridge effect 😀 It runs directly in your browser using your GPU to extract human Demo: #AI #Olympics2024Paris Three.js

Alexandre Devaux

35,445 views • 1 year ago

I did something → Sound on & bring friends with you. Open to new opportunities. WebGPU Three.js
0:16

I did something → Sound on & bring friends with you. Open to new opportunities. WebGPU Three.js

Samsy 👾🥷🏼

46,050 views • 9 months ago

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl
0:16

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl

Alex

23,937 views • 1 year ago

Lovable is now much better at building things in 3d using Three.js
0:15

Lovable is now much better at building things in 3d using Three.js

Lovable

21,602 views • 1 year ago

How to create a simple Pepper’s Ghost illusion using a smartphone.
0:16

How to create a simple Pepper’s Ghost illusion using a smartphone.

Science girl

77,987 views • 7 months ago