Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 27 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 5 Monaten

Smooth 60fps. Feels good man
0:14

Smooth 60fps. Feels good man

Aaron Francis

47,205 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 14 Tagen

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten