During this week, the team was successful onto making the transition to using P5.JS instead of three.js. Nick,Tristan and I worked on the different tools that the users will be able to use. Personally, My task was the particle tool. Thankfully, unlike three.js, P5.js was a very simple and easy to use library for java script. My main focus was getting a basic particle system, that could produce a pleasing aesthetic and be easily modified by the user. As of now, the particle is a simple emitter that emits particles at random x and y values with various weights of stroke. Furthermore, the user will also be able change the color of the particle using an RGB slider, and change the over all size of the particle's. Furthermore, the team thought it would be good to add a 10 second timer in order to increase the experience, immersion and creativity of the user. Below is a video of the particle system.
Thursday, 6 April 2017
Nick - SPRINT 10
Nick Hickey
Sprint 10
This
week went great for the whole team. We decided to change the directions of the
application and use P5js instead of three.js. This allowed us to create the
necessary tools more easily, and visually appealing for the user. Just in this
past week we have already a great base for 3 tools. The users will have a text
tool to create whatever text they please, a particle tool for adding particles,
and a shape tool where they can edit the vertex and other aspect of polygons.
Personally, I worked on the shape and text tool. The text tool was created to
allow users to type in text, scale or downscale, move, and clear if they would
like to restart. Additionally, the shape tool has some basic sliders to allow
the users to change the vertex amount and the size of the shape. The goal with
this is to minimize the users ability to select from a wide range of shapes,
and let them create the shape themselves. We want the experience to touch on
the users creative side rather than a simple selection. Additionally we added another
feature where only one tool is available at a time, only once, and for 10
seconds. The user starts with the shapes tool, then after 10 seconds they are
presented with the text tool, and finally after that 10 seconds the particle
tool is unlocked. We truly felt the rush of the game forces the user to think
more creatively through being pressed for time. Next, I am going to change the
aspect ratios of the game to fit mobile. In addition, the new P5.js code needs
to be enhanced with better visuals. The game as of now has no external fonts,
or images to enhance the appearance of it for the user. By changing to P5.js
the team has been able to complete all the initial goals, leaving only the
transfer of data to the physical object left.
I have provided a video demonstration of the current application.
The particle tool was not included in this demonstration.
This has been an overall amazing experience with the team and class, and plenty has been learned in the process.
- Nick Hickey
Subscribe to:
Posts (Atom)