Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a...

threejsresource's profile picture

Three.js Resources

2,693 subscribers

11,249 Aufrufe • vor 10 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

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment
9:27

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment

mert

31,627 Aufrufe • vor 1 Jahr

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f
0:43

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

23,606 Aufrufe • vor 1 Monat

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.
0:29

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

☄︎

30,490 Aufrufe • vor 2 Jahren

Did they really think that this lawsuit was going to work? Let me tell you something, if it did it would have set a precedent and the courts would be flooded everyday. There is definitely no lack of Thieves out there and they are not the brightest. This is a perfect example of that.
1:23

Did they really think that this lawsuit was going to work? Let me tell you something, if it did it would have set a precedent and the courts would be flooded everyday. There is definitely no lack of Thieves out there and they are not the brightest. This is a perfect example of that.

Johnny B. Good

1,422,895 Aufrufe • vor 8 Monaten

What a fabulous evening it was, as I had the pleasure of attending my dear brother @chudeity’s book launch, “How Depression Saved My Life.” It’s a powerful and inspiring read that I highly recommend. Congratulations once again, this is a remarkable achievement. Chude poured his heart into the book, and it truly shows. As a creative, I’m learning so much from it and I’ll be sharing a review soon.
1:04

What a fabulous evening it was, as I had the pleasure of attending my dear brother @chudeity’s book launch, “How Depression Saved My Life.” It’s a powerful and inspiring read that I highly recommend. Congratulations once again, this is a remarkable achievement. Chude poured his heart into the book, and it truly shows. As a creative, I’m learning so much from it and I’ll be sharing a review soon.

Funke Akindele

23,619 Aufrufe • vor 6 Monaten

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.
1:41

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Anderson Mancini

26,822 Aufrufe • vor 1 Jahr

My cozy fishing app is now live ! How to play ? 🎣 Aim with your phone, move the hook close to a fish and lift it up fast to capture the fish! #threejs #webgl
0:35

My cozy fishing app is now live ! How to play ? 🎣 Aim with your phone, move the hook close to a fish and lift it up fast to capture the fish! #threejs #webgl

Alex

129,515 Aufrufe • vor 9 Monaten

This is how I make a Liquid Glass button with Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇
0:24

This is how I make a Liquid Glass button with Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇

Tran Mau Tri Tam ✪

1,150,207 Aufrufe • vor 23 Tagen

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f
0:32

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f

Alex

27,028 Aufrufe • vor 6 Monaten

Claude and I got a live sodium atom simulation! lightcell energy 🔆 I've long wanted to be able to visualize what is really happening when a neutral sodium atom is excited in a flame or a bulb. Classical theory teaches that the single outer electron orbits the nucleus and full shells, and forms a dipole when this gets "wanged" but, physicists have long wondered, what does it look like when the electron gets wanged? is it like ringing a bell? i thought that this was the perfect time to really push what is capable of, in terms of building artifacts. grabbed zig to compile wasm and webgpu to make it super performant, and work with it for a bit and ran the REAL TIME-DEPENDENT Schrödinger equation on a 3D grid in a potential in the browser. and you can kick it! what!! it's soo beautiful... this is going on the website overhaul for sure here is the artifact. i don't endorse that it's exactly right, but i feel it is probably spiritually a good sodium simulation. it certainly rings my dipole!
4:11

Claude and I got a live sodium atom simulation! lightcell energy 🔆 I've long wanted to be able to visualize what is really happening when a neutral sodium atom is excited in a flame or a bulb. Classical theory teaches that the single outer electron orbits the nucleus and full shells, and forms a dipole when this gets "wanged" but, physicists have long wondered, what does it look like when the electron gets wanged? is it like ringing a bell? i thought that this was the perfect time to really push what is capable of, in terms of building artifacts. grabbed zig to compile wasm and webgpu to make it super performant, and work with it for a bit and ran the REAL TIME-DEPENDENT Schrödinger equation on a 3D grid in a potential in the browser. and you can kick it! what!! it's soo beautiful... this is going on the website overhaul for sure here is the artifact. i don't endorse that it's exactly right, but i feel it is probably spiritually a good sodium simulation. it certainly rings my dipole!

Danielle Fong 🔆

17,231 Aufrufe • vor 2 Monaten

this level is like super popular on tiktok and i went into it expecting it to be super buggy and annoying, but no??? this is actually some of the most fun gp ive EVER PLAYED?? its so satisfying to pull off and oh my god i highly recommend it if you like learning stuff like this!!
1:32

this level is like super popular on tiktok and i went into it expecting it to be super buggy and annoying, but no??? this is actually some of the most fun gp ive EVER PLAYED?? its so satisfying to pull off and oh my god i highly recommend it if you like learning stuff like this!!

kαley

18,081 Aufrufe • vor 5 Monaten

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,273,920 Aufrufe • vor 11 Monaten

I have watched Osprey pull fish out of the water thousands of times and it still completely blows my mind that this is even possible. This bird was so close I could feel it as it flew past. Look how it has the fish locked up in a cage of talons. Unreal!
0:38

I have watched Osprey pull fish out of the water thousands of times and it still completely blows my mind that this is even possible. This bird was so close I could feel it as it flew past. Look how it has the fish locked up in a cage of talons. Unreal!

Mark Smith Photography

124,377 Aufrufe • vor 1 Jahr

Was talking about his long hair (extension) 🎸 Was it changed because of the Japanese album? No, it’s not because of the Japanese album. It’s just that… I thought if I did this and then did that shoot, it would look really cool, so I went ahead and did it! There will definitely be briize who love this so much but if there are briize who really, really hate it, please don’t hate me too much. Because Wonbin right now is still just the same person he’s always been! Tell me who said they don’t like your hair i’m ready to fight!!!!!
1:01

Was talking about his long hair (extension) 🎸 Was it changed because of the Japanese album? No, it’s not because of the Japanese album. It’s just that… I thought if I did this and then did that shoot, it would look really cool, so I went ahead and did it! There will definitely be briize who love this so much but if there are briize who really, really hate it, please don’t hate me too much. Because Wonbin right now is still just the same person he’s always been! Tell me who said they don’t like your hair i’m ready to fight!!!!!

𓃠๋࣭⭑

27,472 Aufrufe • vor 1 Monat

Friends this is not the time to fear ai 🤖 this is the time to be curious and play with it and understand it … please 🙏 don’t put your head in the sand … there is so much you can’t control when it comes to ai 🤖 and how it will play out … but there is a lot you can control on how you work with it and use it to build something for you and your family !!! Pls If you’re finally ready to not be scared of ai pls leave a 🤖 emoji in the the chat
0:30

Friends this is not the time to fear ai 🤖 this is the time to be curious and play with it and understand it … please 🙏 don’t put your head in the sand … there is so much you can’t control when it comes to ai 🤖 and how it will play out … but there is a lot you can control on how you work with it and use it to build something for you and your family !!! Pls If you’re finally ready to not be scared of ai pls leave a 🤖 emoji in the the chat

Gary Vaynerchuk

15,342 Aufrufe • vor 9 Monaten

The Blender file of the 3D viewer of Tenochtitlan is released. You can download it from the main website. It's like a digital twin, made for tinkering. It has a lighting and material setup to get you started. It renders in both Cycles and EEVEE #b3d #tenochtitlan #threejs
2:11

The Blender file of the 3D viewer of Tenochtitlan is released. You can download it from the main website. It's like a digital twin, made for tinkering. It has a lighting and material setup to get you started. It renders in both Cycles and EEVEE #b3d #tenochtitlan #threejs

Thomas Kole (see 🦋 and 🐘)

95,334 Aufrufe • vor 8 Monaten

After this interview, I was threatened with legal action and told my career would be ruined if I published it. So here it is. The public deserves to hear the conversation and judge it for themselves.
8:14

After this interview, I was threatened with legal action and told my career would be ruined if I published it. So here it is. The public deserves to hear the conversation and judge it for themselves.

Seán Ako 🇮🇪

1,400,410 Aufrufe • vor 18 Tagen

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu
0:25

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Verekia | ManaBlade.com

14,839 Aufrufe • vor 5 Monaten