Recently, I am interested in creating interactive online or visual space, and several methods using Websocket or Socket.io for participating easier. Especially I want to figure out more fun and attractive ways to deliver information for museums, amusement parks, or campaigns and so one. But I also like to explore creative coding to mimic nature, phenomenon, custom, or abstract emotions and so on.
Once I tried to imitate traditional “Weaving” process and the visual result using Processing. But I almost gave up. If I have a chance to do it, I want to make it again! I just got an idea that audience can create digital fabrication using weaving gestures with their smartphone or tangible tools.
Image source 01 | Image source 02
I was into some projects from Chrome Experiments (Racer , Super Sync Sports), especially connecting mobile devices to participate and synchronize between different screens. Moreover, I want to explore how people can enter the virtual spaces without complicated steps.
For me, Bezier function is (always) tricky for me. I want to use this for drawing my hair. I had to illustrate how each element works with a pen. Then I could understand bezier function, and applied ‘mouseY’ value. (my hair always falls over my face…)
But I could not make red cheek with blurred circle edge. I tried to use ‘filter(BLUR,n)’. Is there only way to make blurred ?
Actually, when I used the P5.js Web editor, a couple of errors occurred. It suddenly turned all white background page, and it did not go back. All the data was gone after previous saving. Maybe I used ‘Println’ function every frame, or bad internet connection. It was very convenient to check in almost real time, but i had to change to SublimeText3. And when I used “filter(BLUR, number)”, it made the web editor really slow.
I could not find any issue with Github. 🙂