Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar... show more

Lisha

17,488 subscribers

15,978 просмотров • 8 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode

Alex

37,795 просмотров • 1 год назад

from the archives - a particle fluid sim i'd originally built in unity now translated to webgl / Three.js ! Claude was surprisingly good at all the boring bits with glsl compatibility etc so i could focus on the creative, building on the wordmark in my folio. link below ↓

Aj

23,966 просмотров • 5 месяцев назад

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

147,479 просмотров • 2 месяцев назад

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Anderson Mancini

20,221 просмотров • 1 год назад

ok so about 5-6 hours in godot, here i am render wise it's amazing. Physics is so much easier as it's a built in feature, you can also bake lighting on the go as you design your scene, it's fun to play with it time to play with shader #indiedev #indiegamedev

ok so about 5-6 hours in godot, here i am render wise it's amazing. Physics is so much easier as it's a built in feature, you can also bake lighting on the go as you design your scene, it's fun to play with it time to play with shader #indiedev #indiegamedev

Alex

458,639 просмотров • 9 месяцев назад

✨ Added a CRT curvature distortion to pieter™ now It takes the Em-DOSBox and processes it in WebGL and builds a new with the distortion of a classic CRT screen which had this convex curvature (like an old TV) even though the screen itself was square I had this working on DOSBox on MacOS and on Linux with CRT-Pi shader, but on web it doesn't support shaders so I had to build my own with Claude Code in JS, very easy I remember trying this a year ago and Claude Code fucked it up so bad that I gave up, so I think the models have improved a lot Tomorrow I'll try add some scanlines, it really helps make the simulation more passable (and nostalgic!) 😊👌

✨ Added a CRT curvature distortion to pieter™ now It takes the Em-DOSBox and processes it in WebGL and builds a new with the distortion of a classic CRT screen which had this convex curvature (like an old TV) even though the screen itself was square I had this working on DOSBox on MacOS and on Linux with CRT-Pi shader, but on web it doesn't support shaders so I had to build my own with Claude Code in JS, very easy I remember trying this a year ago and Claude Code fucked it up so bad that I gave up, so I think the models have improved a lot Tomorrow I'll try add some scanlines, it really helps make the simulation more passable (and nostalgic!) 😊👌

@levelsio

88,054 просмотров • 6 месяцев назад

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.

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,339 просмотров • 1 год назад

So happy to say that I FINALLY have come up with a workflow and style in #b3d #bnpr that matches how I draw/sketch on paper. It utilizes grease pencil and a special marker shader I created. Super low poly, very light shaders, and in Eevee, so the viewport & render speed is FAST.

So happy to say that I FINALLY have come up with a workflow and style in #b3d #bnpr that matches how I draw/sketch on paper. It utilizes grease pencil and a special marker shader I created. Super low poly, very light shaders, and in Eevee, so the viewport & render speed is FAST.

JOY of 3D

73,639 просмотров • 2 лет назад

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

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,621 просмотров • 1 год назад

Wuthering Waves Nvidia Settings (Fix Stuttering) + Current Issues Must Do wuwa players - > So, if you guys are suffering from shader issues in WUWA, you basically lose all shaders sometimes after updating the game! Use this setting → Turn the Shader Cache Size to “Unlimited” so you won’t lose shaders. Major issue with Wuwa - > Game is not running on Native internal resolution (3d) , it looks like devs locked the internal resolution because of optimisation ! simply add Render scale option so people can scale themself Add new option like Renderscale percent or etc so we can play on native #Wutheringwaves

Wuthering Waves Nvidia Settings (Fix Stuttering) + Current Issues Must Do wuwa players - > So, if you guys are suffering from shader issues in WUWA, you basically lose all shaders sometimes after updating the game! Use this setting → Turn the Shader Cache Size to “Unlimited” so you won’t lose shaders. Major issue with Wuwa - > Game is not running on Native internal resolution (3d) , it looks like devs locked the internal resolution because of optimisation ! simply add Render scale option so people can scale themself Add new option like Renderscale percent or etc so we can play on native #Wutheringwaves

Kaito

11,502 просмотров • 1 месяц назад

I wanted to see if making N 3D would be fun! experimenting with an xray shader that hides walls based on whether their plane intersects the center of the screen in front of the player. was a headache but I think it should make exploring interiors more interesting #godot

I wanted to see if making N 3D would be fun! experimenting with an xray shader that hides walls based on whether their plane intersects the center of the screen in front of the player. was a headache but I think it should make exploring interiors more interesting #godot

freezydev

36,183 просмотров • 2 лет назад

Have you ever wanted your terminal to look like an authentic CRT? Of course you have. Well, LOOK NO FURTHER because the future (or is it the past?) is now. And people ask why you'd ever need a GPU-rendered terminal.... HAH! My yak has no more hair to shave. This demo is crazier than it seems: you can actually specify any custom shader, and the shader API is compatible with ShaderToy, so you can take any off-the-shelf shader from ShaderToy and this works. The tech behind this is super over the top. Ghostty is cross-platform and uses Metal directly on macOS and OpenGL on Linux. Metal and OpenGL use different shading languages. No problem! You specify the custom shader in GLSL (OpenGL language) and it’s automatically translated to SPIR-V (binary IR) then automatically translated to MSL (Metal language). That all happens at runtime because why not. Yeah but this has to kill your battery right? Nope! <1% CPU and <1% GPU because computers are fast (especially when you're working at a relatively low level).

Have you ever wanted your terminal to look like an authentic CRT? Of course you have. Well, LOOK NO FURTHER because the future (or is it the past?) is now. And people ask why you'd ever need a GPU-rendered terminal.... HAH! My yak has no more hair to shave. This demo is crazier than it seems: you can actually specify any custom shader, and the shader API is compatible with ShaderToy, so you can take any off-the-shelf shader from ShaderToy and this works. The tech behind this is super over the top. Ghostty is cross-platform and uses Metal directly on macOS and OpenGL on Linux. Metal and OpenGL use different shading languages. No problem! You specify the custom shader in GLSL (OpenGL language) and it’s automatically translated to SPIR-V (binary IR) then automatically translated to MSL (Metal language). That all happens at runtime because why not. Yeah but this has to kill your battery right? Nope! <1% CPU and <1% GPU because computers are fast (especially when you're working at a relatively low level).

Mitchell Hashimoto

200,104 просмотров • 2 лет назад

Finally! I added multiplayer to my browser-based WebGL card game, Summoners. Multiplayer is a really common request. You pick your deck and then send the URL to a friend. They can join even if they don't have an account. It's free to play and live on the site now. I built the multiplayer system using websockets and Fly.io servers. It's working great so far but drop any bugs in the Summoners.io discord. 🙏 🪄 Happy gaming ⚔️

Finally! I added multiplayer to my browser-based WebGL card game, Summoners. Multiplayer is a really common request. You pick your deck and then send the URL to a friend. They can join even if they don't have an account. It's free to play and live on the site now. I built the multiplayer system using websockets and Fly.io servers. It's working great so far but drop any bugs in the Summoners.io discord. 🙏 🪄 Happy gaming ⚔️

Stephen Haney

22,506 просмотров • 2 лет назад

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

The Bugged Dev

18,762 просмотров • 3 месяцев назад

Today I’m finally introducing Cift, it’s live on the App Store! It's built with a lot of care, and I sincerely think you’re going to like it :) Link (and thoughts!) below in the replies.

Today I’m finally introducing Cift, it’s live on the App Store! It's built with a lot of care, and I sincerely think you’re going to like it :) Link (and thoughts!) below in the replies.

Yousr

17,455 просмотров • 2 месяцев назад

🚀 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

🚀 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,033 просмотров • 1 месяц назад

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.

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,445 просмотров • 2 лет назад

Spin To Win in PoE 2 is The BEST! Whirling Assault on Titan is definitely a build I will play EVERY league. It just has and does everything with ease. 🔗 Youtube link in the comments - like and subscribe pls ❤️

Spin To Win in PoE 2 is The BEST! Whirling Assault on Titan is definitely a build I will play EVERY league. It just has and does everything with ease. 🔗 Youtube link in the comments - like and subscribe pls ❤️

Ulfhednar

52,936 просмотров • 6 месяцев назад

VERY COOL!! Thanks jordan for the tip, I can now test my iOS app on web I asked Claude Code to set up serve-sim, a web-based iOS simulator that can stream the iOS app my Claude Code on VPS built live to me, because it's on some Mac Mini in the cloud without even a GUI (it's headless) I cannot actually try it on the Mac itself! Before Claude would make me a page with screenshots but I had no idea how the app felt, now with this it works This is hosted on the Mac Mini via SSH (it shows localhost but it's a tunnel via SSH to the Mac Mini), bit laggy but nice!

VERY COOL!! Thanks jordan for the tip, I can now test my iOS app on web I asked Claude Code to set up serve-sim, a web-based iOS simulator that can stream the iOS app my Claude Code on VPS built live to me, because it's on some Mac Mini in the cloud without even a GUI (it's headless) I cannot actually try it on the Mac itself! Before Claude would make me a page with screenshots but I had no idea how the app felt, now with this it works This is hosted on the Mac Mini via SSH (it shows localhost but it's a tunnel via SSH to the Mac Mini), bit laggy but nice!

@levelsio

416,322 просмотров • 5 дней назад

I’m excited to share what I’ve been working on at Meta. I was tasked with building + designing a reimagined Meta AI embodiment across all our platforms + services. It’s been so much fun working on delivering craft as best as I know it for Meta. I used Metal shaders in iOS, OpenGL in Android, and WebGL for web to build this centralized new embodiment. The new ring is now rolling out across Facebook, Instagram, WhatsApp, and Messenger on iOS, Android, and on Meta AI web.

I’m excited to share what I’ve been working on at Meta. I was tasked with building + designing a reimagined Meta AI embodiment across all our platforms + services. It’s been so much fun working on delivering craft as best as I know it for Meta. I used Metal shaders in iOS, OpenGL in Android, and WebGL for web to build this centralized new embodiment. The new ring is now rolling out across Facebook, Instagram, WhatsApp, and Messenger on iOS, Android, and on Meta AI web.

Michael Sayman

52,534 просмотров • 1 год назад