THREE.JS PLAYGROUND\
Link below (click on it)
FINAL THREE.JS PLAYGROUND
Demonstrator video on three.js playground in action
The coding used in three.js playground (click on it to make bigger).

In my final outcome of three.jp playground, I looked at further refining and developing my "movement of shapes"' in design, which I used looping to do so. I used the leave trail effect to make the colors leave the randomly generated colors to stay on the screen. The geometry shape has many points as it is a wire frame. I changed renderer = new to renderer = new THREE.WebGLRenderer( { preserveDrawingBuffer: true } ); to allow it to leave these trail effects making a painting as the mesh rotates. I continued with this idea, as I liked how put "random" in my code, so it generated random numbers to use to move the shape of the cubes, I like this effect, as it kind of looks like its traveling throught he sense of tones available. Though to my final development I made a few slight alterations. One aspect I mentioned in my previous Three J's post was that I wanted to develop it and keep using the ellipse shape and loop it so they interact with each other- so in my final I used the ellipse shape and placed it in the centre of the video sketch, which would then zoom in and out by useing the "mesh.postion". click above on the screenshot to see what else I used to make this software.Personaly Three J's Playground was the first piece of software that we were introduced to, and I found that it is really easy to pick up a understanding of it. Also looking at examples on the internet and website helped me e.g" pre made snippets", along with how they were made, so you could also remix them, to make it your own. Overall, Three.jp is one of my favourites as it looks fun and funky and there is lots you can discover and explore on it.
No comments:
Post a Comment