Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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_'s profile picture

Techartist

15,155 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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 👇
0:15

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

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

23,421 görüntüleme • 6 ay önce

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓
0:15

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

Techartist

13,448 görüntüleme • 1 ay önce

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool
0:13

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Ksenia Kondrashova

28,620 görüntüleme • 3 yıl önce

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
0:17

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

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

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

🧮 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.
0:18

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

Vibe

26,559 görüntüleme • 5 ay önce

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO
0:15

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

52,889 görüntüleme • 3 yıl önce

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders
0:15

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

Ksenia Kondrashova

51,837 görüntüleme • 3 yıl önce

ClickUp is working on agents that build custom user interfaces on the fly. > Agents can build custom interactive blocks, with buttons, editable fields, and embedded charts. > Agents decide what the user needs to see and construct an interactive experience in real time. > Clicking or editing inside a generated block can fire an action directly. Agents will be able to create a working code block that responds to users' input, built in the moment for the task at hand.
0:15

ClickUp is working on agents that build custom user interfaces on the fly. > Agents can build custom interactive blocks, with buttons, editable fields, and embedded charts. > Agents decide what the user needs to see and construct an interactive experience in real time. > Clicking or editing inside a generated block can fire an action directly. Agents will be able to create a working code block that responds to users' input, built in the moment for the task at hand.

🚨 AI News | TestingCatalog

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

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders
0:19

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

Dan Greenheck

50,738 görüntüleme • 7 ay önce

Wow, I didn’t expect my shader background built with SwiftUI to get this much love. So here's me giving it back. I’ve added the code to my open-source SwiftUI repository. Feel free to use it however you like, and share it with your dev friends. :D
0:13

Wow, I didn’t expect my shader background built with SwiftUI to get this much love. So here's me giving it back. I’ve added the code to my open-source SwiftUI repository. Feel free to use it however you like, and share it with your dev friends. :D

Shubham Singh

16,114 görüntüleme • 25 gün önce

You can now understand any codebase instantly with this free tool. It's called Understand Anything. It scans your entire project and builds an interactive visual map of every file, function, class, and dependency. Click anything. Search anything. Ask questions about it directly. Works with Claude Code, Codex, Cursor, Copilot, and Gemini CLI. One command to install. 100% Free. Open Source.
0:18

You can now understand any codebase instantly with this free tool. It's called Understand Anything. It scans your entire project and builds an interactive visual map of every file, function, class, and dependency. Click anything. Search anything. Ask questions about it directly. Works with Claude Code, Codex, Cursor, Copilot, and Gemini CLI. One command to install. 100% Free. Open Source.

Simplifying AI

22,410 görüntüleme • 1 ay önce

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇
0:17

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇

darkzodchi

406,325 görüntüleme • 1 ay önce

every "open-source humanoid" i click on turns out to be a robot that stands still for one demo and can't be reproduced. roboto_origin runs and jumps, and every part is actually sourceable. structure, electronics, training code, all public. you can build this one, not just watch its video.
0:10

every "open-source humanoid" i click on turns out to be a robot that stands still for one demo and can't be reproduced. roboto_origin runs and jumps, and every part is actually sourceable. structure, electronics, training code, all public. you can build this one, not just watch its video.

Oliver Prompts

12,004 görüntüleme • 22 gün önce

Introducing Dexter. An open source financial agent in ~200 lines of code. Think: Claude Code, but for finance. What Dexter does today: • plans tasks • runs on its own • validates its work • researches stocks It’s built with OSS tools like for managing LLMs, prompts, outputs, etc. No coding experience needed to run. Goal: build the best financial agent and share every line of code along the way. Next: evals, starting with
0:19

Introducing Dexter. An open source financial agent in ~200 lines of code. Think: Claude Code, but for finance. What Dexter does today: • plans tasks • runs on its own • validates its work • researches stocks It’s built with OSS tools like for managing LLMs, prompts, outputs, etc. No coding experience needed to run. Goal: build the best financial agent and share every line of code along the way. Next: evals, starting with

Virat Singh

317,703 görüntüleme • 10 ay önce

I built an app that runs Claude Code, Codex, Cursor, Grok, Antigravity, OpenCode, and Pi side by side in my Mac notch. Agent finishes → notch pops. Needs approval → notch pops. One click back to that exact session. no more switching between apps.
0:19

I built an app that runs Claude Code, Codex, Cursor, Grok, Antigravity, OpenCode, and Pi side by side in my Mac notch. Agent finishes → notch pops. Needs approval → notch pops. One click back to that exact session. no more switching between apps.

Edward Luo

924,237 görüntüleme • 1 ay önce

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.
0:13

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

Simplifying AI

56,805 görüntüleme • 1 ay önce

🚨BREAKING: China just released an AI employee that runs on your own computer. It can search the web, write code, build websites, make slides, and create videos. All by itself. It even comes with its own built-in computer. 100% Open Source.
0:17

🚨BREAKING: China just released an AI employee that runs on your own computer. It can search the web, write code, build websites, make slides, and create videos. All by itself. It even comes with its own built-in computer. 100% Open Source.

Hasan Toor

20,679 görüntüleme • 5 ay önce