Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing...

alightinastorm's profile picture

robot 2.0

6,995 subscribers

17,105 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & TeknolojiMüzikSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!
0:26

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

Renaud

131,017 görüntüleme • 10 ay önce

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Techartist

18,168 görüntüleme • 1 yıl önce

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.
0:42

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

Techartist

14,279,128 görüntüleme • 1 yıl önce

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.
0:36

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 görüntüleme • 1 yıl önce

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 görüntüleme • 1 yıl önce

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

Folding image transition. Made with #threejs #tsl #webgpu.
0:24

Folding image transition. Made with #threejs #tsl #webgpu.

Seyi

12,076 görüntüleme • 1 ay önce

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 görüntüleme • 1 yıl önce

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

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.
0:36

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 görüntüleme • 1 yıl önce

Bring your 2D characters to life in Threejs! ▫️Generate a 3D model from a 2D IMG (TRELLIS) ▫️Rig & animate effortlessly w/ Mixamo ▫️Merge animations into one mesh in #Blender ▫️Load into a Threejs scene Editor: #threejs #gamedev #vibejam #vibecoding
7:25

Bring your 2D characters to life in Threejs! ▫️Generate a 3D model from a 2D IMG (TRELLIS) ▫️Rig & animate effortlessly w/ Mixamo ▫️Merge animations into one mesh in #Blender ▫️Load into a Threejs scene Editor: #threejs #gamedev #vibejam #vibecoding

renderfiction

58,955 görüntüleme • 1 yıl önce

volumetric lights, isometric camera, cubic action made with threejs
0:27

volumetric lights, isometric camera, cubic action made with threejs

AA

107,440 görüntüleme • 3 ay önce

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant
0:23

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

Garrett Johnson

40,351 görüntüleme • 1 yıl önce

Introducing Neuform Generate next-level designs with a living DESIGN.md. Turn design systems into skills and remix into any format with unique animations, webgl and threejs. It's available on
0:59

Introducing Neuform Generate next-level designs with a living DESIGN.md. Turn design systems into skills and remix into any format with unique animations, webgl and threejs. It's available on

Meng To

65,066 görüntüleme • 4 ay önce

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇
0:40

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 görüntüleme • 1 yıl önce

Launching Vibecut A video editor, vibe coded during livestream in 50 hours, ~80 prompts with threejs MIT License, link below Features: - 30 FPS default - Multi Tracks - Drag clips across tracks - Multi media (img, video, audio, text) - Animations (text) - Export and render - Move, Rotate, Scale clips in the canvas - Split, Trim, Duplicate, Delete clips - Filters for images - Aspect Ratio, Resolution and Canvas color presets - Zoom the timeline with pinch gestures - Idk man a ton of other small prompted stuff just check it out
0:58

Launching Vibecut A video editor, vibe coded during livestream in 50 hours, ~80 prompts with threejs MIT License, link below Features: - 30 FPS default - Multi Tracks - Drag clips across tracks - Multi media (img, video, audio, text) - Animations (text) - Export and render - Move, Rotate, Scale clips in the canvas - Split, Trim, Duplicate, Delete clips - Filters for images - Aspect Ratio, Resolution and Canvas color presets - Zoom the timeline with pinch gestures - Idk man a ton of other small prompted stuff just check it out

robot

31,798 görüntüleme • 10 ay önce

Yeah, bloom node in #threejs r167! Let's make some particles! Linked this time, inspired by Keijiro Takahashi , but in your browser, on your GPU :) Link to play below ⬇️ #tsl #webgpu #compute
0:36

Yeah, bloom node in #threejs r167! Let's make some particles! Linked this time, inspired by Keijiro Takahashi , but in your browser, on your GPU :) Link to play below ⬇️ #tsl #webgpu #compute

Christophe Choffel

45,796 görüntüleme • 2 yıl önce

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f
0:22

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f

Faraz

34,003 görüntüleme • 1 ay önce