Step 01:
Create a demo of motion tracking human body with Springs, and calculate the direction from light source to the spring bobs with VectorMath.
Step 02:
Generate particles in the direction calculated for each spring bob, and limit the particle numbers with both lifespan and splice.
Step 03:
Inside the particle display, try to apply the Chinese letters with preload text, and try selecting the character with random and adjust the scale of each character.
Step 04:
Try to generate a whole sentence instead of single words, and adjust the speed which particles are being generated.
Step 05:
Get more inspirations of the text movement, try applying them with textToPoints, separate different characters in one sentence and try making them a wave with SinValue. (Failed — because doesn’t seem like shadow anymore.)
Step 06:
Bring back to the particles idea, and test with different kinds of visualization effects.
Step 07:
Start adding ml5.js Motion Tracking to substitute the spring bobs.
Step 08:
Final Documentation:
https://editor.p5js.org/TinaZhang226/sketches/GHFBcajDw
Future Development:
First of all, Thanks all the development and help that Professor Moon has given to this project. I think for the aesthetics, I am already much satisfied with the final outcome. But still, during the IMA final show, I have noticed that people might still get confused at the very first beginning about how they could interact and the concept behind this project. For the interaction to be clearer, I think one more projection on the ground or another physical light source shed to the opposite wall could make the interaction more intuitive. And for the concept, still many people feel that they could hardly read the words. I am thinking that in the future, the characters could be gathered and selected from the hot search or most popular words on social media from parents to the children by real-time data collection. Also, there could be a screen showing those words directly for the participants to check over and understand better with the whole context and project idea.
Leave a Reply