I painted a Landscape with Mathematics
Inigo Quilez7 HN recommenders · recommended in 7 months, 2022-2025
812K views · 4 years ago · tutorial · evergreen
Inigo Quilez live-paints a mountain landscape using only math in a shader, building up from a basic polynomial noise surface through fractal terrain, lighting and atmosphere. The code runs in real time on Shadertoy so viewers can edit it as they follow along.
HN commenters point to it as the best demonstration of procedural graphics from a master, accessible to beginners yet deep enough for advanced viewers.
24:02Learn to Paint with Mathematics
Inigo Quilez
191K views • 12 years ago
24:46Painting a Character with Maths
Inigo Quilez
458K views • 5 years ago
10:14Making a heart with Maths
Inigo Quilez
112K views • 9 years ago
5:43:06LIVE Coding "Happy Jumping"
Inigo Quilez
106K views • 7 years ago
18:18I Tried Turning Games Into Text
Acerola
571K views • 2 years ago
3:36elevated by Rgba & TBC | 4k intro (FullHD 1080p demoscene demo)
Demoscene High-Quality Videos (Annikras)
317K views • 15 years ago
15:39ShaderToy LiveCoding - The Drive Home - 1. Basic Setup
The Art of Code
28K views • 9 years ago
3:36Elevated by RGBA and TBC
BUTTONTANG
974K views • 17 years ago
1:25:348 Bit & '8 Bitish' Graphics-Outside the Box
GDC Festival of Gaming
568K views • 9 years ago
30:55[JSConfUS 2013] Steven Wittens: Making WebGL Dance
JSConf
56K views • 13 years ago
3:53:11Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]
Freya Holmér
1.9M views • 5 years ago
15:00I wrote a Raytracer for DOS, 16 VGA colors
Bisqwit
905K views • 15 years ago
21:46Surface-Stable Fractal Dithering Explained
runevision
646K views • 1 year ago
17:54Coding Adventure: Ant and Slime Simulations
Sebastian Lague
2.2M views • 5 years ago
3:58This game DISAPPEARS if you pause it!
Branta Games
687K views • 1 year ago
1:10:00A Deep Dive into Nanite Virtualized Geometry
SIGGRAPH Advances in Real-Time Rendering
278K views • 5 years ago
59:20Rendering Tiny Glades With Entirely Too Much Ray Marching
Graphics Programming Conference
108K views • 1 year ago
3:58Marble Marcher - A Fractal Physics Game
CodeParade
1.7M views • 7 years ago
51:06NVScene 2015 Session: How to Create Content with Signed Distance Functions (Johann Korndörfer)
NVScene
35K views • 11 years ago
29:16SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO
Red Martian
14K views • 13 years ago
9 comments from Hacker News
>It looks really good for such a simple algorithm. I love this! If you like that, you should check out Inigo Quilez ▶ this video Here is the shadertoy link with code link
I just finished watching a live-coding session (from 2 years ago) by Inigo Quilez (ex Pixar), where he constructs an entire ray-marched landscape using only maths (mostly SDFs) in pure GPU shader code. The stream: ▶ this video The demo: link
Edit: Hey my bad the prompts for Genuary are all for making visuals, but I suppose they could be interpreted for audio too. My bad, but I'll leave my music-nerd rant below in tact in case anyone finds it useful ---------------- This is awesome, I didn't know about this but I've been subconsciously preparing for it over Christmas break. Here's what I've found useful: Music: - Eli Fieldsteel's intro to SuperCollider course is fantastic. SuperCollider language is kind of nice. Function literals are simply curly braces, `{}`, and the last expression is returned. It has pipe's for function arguments, so if you squint it kind of feels like Ruby or Rust. // a silly function. Note that paren "blocks" make evaluating multiple lines easier ( x = {|num| num.squared + 42 }; y = x.(0); ) If you've only ever used JavaScript, there's a lot of "wtf is this shit" moments, but otherwise it's really nice. I feel like SCLang is super powerful and want to use it for some projects. Here's Eli's course playlist: link - Sonic Pi is built on-top of SuperCollider, but it's MUCH easier to get started with making bleeps and bloops. Sam Aaron, who originally created Overtone (a Clojure front-end for SuperCollider) created Sonic Pi initially to teach kids computer programming and music, but now it's turning into a pretty nice live-coding setup. The language is basically a DSL extension of Ruby, and although it's very elegant, I feel like it's a little nerfed in terms of a full language when compared to
Welcome to the Internet, superMayo! If you want to see what the Masters can do with shaders, let me introduce you to Inigo Quilez and his shader art: ▶ this video EDIT: I did not notice you are the author of this article. It's very well done, and I've been looking for more approachable and interactive tutorials on the arts of shader coding.
Good to see high quality articles gaining traction. If the article looks too verbose, be sure to check out, as the author cites, Inigo Quilez's videos Painting a Landscape with Maths - ▶ this video Painting a Character with Maths - link Bonus: Painting with Maths in Google Sheets - link
Indeed, Inigo Quilez is "the guy" for this kind of stuff. He co-created ShaderToy and has worked on effects and modeling for multiple Pixar films. My favorite video of his is Painting a Landscape with Maths. ▶ this video He deserves to have at least as many subscribers as other math YouTube channels like Verisatium and 3Blue1Brown.
Could you define "assets", please? What would you consider the assets in these videos by Inigo Quillez, for example? ▶ this video link
Thankfully for the graphics the very person who did the graphics in this Elevated demo is very generous with their time. Inigo Quilez has many instructional videos on his channel in how to code procedural graphics from the very beginner to the advanced. I link a couple of examples. You can watch the more advanced video even as a beginner but trying yourself is easier at the beginner level. Beginner. link Advanced. ▶ this video Website. link
Inigo Quilez, the author of this slide, also has made in-depth videos [1] [2] which might be more accessible to who aren't familiar with shader languages. [1] link [2] ▶ this video