How he designed and made it:
Simon has been fascinated by these possible-impossible puzzles (that he picked up from the MajorPrep channel) for a couple of days. He prepared many paper visuals so that Dad and I could try solving them. This morning he produced this beautiful piece of design:
I have actually figured out the appropriate way to move the image of the webcam such that the resulting trail produces a slitscan!
Simon explaining his creative coding poster to artists from the Antwerp Art Academy at a small exhibition he was part of last Wednesday.
Simon getting ready for his presentation at the Processing Community Day Amsterdam, printing additional copies of his ginormous Times Tables Visualization poster at the Antwerp Art Academy (made possible thanks to our wonderful friend, photographer Oxiea Villamonte). If you’re into creative coding and math, please come to the event (Simon will be speaking around 15 p.m.) There will be a limited number of Times Tables Visualization posters available for sale!
TIME: 10.00 – 19.00
WHERE: FIBER: Tolhuisweg 2, Amsterdam
Simon’s first long boat trip, to see all the artwork presented at the Amsterdam Light Festival this year. Pleasantly surprised at how many pieces were inspired with his favorite themes (glass fiber, RGB perception, string theory, neural networks).
This photograph seems to convey the essence the artwork! It’s about string theory, and when you move relative to the piece the strings flicker (vibrate). Try scrolling up and down and you’ll see the same effect!
My Times Tables Visualization Poster has arrived! Will probably present this at @CC_Amsterdam @ProcessingOrg Community Day Amsterdam!
Simon has made an enormous poster from his earlier animated version of the Times Tables Visualization! Simon is hoping to present this project at the Processing Community Day in Amsterdam in January 2019. The poster is already being printed!
Simon writes: This is a visualization for the times tables from 1 to 200.
Start with a circle with 200 points. Label the points from 0-199, then from 200-399, then from 400-599, and so on (you’re labeling the same point several times).
We’ll first do the 2x table. 2×1=2, so we connect 1 to 2. 2×2=4, so we connect 2 to 4, and so on.
2×100=200, where’s the 200? It goes in a circle so 200 is where the 0 is, and now you can keep going. Now you could keep going beyond 199, but actually, you’re going to get the same lines you already had!
For the code in Processing, I mapped the two numbers I wanted to connect up (call them i), which are in between 0 and 200, to a range between 0 and 2π. That gave me a fixed radius (I used 75px) and an angle (call it θ). Then I converted those to x and y by multiplying the radius by cos(θ) for x, and the radius by sin(θ) for y. That gave me a coordinate for each point (and even in between points, so you can do the in between times tables as well!) Then I connect up those coordinates with a line. Now I just do this over and over again, until all points are connected to something.
Unfortunately, Processing can only create and draw on a window that is smaller than a screen. So instead of programming a single 2000px x 4000px poster, I programmed 8 1000px x 1000px pieces. Then I just spliced them together.