Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 10 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,635 görüntüleme • 1 yıl önce

🚀 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,984 görüntüleme • 2 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

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,423,000 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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,744 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

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,154,311 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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,153 görüntüleme • 6 ay önce

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 görüntüleme • 11 ay önce

I open-sourced my 3d towers building site and the skills I used to create well-textured three.js models. The entire site is 1.38mb gzipped, including all models, sounds and textures. Site: Github repo: Skills: - threejs-towers - threejs-weather - threejs-landscape With an open-source project you get a way better starting point. All you need is to ask what to change, how to improve it, and rebuild it for a different theme. I added Cambodia, Vietnam and Turkey, plus storms and blizzards, and those came out perfectly with one prompt. The foundation is done, so adapting it and pairing it with your taste is what takes it further. Try modern towers, different backgrounds, weather and styles. SimCity, Civilization, Warcraft, C&C, etc. It's really fun.
0:53

I open-sourced my 3d towers building site and the skills I used to create well-textured three.js models. The entire site is 1.38mb gzipped, including all models, sounds and textures. Site: Github repo: Skills: - threejs-towers - threejs-weather - threejs-landscape With an open-source project you get a way better starting point. All you need is to ask what to change, how to improve it, and rebuild it for a different theme. I added Cambodia, Vietnam and Turkey, plus storms and blizzards, and those came out perfectly with one prompt. The foundation is done, so adapting it and pairing it with your taste is what takes it further. Try modern towers, different backgrounds, weather and styles. SimCity, Civilization, Warcraft, C&C, etc. It's really fun.

Meng To

50,135 görüntüleme • 3 gün önce

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,402 görüntüleme • 1 yıl önce

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 görüntüleme • 9 ay önce

This super cool Terafab website was designed and built with @Grok. 🔥 Try Grok’s new Build mode. It can turn a single prompt into a cool website in just minutes.
0:31

This super cool Terafab website was designed and built with @Grok. 🔥 Try Grok’s new Build mode. It can turn a single prompt into a cool website in just minutes.

DogeDesigner

44,441 görüntüleme • 8 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce