Posts

Health Bars + Overlay

Image
Health Bar and Damage Overlay HUD    I created a game that is based on being infected. The more infected you become, the more debuffs you have. Some of these debuffs include slower move speed, less damage, reduced vision, and death. You can become infected by being bitten by different types of enemies. In this prototype the enemies are spiders, In the final project, they will also be able to spit projectiles at you. This prototype is probably going to become more advanced in my final Feedback project. 7 Stages of Action 1. Goal: The player's goal is to survive the facility and find the source of the infection. 2. Plan: The player will go through the facility and defeat enemies, the more enemies defeated the more the player comes to find how the infection is being spread and what caused it. 3. Specify:  The player will have a hard time not becoming infected, but there are antidotes spread across the world that can relieve some of the effects...

UI Elements

Image
UI Elements Spatial    There are two spatial aspects of this picture. The first is the blue diamond indicator telling the character where the quest requires them to be. The second is the animal paw in the bottom left letting the player know where their pet is. The Gamasutra article describes these aspects help to  "prevent them from having to break the experience by jumping to menu screens."(Stonehouse 2014). If this indicator wasn't here I would have to either look at the minimap or open the quest screen. Meta     The meta aspect of this screen is the inventory screen. In-game, your character has an echo device that creates a hologram that allows you to choose what weapons you have equipped and what skills you have. Your character knows what is going on, but doesn't see this exact screen. Diagetic     The diagetic aspect of this screen is the ammo count on the gun. It's part of the game world and part of the UI. T...

UI Intro Project

Image
UI Intro Project Flow Diagrams    My flow diagram is quite simple, you start on the main menu and you have 3 options. Quit, Start, or Options. Start will begin playing the game, quit will stop the game, and options will bring you to the options screen. From the options screen, you can go back to the start screen. Wireframes    The wireframes I made are the two UI Screens. Each screen has buttons and the options screen has a checkbox. Each of them also has a 3D background relating to the game. Prototype     Honestly, I spent way too much time on my prototype trying to get everything to work somewhat correctly, so I feel that the rest of my project is just OK. My Prototype includes a fully functioning main menu screen. The game is a very basic shooting level. The option's screen back button works, unfortunately, I could never get the sound to toggle on and off or continue playing from level to level. In retrospect, I should...
Image
Redesigning UI for Space Invaders Flow Diagram    In this flow diagram, I add some key functionality to Space Invaders that I believe the game needs. First, The achievements section is brand new and helps the player have some sort of accomplishments while playing the game. Next, are the new options that the user has to choose from. They can change the video, audio, and even difficulty settings. My favorite addition to the options menu is a theme selection. Theme Select Features    The Theme Select screen features a number of options that the user can change to enhance their gameplay experience. These new features will be unlocked as you play the game and unlock certain achievements. Each option will include a drop-down menu where the user can see what options they have unlocked, which they don't have unlocked, and even where to unlock them. On the right side of the screen, there will be a small sample image of what their game will look lik...

UI Post #1

Image
Kickstarter UI Flowchart When I was wondering what app to use for a UI flowchart, I wanted to go with something simple. I was so wrong when I chose the Kickstarter app. There are so many intricate UI details within the Kickstarter app. Its Menu screen had so many different options and so many different ways to access different areas of the app. After using a variety of apps, I think I appreciate Kickstarter's the most. Yes, it has a lot of options, but on a phone, it's very easy to scroll and look for the exact option you want. I'm not sure if this would work very well on a pc when you have a mouse, or even worse a touchpad. But this is why UI developers have to consider what kind of devices its users will be using when accessing their data. The Discoverability of a Mouse There are many types of mice on the market, the one I prefer the most is the Razer Deathadder.  This mouse has many different functions.  Let's start with the buttons that most...

Audio with Stains

Image
                          Characters    I personally always prefer non-humanoid characters simply because it is very hard to stereotype them, but not impossible. When I first saw this stain I immediately thought of some bug-like creature that had mandibles of some sort. What I created is this bug-like creature except it swims through the water. It can use its mandibles as a way to kill prey or to dig through objects such as sand. Audio    With my audio I wanted it to fit with the idea of the mandibles. I recorded one audio and found a music track as well. The audio I recorded fits with the sound that the mandibles would make underwater. The song would be used for an intense fight or maybe if it was running from something https://vocaroo.com/i/s18sMqCfgAso http://freemusicarchive.org/music/Nots/Live_on_WFMUs_Burn_It_Down_with_Nate_K_Nov_30_2014/Insect_eyes

Animations With Stains

Image
Original Stain I found this stain in my dorm common room and immediately saw it as a sentient rollerblade type creature with only one wheel. Sketch and Action Pose For my sketch, I simply drew an oval and added a wheel to it. Once I had done that I looked at the stain a bit more and realized there was a bit of a dip on the far right side of it. I figured that I could turn this into a turbo booster for him to travel faster. This idea led to my action pose of him zooming around. When it comes to animation, I believe this animation would have very little frames. You would simply need to change the facial expression and make the fire coming out of his booster change between two sprites. I feel that my character is easy to identify via silhouette because it has a very unique shape.