pointerpointer.com's use of voronoi, canvas, and javascript
Paul Irish1 HN recommender · recommended in 1 month, 2012-2025
40K views · 14 years ago · explainer · evergreen
Paul Irish explains how pointerpointer.com works. It uses a hidden canvas of colored Voronoi regions to look up which photo matches the cursor position.
HN links it as the author's own breakdown of Pointer Pointer's inner workings.
2:01Coding in Stenography, Quick Demo
Art of Chording
132K views • 10 years ago
13:44Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 2: Demo
𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮
13K views • 10 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
9:32Disney's Practical Guide to Path Tracing
Walt Disney Animation Studios
914K views • 10 years ago
27:42Mark DiMarco: User Interface Algorithms [JSConf2014]
JSConf
52K views • 12 years ago
15:00Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 1: Rust
𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮
19K views • 10 years ago
1:06:46Crockford on JavaScript - Section 8: Programming Style & Your Brain
YUI Library
111K views • 14 years ago
4:45Sparse Voxel Octree (SVO) Demo by Jon Olick
Zelexi
191K views • 17 years ago
16:43Blender 3.0 Beginner Tutorial - Part 1
Blender Guru
9.3M views • 4 years ago
24:02Learn to Paint with Mathematics
Inigo Quilez
191K views • 12 years ago
15:09Mouse Cursor History (and why I made my own)
Posy
3M views • 8 years ago
42:00I painted a Landscape with Mathematics
Inigo Quilez
812K views • 4 years ago
1:10:00A Deep Dive into Nanite Virtualized Geometry
SIGGRAPH Advances in Real-Time Rendering
278K views • 5 years ago
59:31ClojureScript in the Age of TypeScript — David Nolen
ChariotSolutions
29K views • 5 years ago
2:123D Gaussian Splatting - Why Graphics Will Never Be The Same
IndividualKex
2M views • 3 years ago
36:31Hey Underscore, You're Doing It Wrong!
InfoQ
141K views • 13 years ago
0:14Chrome vs Firefox vs Safari vs Servo WebRender
Jake Archibald
121K views • 10 years ago
13:09Raycasting engine in Factorio (vanilla 0.17) - Facto-RayO v1.0
arrow in my gluteus maximus
1M views • 7 years ago
3 comments from Hacker News
Paul Irish explained the basics of how it works here: ▶ this video I wonder if you could create something similar nowadays using generative AI but with the finger in a very specific location without pregenerating thousands of images.
Here's a picture of all the different regions: link For those curious if how it works, Paul Irish did a breakdown of it quite a while ago: ▶ this video TL:DW - Vornoi Diagrams[1] and manual tagging, no machine learning needed. [1] link
I made a quick video explaining how the webapp works: ▶ this video Essentially, using the gridPositions.json to populate a Voronoi Grid (toggle display of the <canvas> in your browser). Then your cursor position is used against the grid to find which shape encloses it which maps back to the source JPEG which is then displayed.