ReflectionsPGTE 5250(Lab), PGTE 5251(Lecture), MFA Design and Technology,
Parsons School of Design, The New School.Through this course, I learned how to use p5.js, a JavaScript
library for creative coding, and how to make interactive objects for
webs.
Rin KimRin is a UI/UX designer who is interested in how people interact
with digital products. He is passionate about learning new
technologies and finding ways to make design more intuitive,
inclusive, and interactive.Résumé →
Some projects may crash on mobile devices. Please use your PC browser
for the best experience. 🔗
cc.rinchong.kim
Details
3. Experimental Clock | 4. Exquisite CorpseAbove two projects cause crashes on mobile browsers due to
limitations of p5.js on mobile.
13 Sep, 2024Amy's UmbrellaI paired up with Amy to draw an object that we've each lost in the
past. Amy lost her umbrella before she moved to New York. This was my
very first project using p5.js, and since I had a little experience
using html/css/js, I wanted to give myself a little bit of challenge
by using 3D primitives. It was a bit more challenging than I expected,
but I'm glad I was able to make it work in some scale.See original →
20 Sep, 2024Personal SpaceI got an idea from Tsing's Physical Computing assignment, where she
plugged in a ultrasonic sensor on an arduino to make a motor go crazy
when someone got really close to it. I tried to make a p5.js version
of it, where if you get too close to the face, it starts to turn red,
shake and make an alert sound.See original →
27 Sep, 2024Time in Alcohol BottlesI don't know why thought of this, but I guess it was because I really
wanted to drink beer with soju at the time of the ideation process. By
the way, soju is usually $1 ~ $1.5 per bottle at a Korean convenience
store. The time on the first third indicates the real time, second
third is how many bottles of beer are drank and the third is how many
bottles of soju are drank. To be honest, I can't drink that much, but
this is usually how much three of my friends and I drink
together.See original →
4 Oct, 2024The New School PenguinI received 2 sketches from classmates and had to mix it with my own.
Yuaning drew a penguin figure, I drew a lego wearing the New School
sweatshirt, and Rex drew a character in bitmap style. For my exquisite
corpse, I used the head from Yuaning's sketch, body from my lego
sketch, and legs from Rex's. In order to make it more interactive, I
tried using 3D primitives again. It wasn't easy using default p5.js
functions, but I'm glad I was able to make it work.See original →
11 Oct, 2024Optical IllusionWe were asked to make an optical illusion using p5.js. I made two
layers of patterns that only moves diagonally, but the inner pattern
seems to be moving when the direction changes. I made it draggable so
that the effect would be more visible. Try dragging the pattern!See original →
18 Oct, 2024Data EncryptionThis is a visualization of my screen time, intentionally encrypted so
that it could hide my personal data. The class was asked to gather
data for 7 days, and after talking with Amy, I found out that I use a
lot of time on my devices compared to others. I thought it would be
interesting to visualize this, but in a way that is encrypted so
nobody knows exactly how much time I spend on each category of
apps.See original →
15 Nov, 2024Adventure of RinAdventure of Rin is a multi-stage mini game collection. I lived
abroad in many countries in the past, and I wanted to make a game of
things that I wanted or want to avoid in each country. I was also able
to make it arduino joystick compatible. If you have a joystick with a
button, you can try connecting by pressing 'c' when the game is
loaded. (Only on desktop Chromimum browser)See original →