正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

2,077 subscribers

13,326 次观看 • 1 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

12 条评论

Puneet | Techartist 的头像

Puneet | Techartist1 年前

Source Code: Thanks a ton in advance for liking and reposting. Appreciate every engagement. ❤️🙏

Coal Inspector 的头像

Coal Inspector1 年前

oh cool a shittier version of microsoft windows media player visualizers from the 90s

₿ lockTent🎩 80 IQ Pleb 的头像

₿ lockTent🎩 80 IQ Pleb1 年前

Beautiful

Puneet | Techartist 的头像

Puneet | Techartist1 年前

Thanks ❤️🙏🏼

OPEN 的头像

OPEN2 年前

Introducing OPEN, the first genre-defining AAA metaverse gaming experience with top-tier IP powered by web3 technology. Coming to @thereadyverse. #opensoon

harry9000 🔺 的头像

harry9000 🔺1 年前

One of my favourites so far, this is awesome!

Puneet | Techartist 的头像

Puneet | Techartist1 年前

Thanks a ton. Your support and kind words mean a lot - really appreciate it. ❤️🙏

Jimmy Law 的头像

Jimmy Law1 年前

OMG love it reminds me of winamp!!

Gustav Ekerot 的头像

Gustav Ekerot1 年前

amazing Puneet 👏

Puneet | Techartist 的头像

Puneet | Techartist1 年前

Thanks mate ❤️🙏

Diego De Santiago 的头像

Diego De Santiago1 年前

Beautiful 😍

Puneet | Techartist 的头像

Puneet | Techartist1 年前

Thanks ❤️🙏

相关视频

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 次观看 • 1 年前

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,955 次观看 • 1 年前

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

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

Puneet | Techartist

14,638 次观看 • 1 年前

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. 👇

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 次观看 • 10 个月前

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 次观看 • 1 年前

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. 👇

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 次观看 • 1 年前

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 次观看 • 11 个月前

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. 👇🏼

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 次观看 • 11 个月前

Interactive particle system built with p5.js. Shapes smoothly morph between circle, square, and triangle on click. Made with javascript. Source code/CodePen link in the comment below. 👇

Interactive particle system built with p5.js. Shapes smoothly morph between circle, square, and triangle on click. Made with javascript. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

12,164 次观看 • 1 年前

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,257 次观看 • 10 个月前

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,362 次观看 • 2 个月前

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.

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,276,274 次观看 • 10 个月前

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

Paul Bakaus

142,748 次观看 • 2 个月前

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.

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 次观看 • 10 个月前

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

🌈 George Corney

72,306 次观看 • 2 年前

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl

Fabio Ottaviani

62,503 次观看 • 2 年前

SwissGL Demo: Particle Lenia with alien SOUNDS! Audio is fully rendered on GPU with GLSL shaders and streamed to WebAudio thanks to the new async GPU->CPU read feature. LIVE DEMO: Press "toggleAudio" in settings for sound 4K YouTube version: Source code:

SwissGL Demo: Particle Lenia with alien SOUNDS! Audio is fully rendered on GPU with GLSL shaders and streamed to WebAudio thanks to the new async GPU->CPU read feature. LIVE DEMO: Press "toggleAudio" in settings for sound 4K YouTube version: Source code:

Alex Mordvintsev

34,571 次观看 • 2 年前

Weekend vibecoding project: inventing a new way to annoy my gf and neighbors 👿 Creating an 808 drum kit that you play with hand gestures, using Three.js, Rosebud AI, and webgl shaders. Link to try and source code below! Guitar or piano/synths next? 👀

Weekend vibecoding project: inventing a new way to annoy my gf and neighbors 👿 Creating an 808 drum kit that you play with hand gestures, using Three.js, Rosebud AI, and webgl shaders. Link to try and source code below! Guitar or piano/synths next? 👀

AA

27,271 次观看 • 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

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 次观看 • 5 个月前

Responsive funny Credit Card form ✨ Using HTML, CSS and JavaScript CodePen link below 👇

Responsive funny Credit Card form ✨ Using HTML, CSS and JavaScript CodePen link below 👇

Viki ✨

908,753 次观看 • 2 年前