Making a heart with Maths

Name: Making a heart with Maths
Uploaded: 2017-02-24T06:09:22Z
Duration: 10 min 14 s
Channel: Inigo Quilez
Description: Inigo Quilez shows step by step how to build a simple heart shape from mathematics and shaders, with code on Shadertoy. It is an introduction to procedural graphics and signed distance functions.

Inigo Quilez2 HN recommenders · recommended in 2 months, 2017-2020

YouTube

112K views · 9 years ago · tutorial · evergreen

Inigo Quilez shows step by step how to build a simple heart shape from mathematics and shaders, with code on Shadertoy. It is an introduction to procedural graphics and signed distance functions.

HN commenters call it a great beginner-friendly introduction and enjoy watching Quilez work through graphics.

Computer graphics & rendering Creative coding & generative art #shaders #shadertoy #sdf #glsl #mathart

3 comments from Hacker News

@isoprophlex2020 · in “Wolfram Alpha: {y = Re(sqrt(abs(x)(1-abs(x)))), y = Re(-sqrt(1-sqrt(abs(x))))}”

Highly recommended video by Iquilez, in a similar vein: ▶ this video Watching the guy hack away at graphics is super enjoyable

RecommendsView on HN

@userbinator2019 · in “Plotting hearts with Python and C”

I was expecting it to be the same algorithm in two different languages, but the Python version is a mathematical description whereas the C version is RLE-compressed. Relatedly, there is this video on how to procedurally generate a 3D heart: ▶ this video

CitesView on HN

@eggy2017 · in “Articles on fractals, computer graphics, mathematics, demoscene and more”

His YouTube tutorial where he creates the beating heart composited on live video as he explains it is a great introduction for beginners and younger people [1]. I've learned so much from his sharing of his techniques and knowledge. Thanks Inigo! [1] ▶ this video

Making a heart with Maths

3 comments from Hacker News

Learn to Paint with Mathematics

Painting a Character with Maths

I painted a Landscape with Mathematics

LIVE Coding "Happy Jumping"

I Tried Turning Games Into Text

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

The Art of Code - Dylan Beattie

GuiltyGearXrd's Art Style : The X Factor Between 2D and 3D

Superpositions, Sudoku, the Wave Function Collapse algorithm.

Animation Bootcamp: An Indie Approach to Procedural Animation

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

SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO

Coding Adventure: Ant and Slime Simulations

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

The Beauty of Bézier Curves

Sparse Voxel Octree (SVO) Demo by Jon Olick

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

Elevated by RGBA and TBC

Marble Marcher - A Fractal Physics Game

Procedurally Crafting Manhattan for Marvel's Spider-Man

Making a heart with Maths

3 comments from Hacker News

Learn to Paint with Mathematics

Painting a Character with Maths

I painted a Landscape with Mathematics

LIVE Coding "Happy Jumping"

I Tried Turning Games Into Text

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

The Art of Code - Dylan Beattie

GuiltyGearXrd's Art Style : The X Factor Between 2D and 3D

Superpositions, Sudoku, the Wave Function Collapse algorithm.

Animation Bootcamp: An Indie Approach to Procedural Animation

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

SYMBOLICS S-PACKAGES 3D GRAPHICS AND ANIMATION DEMO

Coding Adventure: Ant and Slime Simulations

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

The Beauty of Bézier Curves

Sparse Voxel Octree (SVO) Demo by Jon Olick

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

Elevated by RGBA and TBC

Marble Marcher - A Fractal Physics Game

Procedurally Crafting Manhattan for Marvel's Spider-Man