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,805 subscribers

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

Kimi K3 built a fully procedural browser-based 3D exploration game using Three.js WebGPU and GPU compute. It procedurally generated the environment, while using a 3D asset generation tool to create the rider and horse models, producing an expansive open world with forests, a log-cabin village, snowy mountains, and dynamic weather. External assets used: animated cowboy and horse models and terrain data.
0:18

Kimi K3 built a fully procedural browser-based 3D exploration game using Three.js WebGPU and GPU compute. It procedurally generated the environment, while using a 3D asset generation tool to create the rider and horse models, producing an expansive open world with forests, a log-cabin village, snowy mountains, and dynamic weather. External assets used: animated cowboy and horse models and terrain data.

Chetaslua

382,700 Aufrufe • vor 1 Monat

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 6 Monaten

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

14,224 Aufrufe • vor 4 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,788 Aufrufe • vor 3 Monaten

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 2 Monaten

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

998,140 Aufrufe • vor 8 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 5 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 8 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,137 Aufrufe • vor 9 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 5 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

24,145 Aufrufe • vor 2 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,845 Aufrufe • vor 9 Monaten

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,458 Aufrufe • vor 2 Jahren

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

Claude vs Gemini vs DeepSeek vs Grok PROMPT: Build a production-ready 3D flight visualizer in one HTML file. Use Three.js to render a rotatable Earth and simulate real-time aircraft positions using smooth interpolation. Include polished lighting, a starfield background, and make it responsive for mobile and desktop. Which tool is the best?
0:19

Claude vs Gemini vs DeepSeek vs Grok PROMPT: Build a production-ready 3D flight visualizer in one HTML file. Use Three.js to render a rotatable Earth and simulate real-time aircraft positions using smooth interpolation. Include polished lighting, a starfield background, and make it responsive for mobile and desktop. Which tool is the best?

Oleg Bilozor

72,608 Aufrufe • vor 4 Monaten

Building a three.js asset library for web games. Will be open source and free! #threejs #gamedev
0:18

Building a three.js asset library for web games. Will be open source and free! #threejs #gamedev

Aniket J

36,107 Aufrufe • vor 1 Monat