Making a character using p5

-
To improve my understanding in learning to basics, the very fundamentals of programming using p5 libraries, we were tasked with creating basic characters using code, with some experimentation if feeling comfortable or adventurous with coding in JavaScript.

Designing a character

At first I had no idea of what to create, an ideal idea was to make a fox, using ellipses and triangles, but creating a triangle was a bit of a hassle; it required coordinating each point of the triangle, which confused me...
I then drew a character on paper, this was so I had a rough idea of what I was going for in terms of appearance.



Its pretty hard to make-out what it is, but it was meant to resemble a reindeer, a poorly drawn reindeer. I was going to pursue to whole "fox" idea, but I decided to go with something festive, and a reindeer was perfect!

Creating the character!

Creating the reindeer was simple; all I had to do is use several ellipses, lines, and arches. It still took me awhile to figure out how to actually code and manipulate these different shapes, despite creating such a basic design should be.
To finalise my character, I added colour, which REALLY helped the character resemble a reindeer (in my opinion).

The code (the painful part)

The experience was 'alright'...
Figuring out where to begin was they hardest part, I either lost track of what I was doing or was completely lost in the mix of code. Although it was difficult starting, getting into the flow made the process quicker and easier as time went on. To improve, the workflow, I placed notes beside my code or above it, which helped keep track of what blocks of code belonged to a specific shape, or what a line of code did once executed. 
Any mistakes I made during the process was easily fixable; at least 90% of the code was previous lines of code, making things simple to understand, and I could use to built in code inspector in my web-browser.


Comments

Post a Comment

Popular posts from this blog

Pure Data: GEM

-
Image
Here I will be presenting my final project in Pure Data using GEM, and what I have learned from the experience of using pure data to create motion graphics. The code will be sectioned into separate processes and explain in the order 1 through 7 as shown in the figure below. Figure 1 Step 1: Created [gemwin] object and connected it to three messages; [create] creating a window to draw graphics to, [destroy] to terminate the window, [lighting] which would initiate the world lighting. A toggle were added to [gemwin] to start and pause graphics, and another toggle to lighting to switch on or off. Step 2: Next I created a [gemhead] to begin drawing graphics to the empty window, I start off by creating a 3D object; a cube, and defining some properties; its XYZ rotation, XYZ translation, and colour. Two messages; draw fill and draw line, were connected to the cube, which would either fill the render into a solid shape, or draw the rendered shape with out-lines. Step 3 & S...
Read more

Purr Data: GEM

-
Using the information provided by the source given that explained what GEM is and what it is used for in Pure Data, I now have a clear understanding on how GEM is used to create media visuals; images, videos, and 3D Shapes. What is GEM? GEM is based on a large part of OpenGL. GEM is apart of pure data, and it is used to create motion graphics, this includes videos or still images, draw 2D or 3D shapes, and transform objects and shapes. Visuals can also be made to react to sounds. [gemwin] [gemwin] is what represents the window a graphic is drawn into - it creates a window which displays the graphics created. Using frame-rate, it schedules when frames should be drawn to the screen, by default, it clears the window and sets a background colour using RGB values. [gemhead] [gemhead] is the start of a chain of graphics operations connected by patch cords, that should be executed ever frame. Drawing operations cascade from the top down - adding to each other, flowing downwards ...
Read more

The Enduring Ephemeral, or the Future Is a Memory

-
Written by Wendy Hui Kyong Chun The Enduring Ephemeral, or the Future Is a Memory This read discusses how new media, like computer technology, is constantly evolving yet simultaneously back-peddling towards what would be know as a "bleeding edge of obsolesce". Normally, I questioned "what is new media?", yet the author suggests more appropriate questions such as "what was new media?" and "what will new media become?"... The "new" in "new media" suggests that what is new will one day become old, however, this is not the case with new media; as new media is almost the same yesterday as it is today, as stated by the author. This leads me to assume, due to the constant  storing and evolution of new media, it could not possibly become old despite the age of any such media; as "old" media found today is rediscovered as "new" media, which is a constant cycle of repetition. I found this interesting, as archi...
Read more