HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

I painted a Landscape with Mathematics

Inigo Quilez7 HN recommenders · recommended in 7 months, 2022-2025
YouTube
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.

Computer graphics & renderingCreative coding & generative artDemoscene & retrocomputing#raymarching#shaders#shadertoy#proceduralterrain#demoscene#glsl

9 comments from Hacker News

@thewanderer19832025 · in “VoxelSpace: Terrain rendering algorithm in less than 20 lines of code (2020)”

>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

RecommendsView on HN
@tombh2024 · in “Programming terrain from scratch using C++ and OpenGL by Shamus Young (2006)”

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

RecommendsView on HN
@zengid2023 · in “Genuary 2024: Generative Art / Creative Coding Month”

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

CitesView on HN
@sph2023 · in “Interactive Intro to Shaders”

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.

RecommendsView on HN
@antegamisou2023 · in “Painting with Math: A Gentle Study of Raymarching”

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

RecommendsView on HN
@fasterik2023 · in “OP drew these corals with mathematical equations”

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.

Strongly recommendsView on HN
@vanderZwan2023 · in “Infinite Photorealistic Worlds Using Procedural Generation”

Could you define "assets", please? What would you consider the assets in these videos by Inigo Quillez, for example? ▶ this video link

CitesView on HN
@djmips2022 · in “Source code for 4kb demoscene production “Elevated” released (2016)”

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

RecommendsView on HN
@lifthrasiir2022 · in “Making graphics in 4 kilobytes (2008) [pdf]”

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

RecommendsView on HN
Learn to Paint with Mathematics24:02

Learn to Paint with Mathematics

Inigo Quilez
191K views • 12 years ago
Painting a Character with Maths24:46

Painting a Character with Maths

Inigo Quilez
458K views • 5 years ago
Making a heart with Maths10:14

Making a heart with Maths

Inigo Quilez
112K views • 9 years ago
LIVE Coding "Happy Jumping"5:43:06

LIVE Coding "Happy Jumping"

Inigo Quilez
106K views • 7 years ago
I Tried Turning Games Into Text18:18

I Tried Turning Games Into Text

Acerola
571K views • 2 years ago
elevated by Rgba & TBC | 4k intro (FullHD 1080p demoscene demo)3:36

elevated by Rgba & TBC | 4k intro (FullHD 1080p demoscene demo)

Demoscene High-Quality Videos (Annikras)
317K views • 15 years ago
ShaderToy LiveCoding - The Drive Home - 1. Basic Setup15:39

ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code
28K views • 9 years ago
Elevated by RGBA and TBC3:36

Elevated by RGBA and TBC

BUTTONTANG
974K views • 17 years ago
8 Bit & '8 Bitish' Graphics-Outside the Box1:25:34

8 Bit & '8 Bitish' Graphics-Outside the Box

GDC Festival of Gaming
568K views • 9 years ago
[JSConfUS 2013] Steven Wittens: Making WebGL Dance30:55

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf
56K views • 13 years ago
Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]3:53:11

Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]

Freya Holmér
1.9M views • 5 years ago
I wrote a Raytracer for DOS, 16 VGA colors15:00

I wrote a Raytracer for DOS, 16 VGA colors

Bisqwit
905K views • 15 years ago
Surface-Stable Fractal Dithering Explained21:46

Surface-Stable Fractal Dithering Explained

runevision
646K views • 1 year ago
Coding Adventure: Ant and Slime Simulations17:54

Coding Adventure: Ant and Slime Simulations

Sebastian Lague
2.2M views • 5 years ago
This game DISAPPEARS if you pause it!3:58

This game DISAPPEARS if you pause it!

Branta Games
687K views • 1 year ago
A Deep Dive into Nanite Virtualized Geometry1:10:00

A Deep Dive into Nanite Virtualized Geometry

SIGGRAPH Advances in Real-Time Rendering
278K views • 5 years ago
Rendering Tiny Glades With Entirely Too Much Ray Marching59:20

Rendering Tiny Glades With Entirely Too Much Ray Marching

Graphics Programming Conference
108K views • 1 year ago
Marble Marcher - A Fractal Physics Game3:58

Marble Marcher - A Fractal Physics Game

CodeParade
1.7M views • 7 years ago
NVScene 2015 Session: How to Create Content with Signed Distance Functions (Johann Korndörfer)51:06

NVScene 2015 Session: How to Create Content with Signed Distance Functions (Johann Korndörfer)

NVScene
35K views • 11 years ago
SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO29:16

SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO

Red Martian
14K views • 13 years ago