Function / features:
- introduces instruction
- cues up
- counts (with beat sound on server)
- gets manipulated by server
Function / features:
Meta Mouse reduces the presence of the user to a simple online representation (the mouse)
This project is inspired by: http://donottouch.org/
Chat time demo:
Link to join (sometimes online): http://18.104.22.168:8080/index.html
A chat app feature “typing”/”read”. – Facebook messenger or Line messenger. https://line.me/en/
We discussed in class that asynchronous web has the ability to join the worlds of two ends. This is especially true for me as I now live far from home. Chat apps are the main platforms for my family / my friends and I to communicate. I once typed something and hesitated to send. My friend asked “What were you just typing?” in hope to draw out my spontaneous reaction to the topic being discussed. Asynchronous platforms allow us to experience the reaction of another person in real time which brings down the wall / closes the space between us. Things are less filtered, less crafted, more spontaneous, more authentic (not good or bad, just different).
An additional site: I’m not sure whether this is a synchronous web but I find the interaction here very interesting: https://luminghao.com/
This is a portfolio website of my ITP classmate Luming. Once landed on the page, the site unfolds itself with a text shuffling animation. It lists all the projects and mousing over each one creates an underline which suggests it’s a link. Once the link is clicked, the page plays a sound and loads the project. The sound is different for each project and acts as if it is launching something (similar to when a wrestler launches himself on stage). Each project then appears on the page, some interactive, some links to soundcloud, some to chat bots. The title of the pages keeps alternating between projects making it feel live.
I appreciate the simplicity and directness of the web. While visually it is mainly a bunch of texts, the sound and animation make the site very playful and enjoyable to browse. There’s a element of surprise in every click – as if you’re unfolding something, finding something, putting it back.
Although we are influenced by the light environment we experience everyday, we rarely take a close look at the nuances in those lighting moments.
Shadow through time is a 24-hour light fixture which highlights the change in shadow compositions through time.
The square shaped fixture contains four moving elastic bands lined up horizontally and four light sources in four corners. The light sources are mapped according to the direction of sunlight throughout the day. The elastic bands act as as a clock rotating 180 degrees in 12 hours and back.
Inside the piece:
Process (after prototyping):
Code and illustrator files:
(code to be updated with RTC and sunrise/sunset API)
I began this project by trying to find the intersection of (i) my tension with language and (ii) the unique properties of electronic text.
My tension with language:
The unique properties of electronic text:
With this thought and with the interest of time and ability to collect a legitimate corpus, I decided to go with my first tension, ‘the difficulty in communicating my feelings with words’.
I often find myself talking to myself/my partner in My Own Language. At the beginning it sounded silly and gibberish to say it out loud, but because it is for the sake of emotional expression, it soon felt very expressive and satisfying to be able to channel out the emotions sonically.
However, there is still a great comparison between My Own Language and what I express to others outside of my relationship. This made me wonder if I could somehow lead people into My Own Language to understand what is going on internally.
HUNST YUNST RUNST RAR TARAK NASAPASAK TAKST KRASK HASK HUSK TUSK MUSK HAFUSK PASUSK PARARUSK HAFARUSK PASUSK PASSUK PASSK HASSK PHASASSK HAMUSK HUSK YUCK YUK HUCK HUSK HAASK TAASCK PHASHASSCK HASA PASASSKA SAWASSKA HATAAKA PASIMAKA TUTCHKA PHALASKA RARKKKK PHASKKKK
[(('P', 'A', 'S', 'A'), 17), ((' ', 'P', 'A', 'S'), 17), (('K', ' ', 'P', 'A'), 12), (('N', 'S', 'T', ' '), 12), (('U', 'N', 'S', 'T'), 11), (('A', 'K', 'U', 'K'), 11), (('K', 'U', 'K', ' '), 11), (('U', 'S', 'K', ' '), 11), (('K', ' ', 'H', 'A'), 10), (('A', 'T', 'A', 'K'), 10),]
pasa = pronouncing.search("P AH0 S AH0") unst = pronouncing.search("AH0 N S T") atak = pronouncing.search("T AH1 K") akuk = pronouncing.search("K AH1 K") phas = pronouncing.search("F AH0 S")
The raw output:
GKKKKK HUNST HAFATATATATATAK G SAH PHAAAAAAA HUNST PHASASSK PSHGK PASUSK SAFASHAFA PASA PASSK PHSAKUK REDIT KAPASHTATUK YUCK TANST MAWALAH FOSE PASAHUNST PASATUK KUNST HUNST PASASHKAMAQAFASAMATAK NAFASHAPASATAK PAKUK STAAKAKUK PHASAKUK PHASASSK UNSTABLE KUCK CONSTRAINED EMPHASIZED UNBALANCED CUCKOO STUCK CONFISCATED FRUSTRATED STUCK PANIC PANIC
YAHI RADIDIDOO BARINI WAROO SAAKALAHEE MI II WARAWI YIHAH BASHIBI HOOWASHASHASHOHI WAREE YAKINI PADI DADADIDOODI HAANY DEE SI BODABEE LAWRINI SHASHI SHASHI HASHIBII HASHI PADEE RADEE SHASHI SHASHI SHAKADIDI RADIDO BLOODY ADID WASHY SQUASHY MOTOHASHI MUDDY MUDDIED SHUSTER BUBBLY HAPPY SMILEY BUBBLY
MAROON PHUL HAAZAR PARAUWA PHUL QUIET PUAW ROAM LAURAHAUW PASHEE ROME SAPHEYE TAZARA ZAHARAH WROOH NOO NOSSE WARAHARAU HAUWA FAAAAAAA RARAH RAZARAH PARAUW PARAUWA RAZAPA RAZAR HASSOON MOONSOON HAAZAR SHAZAR WOUNDED COCOON POSTOPERATIVE CITIZEN REPRESENTATIONAL PREOPERATIVE BRUUN REPRESENTATIONS FRAGILE HOLLOW LOST HOLLOW
The final layout:
To be improved / studied further:
In this project I hope to draw the readers / audience closer to my feelings, and in the long run I hope to create a piece which lies on the thin line of being gibberish and expressive – which has been a theme for all my work (blending the noise and the tangibles).
The corpuses, codes and presentation slides can be found here: https://github.com/hellonun/my-own-language
View this post on Instagram
#lightandinteractivity #itp . Charoen Krung, Bangkok Sunday, April 15, 16.37 . This is a photo of CAT Telecom building taken from Icon Siam (the building on the opposite side of the river) facing east. The CAT building is curved and therefore acts as a convex surface. Here the reflections are more stretched on the right side in relative to the left. Because the building’s surface/windows are in a grid form, the reflections appear pixelated and almost animated. The lower part of the reflections on the building (the river) appears as if it is an extension of the river itself. This is because the reflective surface is so close to the water. When looking at the water itself, the left part (of the photo) appears darker because of the shadow of the building on the opposite side. . This photo is taken by @chaooocha – inspired by the class’s lighting moments assignment.