正在加载视频...

视频加载失败

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

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

15,155 subscribers

17,454 次观看 • 2 个月前 •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,590 次观看 • 3 个月前

$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

23,421 次观看 • 6 个月前

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

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

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

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

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

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

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

Vibe

26,559 次观看 • 5 个月前

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

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

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

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

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.

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

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

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

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

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 次观看 • 25 天前

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.

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

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👇

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

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.

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 次观看 • 22 天前

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

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

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.

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

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.

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

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

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