正在加载视频...

视频加载失败

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

Built an interactive Three.js system where click/touch input morphs 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇

Techartist

14,194 subscribers

17,166 次观看 • 11 天前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

Techartist

14,069 次观看 • 1 个月前

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

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

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.

Zsolt Kacso

46,419 次观看 • 2 个月前

$GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO$

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

15,991 次观看 • 3 年前

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,323 次观看 • 1 个月前

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Matias 🧉

12,954 次观看 • 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. 👇

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

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer

Leon

49,852 次观看 • 9 个月前

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

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

🧮 Leanstral keeps things lean. The first open-source code agent for Lean 4 is built into Vibe so you can run formal verification and mathematical proofs. Run /leanstall to use it.

🧮 Leanstral keeps things lean. The first open-source code agent for Lean 4 is built into Vibe so you can run formal verification and mathematical proofs. Run /leanstall to use it.

Mistral Vibe

26,304 次观看 • 3 个月前

particles + threejs is the cheat code for banger interactive animations.. » wizard » Cortiz

particles + threejs is the cheat code for banger interactive animations.. » wizard » Cortiz

Aurelien

20,123 次观看 • 1 个月前

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on

Nuxt

383,134 次观看 • 3 年前

built another new open-source component: an interactive inline project card dropdown—

built another new open-source component: an interactive inline project card dropdown—

Harsh

166,592 次观看 • 1 年前

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

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 ✭

219,607 次观看 • 1 年前

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

Techartist

25,221 次观看 • 1 个月前

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗

Design.Gabor

19,754 次观看 • 2 个月前

Autoencoder by hand✍️Excel~ I designed this exercise to show how an Encoder-Decoder network convert input to code and reconstruct input from code. It is annotated with equations, PyTorch, and graphs. 👇Join the 'AI Math' community. Download xlsx.

Autoencoder by hand✍️Excel~ I designed this exercise to show how an Encoder-Decoder network convert input to code and reconstruct input from code. It is annotated with equations, PyTorch, and graphs. 👇Join the 'AI Math' community. Download xlsx.

Tom Yeh

101,555 次观看 • 1 年前

One line of code is the difference between a working shader and breaking out of the Matrix. 😎

One line of code is the difference between a working shader and breaking out of the Matrix. 😎

Mirza Beig

83,928 次观看 • 1 年前

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:

Ksenia Kondrashova

20,374 次观看 • 2 年前

Turn any repo into production-quality docs, auto-generated from source code

Turn any repo into production-quality docs, auto-generated from source code

Mintlify

33,539,914 次观看 • 4 个月前