Visual Instrument – Documentation

Video:

 

The input decision for this project went through three different decisions. At first I intended to create the software to interact with an Arduino board, but was then asked if I could do it in a VR system. After developing for VR for about a week I was asked again to do Arduino; finally settling with using the Adafruit Playground Arduino board. I used the two buttons on the Playground to simulate key pressed (left button was assigned the “a” key and the right button was assigned the “d” key). Pressing A would emit a single glowing orb and send it in a random direction from the emitter’s origin point. Holding down the “a” button would cause the orbs to spawn at a rapid rate; each going a different direction. The “d” button was saved for the solo in the middle the performance when the second guitarist (Mark Tremonti) takes over for the second half; the first half being played by Myles Kennedy. The slide switch was programmed to enable and disable mouse cursor movement functionality. This allowed me to disable mouse input through the accelerometer when the rotation speed was at desirable rate, as well as the flashing of the audio spectrum.  When I was ready to accept mouse input to change rotation speeds or flash the audio spectrum some more, I flipped the switch to the other side and tilted the board in whatever way needed; changing the visuals on the screen. In the end the project required seven prefabs: four different colored orbs, one glowing grid that changes size dynamically and the audio spectrum blocks. Five scripts were written from scratch; each responsible for a specific function to help keep implementation clean and not use too many resources (grabbing instances from the scene hierarchy, object pooling, etc). These scripts included a camera spin control to control the camera spin speed as well as the spectrum flash value, an audio visualizer to control the scale of the spectrum pieces on the Y-axis to fit the amplitude of the various frequencies , a script to create the blocks and place them in the correct areas on scene start (amount of blocks depended on the bit rate of the audio), a glow grid script to control the dynamic growth of the grid that is enabled during the second half of the solo and finally a beat action script that would choose a random glowing orb from an array of orbs, choose a random transform to aim the emitter at, and finally, shooting the orb in the direction of the transform.

 

 

Advertisements

Interactive Review 2

For one of the kiosks in the museum, user’s would move kinetic sand around on a table and change the height of certain regions; creating a miniature terrain. Changing the height of certain regions caused the color projected on that region to change. The taller a region was, the warmer the colors would become; red being the maximum. This kiosk intended to communicate that changes in elevation can cause other variables of an environment to change. It communicated this by changing the color of the terrain if the height was a certain difference between two points (Example: “The green terrain zone I have is 3 inches below this higher region, so I will make this higher region yellow”). Strong elements of interaction included the sand itself. The reason for this was the fact that the sand was not normal sand you’d find on a beach, but instead kinetic sand. This type of sand is able to keep its shape much easier and be more easy to form and mold into various shapes. Using kinetic sand instead of normal sand allows for users to form the terrain in any way they like without having to worry about it turning into an instant “mudslide” situation. By physically interacting with the exhibit, you were shown different colors on your terrain based on their “altitude”. The higher you built, the warmer the colors projected on the sand were. This kiosk was an interaction-game-like due to the fact that interacting with physical sand on the table rewarded you with a different mix of colors being projected onto the table. Interaction could be improved at this kiosk by aligning the projector to the correct angle so that the colors for the altitude are not offset. Upon interacting with the kiosk I found that the edges were off by about an inch, which makes a big difference when showing changes in elevation. The interaction could be expanded by including a water system that would create waterways, lakes and rivers in the lower altitude regions; perhaps from table surface up to a quarter of an inch.

Another kiosk I interacted with involved taking hold of a handle with a looped piece of steel on the end and making it from one side of the maze to the other without touching the steel loop to the bar in which it’s contained. To interact with the exhibit, I had to hold the handle piece in one hand and slowly move the handle along the path. Slow movements were needed in order to not touch the handle to the maze line and cause a game over. The exhibit was communicating that patience and taking your time with a task can help you succeed more efficiently. It communicates this by having an intricate path in order to make it near impossible to complete the maze successfully going at a fast rate. The strongest elements of the interaction was the buzzer that would go off if the wand touched the maze line piece. This result of having the two pieces touch acted as a negative reinforcement and made the player want to try harder to further avoid causing the buzzer to go off. This exhibit was interaction game-like due to the fact that there was a result to touching the maze line as well as reaching the other end of the maze. Touching the line as stated above set off an annoying buzzer, but making it to the end resulted in trumpets sounding off victory. The interaction could have been improved by having a system which allows users to change the size of the loop that was on the handle. This would allow players to increase or decrease their difficulty as they please and offer more variables for competition against their friends such as “Who can make it to the end the quickest with loop number one?” As for making the communication as to stay away from the swirly maze line, they could have painted the maze line red. That way the user would associate the color red with danger either before or after they cause the buzzer to go off the first time. The interactive design of this piece could have been expanded with this piece by creating a longer and more elaborate maze experence; perhaps one that went all away around the table.

Asset and Level Design

Preproduction: 9/3/18

characters_sheet

The character on the top half of the sheet above is the player’s character; a dark entity with disproportionate body measurements and other features to make the player feel a sense of unease. Since the character does not have a mouth or detailed eyes (eyes are white dots in a hollowed out area), the two appendages on the top of the head act as a way of describing the characters mood without needing much detail from facial expressions. A mixture of these appendages and body language are what will convey the character’s current mood to the player.

The character on the bottom half of the character sheet above is the player’s enemy; an angel. Since the player’s dark entity character’s idea of a dream is filled with gore, violence and other acts of malice behavior,  a nightmare is filled with joy, laughter, fun and any thing of purity. What better pure item to be subjected to in your nightmare than an angel. These angels will be generated all around the level with AI only driving them to move to random points throughout the map without colliding with each other. Since they are pure and want nothing to do with the dark entity, they will not intentionally come near you. BUT if the dark entity (player) should cross their path, their pureness will rub off onto you and result in a game over.

terrain_sheet

The level in which the player interacts is a basic landscape with a flat floor surrounded by high rising mounds along the edges to contain them and clouds flying up above. The angel enemies will be in three different sections along the level; each increasing the population density as the player gets closer to their goal. The angels will not be able to climb up onto the mounds along the edges nor will the player. This means the angels will have a tighter area to travel in resulting in quicker movements that are closer to the player; increasing the difficulty.

Eternal Play and Frustrations

Tom Clancy’s Splinter Cell. Probably one of the most addictive games I’ve ever played. The idea of enemies lurking around every corner but having the ability to become one with the shadows and bypass or take them out without raising alarms leads to some intense and memorable moments. In the recent additions to the series, holding the sprint button down while simultaneously holding the melee attack button causes the character I am in control of to take out enemies in whatever direction he is running in with one smooth transition from one execution to another.  The effect of starting a combination of take-downs is instantaneous with the action of pressing and holding the two buttons in sequence; as long as there are enough enemies in the area to allow for take-down combos. Simple actions such as taking an enemy out from behind cover without being spotted by nearby enemies rewards the player with hit markers which allow for a smooth sequence of pin point accuracy shots to be taken with your sidearm in sequence quickly and efficiently. More complex actions such as taking out enough enemies in sequence as stated above,  you are awarded a bonus on your final score based on how many enemies were taken out in sequence, if you raised any alarms by getting spotted by someone in another area and are at later points in the game rewarded upgrades at a discount price. The levels of the game are designed in a way that challenges the player to take more stealthy approaches to reach the objective. At first you can easily run and gun your way through or play “ghost” and take out enemies from cover, slowly making your way through undetected without raising alarms. But as the game progresses, levels require that you use stealth more in order to make it through the level without being caught (which at this point means immediate game over; restarting the level) or dying. Along with this higher need for stealth, the game does become progressively more difficult as the population density of enemies increases, more high-tech weapons become available to the protagonists, building layouts become more elaborate and a plethora of other changes. The player does receive a bit more assistance from the main character’s team that are communicating from an area off the battle ground. Hints are not quite “in your face” but are more frequent and can assist the player in what decision they believe would be best to complete the level.

A game that frustrates me beyond belief is QWOP; an online sports game in which the player must control a track runner’s legs to help him cross the finish line. I interact with the game by using the Q, W, O and P keys on my keyboard. The runner’s thighs are controlled with the Q and W keys whereas the calves are controlled with the O and P keys. It seems as though a 2D flash game involving something as simple as running would be easy with only four keys required but frustrating is an understatement. The controls immediately impact the outcome of your game with no latency. Pressing down on one of the four keys causes the character on screen to bend their leg by the thighs or calves; allowing the character to “run”. The change in the runner’s legs is instantaneous and changes much quicker than what most people can naturally adapt to for making the next move. What frustrates me about the experience is that even though it is extremely difficult to even get past the 2m mark, there is something about the game that makes you want to stay and continue to become frustrated as you attempt over and over to reach the finish line or beat your record. The constant requirement for interaction from the moment you make the first leg movement results in your focus to be snapped back and forth; from frustration for failing AGAIN to trying to focus and beat your score. This loop could go on forever with the player getting more and more frustrated with each attempt, but that addictive quality of “I almost had it” or “I NEED to beat my record” keep you going on the frustration inducing path. The game increases in difficulty the further you go. The reason for this is at some point you may need to react quicker to the character’s leg positions to keep them upright and continue onward. It also becomes more difficult the further you progress because if you go to a new record point (let’s say your record is 55m and you’re now at 79m) and fall… you have to start back at 0; not your previous record.  The player is led through this increase by the sheer desire of wanting to beat their high score or even a friends. It’s like going to a casino and playing the slot machine every time you get “close” to winning, but in this case, sitting at your computer longer trying to get a 2D avatar with messed up legs to win a race.

Site Revision

UPDATE ON 4/11/18 :Research

For my site revision I’ve chosen to redesign the website for a music shop not too far from my hometown; Speno Music. Below are screen shots of the following in descending order: home page, about page and photo “gallery”.

spenoHomespenoAboutspenoPhotoGallery

For aspects of the site that are working well, the header content is done well. The navigation bar is static and is not in a different location for each page. The image of guitars below the navigation bar is also static and does not change size, shape, color or position on each page. For improvements, there are many. The entire site is composed of various font tags with styling done in the HTML itself; very little at that. The image layout on the home page has no sense of direction but rather seems to have random elements “splattered” on the page (contact form to the left with image of store front sitting next to bottom right corner). The photo gallery is composed of a single image with a dull, static text overlay reading “Store Photo’s” in the top right corner. This text distracts from the single image and does not add anything to the experience. On the “About” page, there are incomplete descriptions about employee’s as well as the company itself with filler text reading “Include a brief biography. List their years of experience and education. Or describe how this person helps meet the needs of your customers”; incomplete and unprofessional. There are also stock photo fills in place of where an employee’s face should be. One of the main aspects about Speno’s Music that makes it such a great place is their commitment to the community and everyone that has a passion for music. Although the store was founded in 2006, Mike Speno’s (current owner) family has been assisting in providing great service for a variety of instruments and artists ever since 1951. They bring this point up on multiple pages, communicating the reason they do what they do is driven by other’s passion for music. Unlike corporate companies like Guitar Center, they have the ability to be flexible with pricing and aren’t afraid to make deals on equipment and offer cheap services, because in the end what they care about is making sure that music is accessible to all; not how large of a price tag they can put on an item. This communication could easily be improved by developing a stronger structured about page with more information and well formatted and developed sentence structure; making the person want to read about the company’s history. The audience being targeted by this site is that of musical artists or people who have a passion for music. Other organizations that are targeting this audience more effectively are mostly corporate companies such as Guitar Center and Musicians Friend. Their websites are much better structured and offer a more interactive experience while searching for a product they have in stock or even just finding a store location

guitarCenterHomemusiciansFriendHome1

One of the main pieces I plan to use on Speno’s redesign is having a message center right on the home page at the top. This allows users to be immediately informed of the deals you have going on. Everyone loves saving money so by peaking the user’s interest on what deals you have, you are quickly and efficiently pulling them into your business. I also plan on using organized drop-down menus to allow for a cleaner experience when it comes to finding the product a user may be looking for. At the moment, Speno currently displays stock images of guitars on their header that are most likely not even at the store and a single image from about two years ago of some guitars hanging on the wall; nothing new and nothing updated to keep user’s accurately informed.

UPDATE 2: REVISION DRAFT LINK 4/16/18

https://xd.adobe.com/view/9d2cdf52-d7b0-43b7-474e-da55c81bf205-eb1d/?hints=off

Screenshots:

Screen Shot 4Screen Shot 5Screen Shot 6Screen Shot 7

UPDATE 3: ADOBE XD DRAFT REVISION 4/19/18

Screen Shot 1

 

UPDATE 3: HTML PRODUCTION LINK 4/24/18

https://blondediabetic.000webhostapp.com/SiteRedesign/index.html

Gallery Write Up #2: Interactive Design

The Queering Space Lounge is located in the Llewellyn Gallery in SET. The Llewellyn Gallery is located on the 3ndfloor of SET on SUNY Alfred State’s campus. The exhibit opened on February 2nd, 2018. I visited the pieces multiple times on various dates to see if my interpretations of the pieces would change. My last day of observing was on February 25th. The exhibition contained two pieces. “teXt” was created in 2004 and “Xq28” was created a year later in 2005.

The pieces in the gallery were both designed by Tammy Renée Brackett. The topic of the two pieces have to do with the way in which genetics are differentiated between different people and the effects that it can have on their lives as well as society. Both screenings heavily relied on text to get their messages across. “teXt” was a composition made up of four-hundred and seventy-three pages of the letters “G”, “A”, “T” and “C” (guanine, adenine, thymine and cytosine). The text is scrolled randomly with random values of light applied to the font. This creates a futuristic high contrast moving image that will keep your attention drawn to the screen at all times. The second piece, “Xq28”, was composed of various words flashing on the screen. This was accompanied by a constant droning sound with little to no bend in the frequencies. The constant drone mixed with the words flashing at random speeds draws your attention to the screen.

The presentation was about the natural occurrence of deformities in genetic code and their ability to be included inside a system with genetic code that has no oddities. What we consider to be the “norm” is not truly normal; nature does what it wants to do and we must learn to accept that. What also grabbed my attention was the speed in which the words appeared and then vanished on the screen for the “Xq28” piece. Changes in nature can occur so fast that we don’t have time to react to them but once it happens we must accept it. The contrast of black and white in both pieces represent the X and Y in the bodies chromosomes and the words themselves represent the overall genetic composition.

This exhibit relates to our course by showing how even in a randomized format, text and certain layouts can be executed in a way that allows them to work. While many artists will try to focus and make everything “perfect”, this exhibit displays that imperfections make the pieces better in their own special way. Some may find this method of execution lazy, but to others this makes the piece have its own special flare that separates it from other works of the same type.

Gallery Write Up #1: Interactive Design

Many people involved with the computer science and Digital Media and Animation major are hearing more about the Unity game engine; a free game engine for indie and professional developers. Much like other programs, it can be over whelming to learn a new program. To help solve this issue for the basics, a Unity seminar was held in SET 440 at 7PM. The event was hosted by Stephon Barrett with Michael Girard, Maria Frascella and myself assisting when needed. All participants were asked to install the newest version of Unity before the seminar began so they could all dive right in.

The topic of the seminar was a variety of sub-topics that had to do with the basics of using Unity. The first topic covered was the basics of the UI layout. This included the View settings so that people could select their favorite UI layout. This would allow people to find a format to use the software in which they are most comfortable.  After learning a bit about the Unity layout and getting everything organized, we then moved onto the basics of creating shapes such as cubes and spheres. Everyone was then taught how to create materials to apply to the shapes. Stephon then instructed everyone on how to create a script to allow the cube to be parented to the camera and allow the camera to move based on the user’s mouse input. Once all of these processes had been covered, Stephon allowed everyone to mess around and try to modify the content we had created to learn how to make changes to our games and learn the software.

Some of the main points that really grabbed my attention had a lot to do with how important organization is. When making a video game or any other type of media for that matter, you’re going to have quite a few files to manage. It is very important to keep these files organized so that not only you remember where they are, but also for any teammates involved to easily find the files they need in an efficient and organized manner. If a person using the program were to just dump all of the files into one folder, others as well as themselves would be able to find the file they were looking for without a headache and in some cases depending on the project, compiling errors. Organization is important with any project and Stephon was able to communicate the importance of this method to everyone. For a Unity project, if you make a material, put it in a folder with other materials. Scripts? Put them in a scripts folder. This applies to everything: keep organized and avoid unnecessary headaches.

I can apply the various things I learned today at the Unity seminar to my work in DMA and this course individually. The most important thing to apply to ALL of my work is one that I am always careful to employ to the best of my ability; organization. Without organization, projects can easily fall apart. Pieces can get lost, ruined and in some cases, you may even forget to create something you need to have for your project because your directory or workplace is so cluttered you think to yourself “that’s not something I’d forget”; and then end up forgetting. Another important piece I have taken away from this seminar to apply to my future projects as well as this course is to double check your resources. What I mean by that is to go over any code you may be working on to check its sustainability and whether or not there are errors. Letting errors stack up can cause other methods to not function correctly and lead to quickly creating more problems.