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

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

На главную

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

onirenaud's profile picture

Renaud

12,327 subscribers

13,713 просмотров • 2 лет назад •via X (Twitter)

ОбразованиеИскусствоНаука и технологии#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Xenova
Xenova2 лет назад

Woah! 🤯 So cool!

Фото профиля Renaud
Renaud2 лет назад

You're so cool! ❤️

Фото профиля Arthur Casier
Arthur Casier2 лет назад

@xenovacom HELLO PIXEL RENO

Фото профиля Brian Jordan
Brian Jordan2 лет назад

@xenovacom let's goooo that is so epic

Фото профиля Petra
Petra2 лет назад

@xenovacom 🔥🔥🔥

Фото профиля Jape Ntaca
Jape Ntaca2 лет назад

@xenovacom Cool ! ! Don't forget you can win some extra FPS if you close the developer console.

Фото профиля Daniel
Daniel2 лет назад

@xenovacom 🔥🔥🔥

Фото профиля Metaverse | Eric
Metaverse | Eric2 лет назад

@xenovacom Love the effect.

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

WebGPU is the future! 😍🔥 Transformers.js can now perform real-time background removal, powered by MODNet! ⚡️ Development for Transformers.js v3 (which adds full WebGPU support) is well underway, and we're excited to continue sharing updates and demos! Try it out yourself! 👇
0:21

WebGPU is the future! 😍🔥 Transformers.js can now perform real-time background removal, powered by MODNet! ⚡️ Development for Transformers.js v3 (which adds full WebGPU support) is well underway, and we're excited to continue sharing updates and demos! Try it out yourself! 👇

Xenova

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

"Free background-image remover in the browser!" ⚡️ Happy to share a free little app that removes backgrounds from images directly in your browser! Privacy-friendly. Uses Transformers.js and for models RMBG-1.4 & MODNet. Inspired by Xenova
0:33

"Free background-image remover in the browser!" ⚡️ Happy to share a free little app that removes backgrounds from images directly in your browser! Privacy-friendly. Uses Transformers.js and for models RMBG-1.4 & MODNet. Inspired by Xenova

Addy Osmani

48,900 просмотров • 1 год назад

Three.js WebGPU TSL grass now available in ✨ TSLFX. #threejs #r3f #webgpu
0:26

Three.js WebGPU TSL grass now available in ✨ TSLFX. #threejs #r3f #webgpu

Verekia 🔮 ManaBlade.com

12,061 просмотров • 1 год назад

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.
0:30

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.

Three.js

48,528 просмотров • 1 год назад

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.
0:30

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

Xenova

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

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.
0:35

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Three.js

25,516 просмотров • 1 год назад

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

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders
0:51

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Dan Greenheck

36,957 просмотров • 4 месяцев назад

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer
1:09

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

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

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .
3:17

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

Aaron Wacker

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

Tried to do some gridbased PBD particles with WebGPU, similar to how Unreal's Neighborgrid3D works. Still a bit rough but fun to play around with. #WebGPU #ThreeJS
2:14

Tried to do some gridbased PBD particles with WebGPU, similar to how Unreal's Neighborgrid3D works. Still a bit rough but fun to play around with. #WebGPU #ThreeJS

OutsideOfSociety

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

"Free, accurate voice transcription in the browser using Whisper" ⚡️ I'm happy to share a modern voice-to-text app (Say) that uses in-browser AI (Whisper and T5) to offer voice transcription, text summaries and note management. Everything is done locally in a privacy-friendly way. Built with React and Transformers.js by Xenova
1:27

"Free, accurate voice transcription in the browser using Whisper" ⚡️ I'm happy to share a modern voice-to-text app (Say) that uses in-browser AI (Whisper and T5) to offer voice transcription, text summaries and note management. Everything is done locally in a privacy-friendly way. Built with React and Transformers.js by Xenova

Addy Osmani

33,616 просмотров • 1 год назад

Introducing TTS WebGPU: The first ever text-to-speech web app built with WebGPU acceleration! 🔥 High-quality and natural speech generation that runs 100% locally in your browser, powered by OuteTTS and Transformers.js.🤗 Try it out yourself! Demo + source code below 👇
0:32

Introducing TTS WebGPU: The first ever text-to-speech web app built with WebGPU acceleration! 🔥 High-quality and natural speech generation that runs 100% locally in your browser, powered by OuteTTS and Transformers.js.🤗 Try it out yourself! Demo + source code below 👇

Xenova

19,666 просмотров • 1 год назад

Introducing SmolVLM 256M (& 500M): The world’s smallest multimodal model. Designed for efficiency and perfect for on-device applications! 🔥 It’s so small, it can even run 100% locally in your browser on WebGPU! 🤏 Powered by Transformers.js! ⚡️ Try it out yourself! 👇
0:26

Introducing SmolVLM 256M (& 500M): The world’s smallest multimodal model. Designed for efficiency and perfect for on-device applications! 🔥 It’s so small, it can even run 100% locally in your browser on WebGPU! 🤏 Powered by Transformers.js! ⚡️ Try it out yourself! 👇

Xenova

24,966 просмотров • 1 год назад

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :
0:36

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Kevin Levron

19,378 просмотров • 1 год назад

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

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

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

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

We've been partnering with Unity for Games to bring WebGPU to their engine, so their developers have everything they need to build immersive games in the browser. Learn more about WebGPU in Unity → Get started with WebGPU →
0:57

We've been partnering with Unity for Games to bring WebGPU to their engine, so their developers have everything they need to build immersive games in the browser. Learn more about WebGPU in Unity → Get started with WebGPU →

Chrome for Developers

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

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding
0:54

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

WebGL / WebGPU

13,046 просмотров • 7 дней назад

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :
0:28

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :

Kevin Levron

24,329 просмотров • 1 год назад