Categories
6. Final

Riddle Game – Mohamed Alhosani

For my final project, I decided to make a riddle game. The story of the game is that the player is trying to escape a dungeon, and while the player is on their way to the exit, a monster mysteriously shows up. The monster then informs the player in order to survive, they must answer all of the monster’s riddles. The player will have three chances or lives to guess the answer correctly for each riddle. Otherwise, the monster will kill them. If the player guesses correctly, they will proceed to the next level, and the number of lives will reset back to three, making the monster angrier. The riddles will become more challenging as the levels progress. For the scope of this project, I decided to implement only nine riddles. The riddles will be randomly sorted within each difficulty level. If the player fails and loses the game, they can attempt the riddles again from the beginning (but the order of the riddles will be shuffled). I used the Bloodborne Soundtrack OST – Main Menu Theme to give the game an eerie ambiance. I also added more sound effects such that if the player guesses wrong, dies, or the “game over” message shows, etc., a sound will play respectively to respond to the situation to make the game more interactive.

Initial Sketch

Final Result

References

           Bat, Victoria. “The Smile of a Monster with Sharp Fangs.” Smile Monster Sharp Fangs Stock Vector (Royalty Free) 1965435370, https://www.shutterstock.com/image-vector/smile-monster-sharp-fangs-1965435370. 

           “Blood Splatter Png Transparent Background – Gunshot Blood Splatter PNG Image with Transparent Background PNG – Free PNG Images.” TopPNG, https://toppng.com/free-image/blood-splatter-png-transparent-background-gunshot-blood-splatter-PNG-free-PNG-Images_170589. 

           Bloodborne Soundtrack Ost – Main Menu Theme. https://www.youtube.com/watch?v=BhGZkdODoDM?list=PLCLeSTzz6trY_Qn_8vMnqO9TbqesAM4x6.

           “Desktop Dungeons HD Wallpaper: Background Image: 1920X1200.” Wallpaper Abyss, https://wall.alphacoders.com/big.php?i=621649.  

           Game Over Sound Effect – SFX. https://www.youtube.com/watch?v=4crYlyIOcp8&ab_channel=RealSoundEffects. 

           Gods of Egypt (2016) – the Riddle of the Sphinx Scene (7 … https://www.youtube.com/watch?v=CUYNZo-8cDM. 

           “Help Me.” Help Me Font, GGBot, https://www.dafont.com/help-me.font. 

           Monster Sound Effects. https://www.youtube.com/watch?v=Z-sSy8urj-c. 

           Myth: Oedipus and the Riddle of the Sphinx. https://www.mwpai.org/assets/Education/MA-Resources-9-15-2016/Myth-Oedipus-and-the-Riddle-of-the-Sphinx.pdf. 

           “The Riddler.” Batman Wiki, https://batman.fandom.com/wiki/The_Riddler.

Categories
Research Post

Research Post 4

For my final project, I will make a Riddle Game. A monster will pop up on the screen and ask the player a riddle, and the player will have three guesses. If the answer is correct, the player will proceed to the next level, otherwise, they will lose. One of my main inspirations for this project is the story of Oedipus and the Riddle of the Sphinx. I like the idea of Oedipus trying to enter the town of Thebes and being stopped by the Sphinx, and that he could only enter if he answered the Sphinx’s riddle. It helped me come up with the idea of having a monster ask the riddle instead of it just popping up randomly on the screen. Another inspiration I had was Gods of Egypt (2016) – The Riddle of the Sphinx Scene. The atmosphere of the scene was very eery which inspired me to make my game on the scarier side. I also remember this scene very vividly since I found the idea and sound of the Sphinx monster very cool. 

One more main inspiration I had was The Riddler from DC comics. The Riddler, a riddle-obsessed supervillain, is one of my favorite characters in the show and I always wanted to make a project that had to do with riddles. The idea of having riddles be a timed thing that could lead to consequences was very unique and intriguing to me.  

Oedipus and the Riddle of the Sphinx

Gods of Egypt Riddle Scene

The Riddler (Picture Source)

Categories
5. Classify This

Classify This – Mohamed Alhosani

My initial idea was to have software that can classify different emotions based on facial expressions. Depending on the detected emotion, a song would play. There were five primary emotions; happy, sad, angry, shocked, confused. On the Teachable Machine website, the model gave accurate results. However, when I ran my code in p5.js, the results were inaccurate. Thus, I decided to change my idea. 

While I was cleaning my room, I sorted out my vinyl collection and thought to myself how inconvenient it is to get the vinyl out, put it on the record player and make sure that it is working properly to hear music. I thought to myself, what if there was a way that I could somehow scan the vinyl image, and a song from that album would instantly start to play. That is when I decided to train a model to identify which album the camera can see. Then, it would start playing a song from the album. At first, I only had one song play for each vinyl. I then modified my code so that it would play one of three songs from that vinyl. However, I had to download the songs in mp3, ensure they were not large (< 5.2 MB), and then upload them to p5.js. 

In the future, maybe I can try to connect the code to a music streaming service to play the entire album and perhaps even expand the datasets. Overall, this project was really fun, and I enjoyed working. One day, I hope I can get to develop this idea even further.

Link to my code!

Categories
Research Post

Research Post 3 – Bias in Machine Learning Algorithms

One main idea that caught my attention is how training sets can cause bias in the machine learning algorithm. An example that was mentioned multiple times was the inability of facial recognition software to detect faces of Black people due to the lack of diversity in the data set that was used to train the machine learning model. I find this very interesting because I never thought of machine learning algorithms possibly being biased, this showed me how a bias from a coder can be seen in their algorithms and how it can lead to serious issues such as misidentifying criminals. Thus, it is important to always factor fairness and have inclusive code.

Categories
4. The Clock

The Clock – Mohamed Alhosani

For this project, my main objective was to create a ‘community’ of people/faces all around the screen. The faces would be showing different expressions depending on the time. Overall I was happy with the outcome I got, however, I wanted to implement a few more things that I was unable to figure out. Firstly, I wanted the eyes to blink and when I implemented that they were blinking way too fast to the point that it was somewhat unnoticeable and looked like a glitch. One solution I found was to reduce the frame rate, however, that would not work since it would also affect the movement of the faces around the screen, and it would be way slower and less smooth. Another thing I wanted to implement was making the faces talk during the day, however, I faced the same issue I mentioned earlier. I also wanted to make the background look like a proper gradient, but after some testing, I found that it would be weird. Different face expressions have different colors which can reflect their moods. When the time() is zero, all the faces are in deep sleep. From 0 to 6, more ghosts show up (the number is directly proportional to the time) and a few faces wake up, and towards the end, the sun starts shining. The ghosts represent the late nights that keep those people up. From 6 to 12, the background slowly changes to a nice sky blue and more faces start to wake up. All ghosts disappear during the day. From 12 to 18, the background slowly starts to change to sunset and most faces are awake even though there are a few that are oversleeping or napping. From 18 to 22, the sun finally sets and the sky becomes dark (navy) and some faces start sleeping. From 22 to 23, a few more faces go to sleep and the sun sets more, the sky gets a bit darker. Finally, from 23 to 24, most faces are asleep (whether it’s deep sleep or not which can be seen based on their color) and the sky becomes even darker. The cycle will then repeat again with 0, showing every face in a deep sleep and the start of a new day. I enjoyed working on this and it was interesting to see how my thought process was being tested the more I worked on this code. I look forward to working on the next assignments. My initial sketch and first thought process can be seen below. 

Some Outputs:

Live Output:

The link to my code! ☺

Categories
Research Post

Research Post 2 – Pathways

Pathways was a data collection/storytelling project made by Mimi Ọnụọha in 2015 showcasing the importance and beauty of data collection. She completed it as a part of the Fulbright-National Geographic Digital Storytelling Fellowship. The project showcases real mobile data that has been collected for a month from four groups of people in London. These groups consist of a couple, co-workers, a family, and roommates. Using the data, Mimi investigates and studies these groups of people through their personal data. For instance, the image below showcases the data of the family. The mother (blue line) is pregnant meaning she does not move a lot and goes to the hospital, which is consistent with the logic. A lot of the family members also go to the hospital (the same area) at some point which was when the mother gave birth. The father (orange line) moves a lot around the city because of his work.

In the image below, the data of three co-workers can be seen. The main reason that co-workers 1 and 2 are spending more time together than with co-worker 3 is that they started dating. 

The main reason I love this project is that it teaches a variety of lessons such as the importance of considering the collection process. It also shows us each person can have their very own lives where they do their own things but in the end, they will still make time to see others. This project just showcased the lives of four different groups of people and it showed how different they are in their own ways and how people behave in different dynamics. Additionally, it was only for one month, so imagine how nice it would be to collect data for other groups for longer periods of time to analyze their behaviors and try to understand their motives and what they do in life.

Categories
3. Generative Thing

If We Had Your Eyes – Mohamed Alhosani

At first, I was only working on this project to have a bunch of squares that generate different polygons within themselves (the first attempt below, the idea was scrapped). This initial idea was inspired by Alexandre Zajac’s Generative Art

However, as I was experimenting with this project, I drew inspiration from my personal experience of constantly feeling judged by others. Every time I go out, I always get the feeling that there are people watching me, leaving me always on the lookout for who may be looking at me and wondering why they do so. I try to make sense of the way people perceive me by attempting to see myself through their eyes. The motifs of eyes and perception persisted through the planning phase of this project, which gave my work If We Had Your Eyes its name. 

After some experimentation, I felt that it would be more interesting to have an eye inside each square instead. When I saw the output for the first time, that was when I came up with the idea of how the eyes can cause discomfort for the viewer. To make the system more unpredictable, I decided to have 8 different variations of the eye (normal/cat/shining/bloodshot/mixed) where each one has a different probability of occurring, with the chance that multiple ones can appear at the same time (excluding normal/cat), and that each eye will be rotated a random amount. The reason I positioned the pupils/iris to look in multiple directions and not just at the viewer is to show how people can really get in their own heads or get lost in their own thoughts when in reality not everyone is watching their every move. However, there is also a very small chance that all the eyes will be staring at the viewer to showcase the special cases where people would be staring at someone. The background and squares have three main colors – red, green, and blue. There is also a rare chance that the color of the squares will be completely different and random. There is also a rare case that shows a fully black screen with red eyes, which showcases the cases when overthinking can take over your conscious thoughts, and you think that everyone is judging you and staring at you. All randomness/probabilities are calculated using ‘if’ statements and the random() function. My thought process and initial sketch can be seen below including all the probabilities: 

Collage of different outputs:

I really enjoyed working on this project especially since it has a lot of personal meaning to me. I hope you enjoy experimenting with the outcomes and trying to get the rare ones! 

Generate Image! 

 

Categories
Research Post

Research Post – Mimi Ọnụọha

Mimi Ọnụọha is a Nigerian-American artist and researcher that focuses on the implications of data collection. She graduated from NYU Tisch’s Interactive Telecommunications Program with a Master of Professional Studies (MPS) in 2013. She is mostly interested in creative interrogations and the idea of data collection, specifically how data was rendering people’s worlds and ideas of themselves. One of her well-known projects is *69, which is a piece that was created to fight back against catcalling. One summer when she was living in Brooklyn, she would get catcalled and begin to think about the reasons behind catcalling and whether it was her fault which inspired her to start this project. She made a phone number and using Twillio, an American cloud communications platform, she connected the phone number to a server so that whenever someone would call the number it would not work since the voice box was full so they would have to text it. Whenever someone would catcall her she would give them a piece of paper with a phone number on it. If a catcaller did indeed message her (first image), they would get one of a series/stream of messages that Mimi programmed such as the one in the second image. Sometimes, the catcaller would feel bad (such as in the third image) while others would just cuss at her.

The numbers would then be saved to a database. Mimi was giving the papers throughout the summer and realized that she was creating a ‘catcaller database’. Mimi then worked on another project she called Pathways which showcased people’s subjectivity around the collection. She collected one month’s worth of data from four groups – 3 coworkers, roommates, a family, and a couple. Using the data, she was able to investigate and study ordinary people through their personal data. For instance, in the image below which showcases the data of the family, one can see that the mother did not travel a lot which was obvious since she was pregnant. Moreover, when the mother gave birth a lot of the family members were usually in the same area and Mimi was able to figure that out only using the data. 

Projects like these taught Mimi important lessons such as the importance of considering the collection process, and that if you haven’t considered the collection process you aren’t really considering the data. She also talks about how those with resources lack incentives and that collection takes more than it gives. This inspired her to make The Library of Missing Data Sets which is a mixed-media installation that showcases things excluded from society. Using this project and working with other small groups to work on different articles such as how people of color weren’t represented on Broadway (since there were no datasets that proved that this was true). She was able to see how small groups can collect data and make an impact. It also showed how people are better than machines when it comes to figuring out what isn’t being collected. One major issue in society is when it comes to selection and who chooses what is being collected and how information can also be manipulated. This is why it is exceedingly important to dig underneath the surface and try to think outside of the box. People like Mimi just show the importance of under-represented datasets and how they can be used to impact society positively. 

Categories
2. Lost and Found

Lost and Found – Mohamed

Since I enrolled in the class late, I was able to choose and recreate an item that I lost. The item I recreated was one of my favorite socks which has an off-white color with a bunch of smiley faces all over it. Unfortunately, I have still not found them and I am still looking forward to the day of our reunion. Creating this drawing was interesting and took me longer than I thought it would, but I learned so much and according to my memory the sock looks very similar! 

My Code: https://editor.p5js.org/maa1050/sketches/sQ6wcnJsg

Categories
1. Coding from life

Coding From Life – Mohamed

I really enjoyed working on this assignment. One of my main struggles was figuring out how to make the shapes look identical to the ones in the painting as they are not perfectly regular. I look forward to learning more in this class!

My Code: https://editor.p5js.org/maa1050/sketches/rFzGOjTdXb