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

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

На главную

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 просмотров • 1 год назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 просмотров • 24 дней назад

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