0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
–
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
–
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
/
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
/
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
ANNO·​TRICESIMO·​DIE·​CENTESIMO·​QVINQVAGESIMO·​QVARTO·​VITÆ·​POVYA
@firstisland's Introduction Worm To Duck LEGO

I was trying to communicate the message of 1285 in First Island , and I was thinking how that must be done? After a few tries I thought about a LEGO piece that shows something, then breaks apart and reassembles.

@firstisland's Introduction Worm To Duck LEGO

And so it would separate into pieces. The idea was “Find > Break Into Atoms & Understand Atoms > Rearrange Atoms and Make Something New”. This was a way to tell everything to the unconscious before actually telling anything. Like the start of a Bond Movie.

@firstisland's Introduction Worm To Duck LEGO

The duck was an original LEGO duck design. To make it beautifully, I actually studied the blueprints of the LEGO bricks and make designs faithful to their actual designs, the colors and prints were also all exact LEGO. To make the animation, I had to use Affinity Designer and rearrange the pieces and convert to SVG so that it would actually have translation coordinates, and then I coded all the translation coordinates into a script by hand so that on scroll the rearranged themselves to different shapes.

Lighthouse Scroll Animation of @firstisland's Website

This was my first time making rich animations in the web and this was using GSAP. What I had was a dot where on scroll it would expand and take the whole screen. This was done with a clip-shape, and then on scroll you would get to the lighthouse with four lights rotating around it with the scroll. This was the magic of the website. What everyone loved about it.

Lighthouse Scroll Animation of @firstisland's Website

Lighthouse Scroll Animation of First Island ’s Website (2/5)

Lighthouse Scroll Animation of @firstisland's Website

Lighthouse Scroll Animation of First Island ’s Website (3/5)

Lighthouse Scroll Animation of @firstisland's Website

Lighthouse Scroll Animation of First Island ’s Website (4/5)

Lighthouse Scroll Animation of @firstisland's Website

Lighthouse Scroll Animation of First Island ’s Website (5/5)

Day's Context
Careless Whisper | George Mmichael | funk cover ft. Elise Trouw & Dave Koz Einstein's Proof of E=mc² ELISE TROUW - EVER LOVE - STUDIO LIVE SESSION - LITTLE BIG BEAT STUDIOS Elise Trouw - Line of Sight (Live Loop Video) Elise Trouw - See Through (Live Loop Video) at Sweetwater ELISE TROUW - WEIRD BED - STUDIO LIVE SESSION - LITTLE BIG BEAT STUDIOS Elise Trouw & Alex Bone - Dream (Live Loop Video) Counterblast
Written byMaestro McLuhan
&Harley Parker
Creative SchoolsThe Grassroots Revolution That's Transforming Education
Written byKen Robinson
&Lou Aronica
Leonardo Da Vinci
Written byWalter Isaacson
Project Management for DummiesSecond Edition
Written byNick Graham
RachmaninoffComposer, Pianist, Conductor
Written byBarrie Martyn
The Structure of Scientific Revolutions
Written byThomas Kuhn
Tools for ThoughtThe History and Future of Mind-Expanding Technology
Written byHoward Rheingold
Introducing Chomsky2nd Edition
Written byJohn Maher
Absolutely on MusicConversations
Written byHaruki Murakami
Year 30, day 154 of Pouya's Life 1285worked on(Me, 1285) First Islandworked on(Me, First Island) First Islandworked on(Me, First Island) First Islandworked on(Me, First Island) First Islandworked on(Me, First Island) First Islandworked on(Me, First Island)