In my Communication Design Professional Pratice class one of our assignments was to design a creative representation for our own future design practice, as well as three promotional items for that practice. Inspired by this studio I based my practice’s style and items around the combination of analogue and digital technologies, utilising some of the skills I’ve learnt in this class.
For the assignment I created a matchbox, a virtual gallery and a poster I created in Processing, signifying old, new and a combiniation of technologies. I used blender to create the matchbox model which I then loaded into Processing using p5.EasyCam to move around it. For the virtual gallery, I used Unity. For the posters I created a sketch where images were randomised onto the page, with no overlap, then had a refresh and save function running to save the many variations.
At the end of last week I had a working 2D sketch which randomised positions of words and connected these words in sentence order. This week I planned to add timing and sounds to the sketch as well as make it 3D. Using a if function in my for loops I was able to time the generation of the node points in relation to the frameCount, like so:
for ( let i = 0; i < words.length; i++) {
if (frameCount > 50 * i + 50) {
node[i].show(i);
}
}
I could then easily add in a sound to play whenever it equals the same period of time
for (let i = 0; i < words.length; i++) {
if (frameCount === this.time * i + this.time) {
sound.play();
}
}
Creating a 3D enviroment instead of the 3D space I had was actually quite simple. Using WEBGL, all I had to change was how I choose the location of the words. Creating a this.z variable allowed me to use the translate function to position the text in the 3D enviroment, I learnt this by working on my posters for Prof Prac.
push();
translate (this.x, this.y, this.z);
text(words[count], 0, 0);
pop();