It was suggested that I should go more abstract (grrr) with my project's direction. I think I may remove the mouths of my characters - at least the interactee's one - and explore how colour and shape can be used to convey messages.
Having textual instructions was put into question, so now I have to think really hard about the curent instructor character's role and how it will perform it.
Blog Archive
Project 2 sketch
This is a simple little sketch that shows the first stage of my idea for the second project. It introduces the two NPCs in my little 'game', the instructor and the interactee.
I plan to have you interact with the interactee in a number of ways, and the interactee responding with different sounds appropriate to the way you play with him.
The instructor is there to inform you on the various interactions possible in stages, from simple 'you can move him' to 'toss him up and catch him'. Eventually, I want the insructor's suggestions to become crueler and crueler, eventually becoming downright evil.
If I really want to embellish this, I'll add little items around the play area that you can also interact with, and which impact on the interactee in various ways.
This project will be successful to me if I can make the interactee NPC to become relatable enough through the sounds and expressions he makes so that players won't want to follow the crueller suggestions of the instructor.
I'll probably have to use a billion if statements to accomplish many of the things I want to do here, like the instructor.
Looking at my first project
I learned quite a few things, like the value of loops and variables and was humbled by how little I know about the way computers do things despite using them so often.
While I enjoy what I've made, I really wish I could've done more. I have a long way to go when it comes to abstract thinking and my time management could also serve to be a lot better.
Also, I really want to learn how to construct effective functions so that I can work more efficiently rather than be forced to write out bloated scripts full really of basic code. I'll try and analyse other people's scripts and try and look at the guts and figure out what makes them produce their desired results.
While I enjoy what I've made, I really wish I could've done more. I have a long way to go when it comes to abstract thinking and my time management could also serve to be a lot better.
Also, I really want to learn how to construct effective functions so that I can work more efficiently rather than be forced to write out bloated scripts full really of basic code. I'll try and analyse other people's scripts and try and look at the guts and figure out what makes them produce their desired results.
Project One Overview
I decided quite early on that the thematic link between my designs would be emotions, and I'd tie them together visually by using faces as a motif.
Wallpaper 1: Anger
Designing this wallpaper proved to be quite a challenge technically, as some the elements I wanted to include were outside of my reach in regards to coding skill. However, despite some some initial difficulty, once the ball started rolling I encountered few problems.
This design was inspired by the public symbol for chaos to the right. The shot above is of one of the initial versions of the design. I used for loops to map out what would become my 'ballistic lines' and added some vertical lines at regular intervals also using for loops to aid in quickly plotting the vertices for the triangles. Note also my original plan of having eyes on all the triangles.
Despite my original concept's lack of visual complexity it proved to be incredibly tedious to code; getting the 'eyes' to be at the proper angles and lengths was incredibly time consuming whilst also not being as visually striking as I had hoped. It was at this point that I made the decision to attempt to emulate 3D by combining triangles. Also, while I wanted to keep the centrepiece shape as a triangle/pyramid I found its conversion to 3d and the way its peripheral edges interacted with the 'ballistic' lines unconvincing. A sphere was the most obvious solution, and while its round shape isn't as aggressive as I may have wanted, the stylised angry glare conveys its emotions clearly enough.
As a final touch, I created the background for the image to frame the vaguely elliptical shape the pyramids' positions formed and to act as a reference point for the eyes, helping with the illusion of depth and three dimensionality
In order to make this image into more of a pattern and inspired by the logo to the right, I decided I'd split the happy code's face in half (however violent that sounds), giving him a sickly sad face as the other half. The faces are pretty much opposites of eachother in shape and emotionally and contrast eachother nicely, I think. They also look like they're facing eachother horizontally, which makes happy guy a bit of a douche to be laughing at someone else who's clearly suffering!
Wallpaper 4: Fear
I didn't conceptualize as much for this design as I may have wanted, but I like the relative simplicity and clarity of meaning it has. Besides, I needed another chaotic design to go with Anger to bring balance and parity to the project as a whole. Though, I really would've preferred to have learned some sort of code that could translate and expand pairs of objects evenly rather than copying and modifying each pair of eyes myself.
Wallpaper 1: Anger
Designing this wallpaper proved to be quite a challenge technically, as some the elements I wanted to include were outside of my reach in regards to coding skill. However, despite some some initial difficulty, once the ball started rolling I encountered few problems.

Despite my original concept's lack of visual complexity it proved to be incredibly tedious to code; getting the 'eyes' to be at the proper angles and lengths was incredibly time consuming whilst also not being as visually striking as I had hoped. It was at this point that I made the decision to attempt to emulate 3D by combining triangles. Also, while I wanted to keep the centrepiece shape as a triangle/pyramid I found its conversion to 3d and the way its peripheral edges interacted with the 'ballistic' lines unconvincing. A sphere was the most obvious solution, and while its round shape isn't as aggressive as I may have wanted, the stylised angry glare conveys its emotions clearly enough.
As a final touch, I created the background for the image to frame the vaguely elliptical shape the pyramids' positions formed and to act as a reference point for the eyes, helping with the illusion of depth and three dimensionality
Coincidentally, the ellipsis created in the background combined with the circle in the centre looks like a really angry eye glaring at you.
I'm quite happy with how this design turned out and in making it I've learned a lot more about estimating where specific vertices are even on large planes (having plotted out every vertex in every triangle individually!).
Wallpaper 2: Melancholy
I went back and forth with concepts for this design and settled with the draft above. The vertical lines with random gradients and lengths were meant to simulate rainfall, but it became apparent that I was thinking far too literally with this design. Ben suggested that I investigate using sine waves to give the lines shape and so I set about getting my head around how to do so, experimenting with many waveforms but finding few that I thought fit with the geometry of the design.
It was a good learning exercise though and while I didn't use the code to draw the a proper waveform, I was quite satisfied with the results.
It was a good learning exercise though and while I didn't use the code to draw the a proper waveform, I was quite satisfied with the results.
I made the sine wave into a steep slope which guides the eye down the page, past the shrinking arcs to the focal point of the design, the little glum face which I also shifted from a stronger central position into a weaker, isolated one in the the bottom corner. The final product is a lot lighter than I would've liked, but nothing could be done about it since the printer at Big Image couldn't seperate the dark from the darkest, and I wasted $4 dollars on an almost black page :c
Wallpaper 3: Happy Meets Sad
This was a cute design which I made from an image of a happy face I made for fun in the early weeks.
Wallpaper 3: Happy Meets Sad
This was a cute design which I made from an image of a happy face I made for fun in the early weeks.

Wallpaper 4: Fear
I didn't conceptualize as much for this design as I may have wanted, but I like the relative simplicity and clarity of meaning it has. Besides, I needed another chaotic design to go with Anger to bring balance and parity to the project as a whole. Though, I really would've preferred to have learned some sort of code that could translate and expand pairs of objects evenly rather than copying and modifying each pair of eyes myself.
Subscribe to:
Posts (Atom)