Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

More Math to Shaders!! Visualize(and edit) both the code and the visuals instantly. Now with data types and control flow, we can create function nodes with multi-line math to code. Here's SDFs for Box, Sphere, Torus and Plane in maths straight from iq's blog All in a browser!

Palash Bansal

3,258 subscribers

27,945 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 Comments

Jonathan Chemla2 years ago

Math expressions in shader node editors makes so much sense, will this editor be released/open at some point?

Palash Bansal2 years ago

Yes only a few things are left to add, will release it soon.

Anon 2.02 years ago

bro this whole thing is crazyyyy

ponzS2 years ago

I've become a fan of yours and hope there will be tutorials or instructional videos available after the release.

Cheng Lou2 years ago

Nice! Related:

Palash Bansal2 years ago

Oh that's pretty cool. Nice notation for vector also, was thinking how to do that. Also wondering how Indexing would work there.

TyroneCa$hMuny 💎2 years ago

I have no idea whats going on here but it def. looks cool

usr2 years ago

What tool is this?

kielka2 years ago

yooo thats amazing

Related Videos

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

Palash Bansal

36,805 views • 2 years ago

Run Python with the Gemini API. Nikita Namjoshi shares how to use the Code Execution tool in AI Studio to solve math problems, perform data analysis, and use code-based reasoning.

Run Python with the Gemini API. Nikita Namjoshi shares how to use the Code Execution tool in AI Studio to solve math problems, perform data analysis, and use code-based reasoning.

Google AI Developers

16,481 views • 9 months ago

This math, MATHS! Get in with my partners DraftKings! Download the DraftKings Sportsbook and use promo code SKYE when signing up! #DKPartner

This math, MATHS! Get in with my partners DraftKings! Download the DraftKings Sportsbook and use promo code SKYE when signing up! #DKPartner

Skye Blue

41,177 views • 1 year ago

We partnered with artists, designers, and builders to create new AI tools that solve real problems in their creative workflows. Here’s what’s new: — Introducing Google Pics in Google Workspace: A brand-new image creation & editing tool. Move and resize objects, add text, and translate just by hovering and clicking — Big updates to صافي النيه😉: 1) You can now create with Gemini Omni Flash in Google Flow 2) Google Flow Agent is a multi-step creative partner that reasons and plans complex tasks with you. 3) Google Flow tools are custom tools you can “vibe code” for animations, video effects, text layering & more — Design live with Stitch by Google: Now, you can use text or voice prompts to edit layouts in real time then export those designs straight to code — More creative control in صافي النيه😉Music: Edit songs section by section, remix the style of full songs, and create music videos with our new Gemini Omni Flash model

Google AI

13,954,152 views • 3 months ago

Created a cool demo for anyone to create shaders 😀You can write your code and see it live on the Las Vegas Sphere! Three.js

Created a cool demo for anyone to create shaders 😀You can write your code and see it live on the Las Vegas Sphere! Three.js

Alexandre Devaux

426,185 views • 2 years ago

I built an autonomous 3D Python Game Visulizer Agent team with browser use and DeepSeek R1. It has 4 AI agents working as a team to open, code, run, and visualize the game in the browser - all on autopilot. 100% Opensource code with step-by-step tutorial.

I built an autonomous 3D Python Game Visulizer Agent team with browser use and DeepSeek R1. It has 4 AI agents working as a team to open, code, run, and visualize the game in the browser - all on autopilot. 100% Opensource code with step-by-step tutorial.

Shubham Saboo

20,047 views • 1 year ago

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Figma

35,403 views • 5 months ago

We’ve officially launched SpriteTree at the #OBTS conference! A tool used to visualize and interact with Apple Endpoint Security Data. We will do a blog sometime on all the details but you can download pre-build malware captures and load them in for now!

We’ve officially launched SpriteTree at the #OBTS conference! A tool used to visualize and interact with Apple Endpoint Security Data. We will do a blog sometime on all the details but you can download pre-build malware captures and load them in for now!

Jaron Bradley

14,350 views • 2 years ago

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,104,340 views • 1 year ago

Claude can use code to analyze data, create files, and visualize insights in the files & formats you use. Now available to all paid plans in preview. We've also made the Claude for Chrome extension available to everyone who joined the waitlist last month.

Claude can use code to analyze data, create files, and visualize insights in the files & formats you use. Now available to all paid plans in preview. We've also made the Claude for Chrome extension available to everyone who joined the waitlist last month.

Claude

129,306 views • 11 months ago

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

96,537 views • 2 months ago

We built Open Gamma An Open Source Presentation Generator with Composio Tool Router and AI SDK - Generate Presentations in Google Slides instantly - Can research on the topic with web search - Can connect and fetch data from multiple data sources like Hubspot, Slack, Notion and more Completely free and open source link to the code:

We built Open Gamma An Open Source Presentation Generator with Composio Tool Router and AI SDK - Generate Presentations in Google Slides instantly - Can research on the topic with web search - Can connect and fetch data from multiple data sources like Hubspot, Slack, Notion and more Completely free and open source link to the code:

Karan Vaidya

40,455 views • 8 months ago

“Math is code. And code is math.” Carina Hong CEO Axiom on why that idea matters for AI: “For centuries, mathematicians reasoned in natural language. But because of the Curry–Howard correspondence, a proof can also be a program.” “You can translate natural-language math into formal code using systems like Lean. Lean is both a theorem-proving language and a programming language.” “That means you can generate solutions as code and then formally verify them. You can even use the same system to verify programs themselves.” “This creates a flywheel of generation and verification, where AI can both write solutions and prove that they’re correct.”

“Math is code. And code is math.” Carina Hong CEO Axiom on why that idea matters for AI: “For centuries, mathematicians reasoned in natural language. But because of the Curry–Howard correspondence, a proof can also be a program.” “You can translate natural-language math into formal code using systems like Lean. Lean is both a theorem-proving language and a programming language.” “That means you can generate solutions as code and then formally verify them. You can even use the same system to verify programs themselves.” “This creates a flywheel of generation and verification, where AI can both write solutions and prove that they’re correct.”

Forward Future

24,729 views • 6 months ago

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

Y Combinator

49,755 views • 9 months ago

We are announcing our newest initiative: an interactive math engine by isaacmason. Math is core to everything interactive from geometry to collision to color, yet JavaScript lacks a high-performance kernel. Instead libraries reinvent math structures and transformations, with varying success, and now LLMs generate bespoke functions on a case by case basis. The problem is that there are no principled guarantees for correctness or performance leading to degraded apps or difficult to read code. We need math engine that can be used to power all the cool projects people want to make at scale! The goals of the initiative are ambitious: ⟡ Predictable performance. Allocation-free operations and a documented usage contract designed to preserve monomorphic, optimizable call sites, validated through reproducible benchmarks. ⟡ Portable. Efficiently interoperates with WebGL, WebGPU, Wasm, Three.js, etc., so that the handoff between math kernel and framework is simple. ⟡ Minimal. A lean, tree-shakable kernel containing only the primitives needed to build interactive algorithms. ⟡ Data-oriented. Operates on caller-owned data through data-in, data-out functions without owning the data lifecycle. ⟡ Readability. It is important the core math operations readable such that even if the code is not written by a person they can reasonably review it. isaacmason is bringing his experience building out navcat, crashcat and gpucat. We are starting with mathcat as the foundation and building from there. Stay tuned for more. 👉 Initiative: 👉 Join the convo on Discord:

We are announcing our newest initiative: an interactive math engine by isaacmason. Math is core to everything interactive from geometry to collision to color, yet JavaScript lacks a high-performance kernel. Instead libraries reinvent math structures and transformations, with varying success, and now LLMs generate bespoke functions on a case by case basis. The problem is that there are no principled guarantees for correctness or performance leading to degraded apps or difficult to read code. We need math engine that can be used to power all the cool projects people want to make at scale! The goals of the initiative are ambitious: ⟡ Predictable performance. Allocation-free operations and a documented usage contract designed to preserve monomorphic, optimizable call sites, validated through reproducible benchmarks. ⟡ Portable. Efficiently interoperates with WebGL, WebGPU, Wasm, Three.js, etc., so that the handoff between math kernel and framework is simple. ⟡ Minimal. A lean, tree-shakable kernel containing only the primitives needed to build interactive algorithms. ⟡ Data-oriented. Operates on caller-owned data through data-in, data-out functions without owning the data lifecycle. ⟡ Readability. It is important the core math operations readable such that even if the code is not written by a person they can reasonably review it. isaacmason is bringing his experience building out navcat, crashcat and gpucat. We are starting with mathcat as the foundation and building from there. Stay tuned for more. 👉 Initiative: 👉 Join the convo on Discord:

Poimandres

56,745 views • 1 month ago

Here's a little demo I made in Spline v2 using the new AI Agent Mode. This is in the editor, in preview mode. You can try it too, I just gave it this prompt: "Create a cloth simulation and make it interact with this sphere. Let me move the sphere around and grab the cloth. Add a floor and some obstacles." The code can update the geometry of any object in the scene, and play with vertices and normals. I'd love to see what you can create with Spline. Let's go!! 🚀

Here's a little demo I made in Spline v2 using the new AI Agent Mode. This is in the editor, in preview mode. You can try it too, I just gave it this prompt: "Create a cloth simulation and make it interact with this sphere. Let me move the sphere around and grab the cloth. Add a floor and some obstacles." The code can update the geometry of any object in the scene, and play with vertices and normals. I'd love to see what you can create with Spline. Let's go!! 🚀

Joseph Azar

21,398 views • 15 days ago

Grok CLI >>> Cursor and Claude Code We wanted an IDE for xAI's Grok so we did something meta: we prompted the newly released Grok 4 to create... Grok CLI itself! Grok CLI can: 1. Modify local files and use the shell 2. Go through huge codebases and fix them 3. Persist for longer and solve really complex math and physics problems Instant setup on Replit ⠕ Bonus: Can create and run ai agents with it's completely open source!! link to the code: link to the repl:

Grok CLI >>> Cursor and Claude Code We wanted an IDE for xAI's Grok so we did something meta: we prompted the newly released Grok 4 to create... Grok CLI itself! Grok CLI can: 1. Modify local files and use the shell 2. Go through huge codebases and fix them 3. Persist for longer and solve really complex math and physics problems Instant setup on Replit ⠕ Bonus: Can create and run ai agents with it's completely open source!! link to the code: link to the repl:

Karan Vaidya

346,008 views • 1 year ago

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →

Visual Studio Code

56,203 views • 4 months ago

Multi-Agent workflows are the future of AI. OpenAI released new Agent APIs today, and Box built an Agent that combines documents from Box and web search tools to generate answers. Enterprise devs can grab sample code from our GitHub repo to customize with their data.

Multi-Agent workflows are the future of AI. OpenAI released new Agent APIs today, and Box built an Agent that combines documents from Box and web search tools to generate answers. Enterprise devs can grab sample code from our GitHub repo to customize with their data.

Aaron Levie

102,062 views • 1 year ago