Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

techartist_'s profile picture

Puneet | Techartist

2,092 subscribers

17,960 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼
0:15

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼

Sagar ✭

218,112 Aufrufe • vor 1 Jahr

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap
0:13

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,905 Aufrufe • vor 6 Monaten

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode
0:14

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode

Lovis Odin

19,358 Aufrufe • vor 4 Monaten

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.
0:16

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

Dominik Fojcik

189,301 Aufrufe • vor 10 Monaten

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl
0:17

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl

Thibaut Foussard

82,726 Aufrufe • vor 2 Jahren

An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.
0:18

An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.

Techartist

22,919 Aufrufe • vor 3 Monaten

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown
0:15

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown

AA

22,042 Aufrufe • vor 4 Monaten

15,000 particles creating the image of Shree Krishna. Made with p5js, JavaScript, and perlin noise!
0:11

15,000 particles creating the image of Shree Krishna. Made with p5js, JavaScript, and perlin noise!

Sarlloc ✭

24,081 Aufrufe • vor 10 Monaten

Just published a new tutorial on Codrops by Jatin Chopra showing how to create a dissolve effect with shaders and particles in Three.js. Huge thanks to Jatin for sharing his expertise and walking us through this technique. 🙏 💙 Read it here:
0:10

Just published a new tutorial on Codrops by Jatin Chopra showing how to create a dissolve effect with shaders and particles in Three.js. Huge thanks to Jatin for sharing his expertise and walking us through this technique. 🙏 💙 Read it here:

Manoela Ilic

18,136 Aufrufe • vor 1 Jahr

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons
0:18

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons

Robert Borghesi

41,164 Aufrufe • vor 1 Jahr

Face tracking + 3D model morph targets Built with Bolt Rendered Using Three.js Powered by MediaPipe Try the demo here: Bolt's new mascot maybe 😅 clone the project ->
0:14

Face tracking + 3D model morph targets Built with Bolt Rendered Using Three.js Powered by MediaPipe Try the demo here: Bolt's new mascot maybe 😅 clone the project ->

Ian Curtis

78,431 Aufrufe • vor 1 Jahr

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:
0:17

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:

Sean Strong

115,650 Aufrufe • vor 8 Monaten

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7
0:15

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7

Ian Curtis

395,285 Aufrufe • vor 1 Jahr

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇
0:14

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

Techartist

21,714 Aufrufe • vor 4 Monaten

For another recent project, had more fun playing with 3D Raymarching shapes and lights — #shaders #webgl #threejs
0:16

For another recent project, had more fun playing with 3D Raymarching shapes and lights — #shaders #webgl #threejs

Giom

13,097 Aufrufe • vor 1 Jahr

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself
0:15

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself

Avery

546,335 Aufrufe • vor 4 Monaten

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.
0:18

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.

Techartist

83,844 Aufrufe • vor 6 Monaten

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!
0:18

Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!

Renaud

44,069 Aufrufe • vor 1 Jahr

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒
0:14

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

FHILY👑

75,177 Aufrufe • vor 19 Tagen

Evidence that chaos can be beautiful. Built with Three.js and GLSL shaders, this integrates dx/dt=sin(y)−b x, dy/dt=sin(z)−b y, dz/dt=sin(x)−b z. At b≈0.19 the Thomas attractor settles into a stable yet chaotic 3D geometry. 🔊
0:17

Evidence that chaos can be beautiful. Built with Three.js and GLSL shaders, this integrates dx/dt=sin(y)−b x, dy/dt=sin(z)−b y, dz/dt=sin(x)−b z. At b≈0.19 the Thomas attractor settles into a stable yet chaotic 3D geometry. 🔊

Techartist

17,975 Aufrufe • vor 3 Monaten