HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

pointerpointer.com's use of voronoi, canvas, and javascript

Paul Irish1 HN recommender · recommended in 1 month, 2012-2025
YouTube
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.

Web developmentCreative coding & generative artComputer graphics & rendering#voronoi#htmlcanvas#javascript#pointerpointer#webdevelopment

3 comments from Hacker News

@petercooper2025 · in “Pointer Pointer (2012)”

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.

CitesView on HN
@Conlectus2020 · in “Pointer Pointer (2012)”

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

RecommendsView on HN
@paulirish2012 · in “PointerPointer: points to your cursor”

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.

CitesView on HN
Coding in Stenography, Quick Demo2:01

Coding in Stenography, Quick Demo

Art of Chording
132K views • 10 years ago
Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 2: Demo13:44

Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 2: Demo

𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮
13K views • 10 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
Disney's Practical Guide to Path Tracing9:32

Disney's Practical Guide to Path Tracing

Walt Disney Animation Studios
914K views • 10 years ago
Mark DiMarco: User Interface Algorithms [JSConf2014]27:42

Mark DiMarco: User Interface Algorithms [JSConf2014]

JSConf
52K views • 12 years ago
Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 1: Rust15:00

Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 1: Rust

𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮
19K views • 10 years ago
Crockford on JavaScript - Section 8: Programming Style & Your Brain1:06:46

Crockford on JavaScript - Section 8: Programming Style & Your Brain

YUI Library
111K views • 14 years ago
Sparse Voxel Octree (SVO) Demo by Jon Olick4:45

Sparse Voxel Octree (SVO) Demo by Jon Olick

Zelexi
191K views • 17 years ago
Blender 3.0 Beginner Tutorial - Part 116:43

Blender 3.0 Beginner Tutorial - Part 1

Blender Guru
9.3M views • 4 years ago
Learn to Paint with Mathematics24:02

Learn to Paint with Mathematics

Inigo Quilez
191K views • 12 years ago
Mouse Cursor History (and why I made my own)15:09

Mouse Cursor History (and why I made my own)

Posy
3M views • 8 years ago
I painted a Landscape with Mathematics42:00

I painted a Landscape with Mathematics

Inigo Quilez
812K views • 4 years 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
ClojureScript in the Age of TypeScript — David Nolen59:31

ClojureScript in the Age of TypeScript — David Nolen

ChariotSolutions
29K views • 5 years ago
3D Gaussian Splatting - Why Graphics Will Never Be The Same2:12

3D Gaussian Splatting - Why Graphics Will Never Be The Same

IndividualKex
2M views • 3 years ago
Hey Underscore, You're Doing It Wrong!36:31

Hey Underscore, You're Doing It Wrong!

InfoQ
141K views • 13 years ago
Chrome vs Firefox vs Safari vs Servo WebRender0:14

Chrome vs Firefox vs Safari vs Servo WebRender

Jake Archibald
121K views • 10 years ago
Raycasting engine in Factorio (vanilla 0.17) - Facto-RayO v1.013:09

Raycasting engine in Factorio (vanilla 0.17) - Facto-RayO v1.0

arrow in my gluteus maximus
1M views • 7 years ago