Stippling is an artistic technique that uses numerous dots to craft an image. In this coding challenge I attempt to implement a weighted Voronoi stippling algorithm with along with the Delaunay triangulation package from . Code:
๐ Watch this video ad-free on Nebula
Web Editor Sketches:
๐น๏ธ Weighted Voronoi Stippling:
๐น๏ธ Circumcircle:
๐น๏ธ Delaunay Triangulation:
๐น๏ธ Voronoi Diagram:
๐น๏ธ Voronoi Phyllotaxis:
๐น๏ธ Voronoi Diagram colored by area:
๐น๏ธ Lloydโs relaxation:
๐น๏ธ Weighted Stippling - Size and Color:
๐น๏ธ Weighted Stippling - Abstract Pattern:
๐น๏ธ Weighted Stippling - Video:
๐ฅ Previous:
๐ฅ All:
References:
๐ d3-delaunay:
๐ Weighted Voronoi Stippling:
๐ Sweep Line Algorithm:
๐ Lloydโs algorithm: โs_algorithm
๐ Polygons and meshes by Paul Bourke:
๐จ Pablo Jurado Ruiz:
๐ Stippling:
๐ Voronoi Diagram:
๐ Delaunay Triangulation:
๐ Mike Bostockโs Voronoi Stippling: @mbostock/voronoi-stippling
Videos:
๐ Pixel Array:
Related Coding Challenges:
๐ C4 Worley Noise:
๐ 33 Poisson-disc Sampling:
Timestamps:
0:00 Hello!
0:37 What is a Delaunay triangulation?
2:31 d3-delaunay package
2:49 Coding the delaunay triangulation.
6:38 What is a Voronoi diagram?
9:17 voronoi function on the delaunay object
10:25 Things you could try with the Voronoi diagram
10:56 Lloydโs โrelaxationโ algorithm
12:07 Calculate the average of a polygonโs vertices
15:30 Calculate the area of a polygon
16:45 Calculate the proper centroid of a polygon
18:47 What is stippling?
19:45 Draw dots based on brightness value of pixel
21:50 Calculate a weighted centroid
24:51 Using ()
27:52 Ideas for you to try!
28:47 Goodbye!
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
๐ Website:
๐พ Share Your Creation!
๐ฉ Suggest Topics:
๐ก GitHub:
๐ฌ Discord:
๐ Membership:
๐ Store:
๐๏ธ Twitter:
๐ธ Instagram:
๐ฅ Coding Challenges:
๐ฅ Intro to Programming:
๐ :
๐ Web Editor:
๐ Processing:
๐ Code of Conduct:
This description was auto-generated. If you see a problem, please open an issue:
#delaunaytriangulation #imagestippling #voronoi #sweepalgorithm #lloydsalgorithm #p5js #javascript
1 view
0
0
8 years ago 00:23:48 45
Coding Challenge #28: Metaballs
5 years ago 00:28:47 223
Coding Challenge #125: Fourier Series
8 years ago 00:21:45 136
Coding Challenge #31: Flappy Bird
8 years ago 00:34:35 8
Coding Challenge #27: Fireworks!
8 years ago 00:27:27 65
Coding Challenge #3: The Snake Game
9 years ago 00:18:36 296
Coding Challenge #41: Clappy Bird!
7 years ago 00:04:47 18
Hour of Python โ Coding Challenge 2 | Switch Case
8 years ago 00:45:53 29
Coding Challenge #17: Fractal Trees - Space Colonization
7 years ago 00:03:51 60
Hour of Python โ Coding Challenge 1 | Lowercase and Uppercase
7 years ago 00:03:31 11
Hour of Python โ Coding Challenge 3 | Aardvark Zebra Index
6 years ago 00:18:14 16
Coding Minecraft in One Week - C++/OpenGL Programming Challenge
3 years ago 01:29:06 4
ARC Challenge Live Coding
6 years ago 00:36:02 7
Coding Challenge #145: 2D Raycasting
4 years ago 00:02:07 1
Top Coding Challenge Websites
3 years ago 00:20:04 23
Building a Machine Learning API in 15 Minutes | Coding Challenge
3 years ago 00:22:42 2
ASCII Video (Coding Challenge 166)
8 years ago 01:08:19 2
Coding Challenge #67: Pong!
7 years ago 00:07:47 6
Python Coding Challenge 6 | Oxford Comma
3 years ago 00:01:20 317
Reaperโs Code of Violence Challenge | Overwatch
5 years ago 00:02:13 28
Coding Minecraft In 5 Seconds - Python/ OpenGL Programming Challenge