Category: F2023 – Aya

Concept:

The basic concept of this game is a simple catching game where players control a basket at the bottom of the screen, moving it left and right using arrow keys, to catch objects falling from the top. The objective is to catch these falling objects to accumulate a score, with the goal of reaching a target score of 55. Once the player achieves or surpasses this score, the game concludes with a “You won!” message, testing the player’s hand-eye coordination and timing skills in the process.

 

Purpose of the Game:

Through this basic basket game, I would like to promote sustainability and environmental awareness. I will change the stick to a recycle bin and the falling objects to different kinds of garbage. The purpose of this recycling game is to offer an interactive platform to educate players about responsible waste management and recycling, emphasizing the positive impact of individual actions on preserving the environment. By collecting garbage with a recycling bin, the game can encourage players to adopt eco-friendly practices and underscores the significance of recycling as a means to reduce waste and conserve resources. This concept aligns with the goal of inspiring players to take real-world steps towards a cleaner and more sustainable planet.

 

Improvement:

To enhance my recycling game, I should consider implementing the following improvements:

Firstly, I should enrich the game’s visual experience with polished graphics and animations, along with a thematic background to reinforce sustainability. Secondly, I might incorporate sound effects and music for immersion. And gradually increase difficulty levels and introduce diverse recyclable items and challenges. For example, I can add power-ups, bonuses, and obstacles to make gameplay more engaging.  I would like to ensure responsiveness across devices and optimize code for smooth performance, accounting for accessibility features. Finally, I will consider localization to reach a wider audience. These enhancements can elevate the game’s impact and educational value while making it more enjoyable for my players.

Concept

For my midterm project, I want to create an engaging game by incorporating various elements, including sprites, background parallax scrolling, object-oriented programming (OOP), and TensorFlow.js integration for character control through either speech recognition or body motion detection (not sure if I can pull it off).

Most of the work I’ve done so far focuses on researching 2D side-scrolling game development, sprite creation, and background parallax scrolling techniques. I have also begun to explore TensorFlow.js, gaining a foundational understanding of its capabilities. The design phase is ongoing, with a focus on brainstorming methods to seamlessly integrate TensorFlow.js into the core gameplay experience. Although I have not yet begun coding, I plan to create preliminary prototypes to evaluate and refine my TensorFlow.js-based character control concept.

Potential challenges

The integration of TensorFlow.js introduces a learning curve and the potential for technical challenges. I am committed to investing the necessary time and effort to overcome these hurdles.

The accessibility and applications of computer vision in the arts are explored in the document “Computer Vision for Artists and Designers: Pedagogic Tools and Techniques for Novice Programmers.” It discusses how advancements in software development tools, open-source communities, processing speeds, and affordable hardware have made computer vision techniques available to novice programmers and interactive-media artists. The document covers various aspects of computer vision, including its integration into interactive art installations, elementary vision algorithms, the importance of physical environments, artist-friendly toolkits, and a student project example. However, alongside the opportunities presented by computer vision, it is crucial to address the ethical concerns associated with its implementation.

Ethical concerns arise from the use of computer vision technology. One major concern is bias and discrimination, as algorithms trained on biased or unrepresentative datasets can perpetuate societal biases and lead to discriminatory outcomes. Invasion of privacy is another pressing issue, with facial recognition capabilities enabling surveillance systems to track and monitor individuals without their consent, raising questions about privacy rights and consent. Ensuring informed consent is important, as individuals may not always be aware of the extent to which their personal data is being collected and used in computer vision applications. Security and surveillance risks exist, as misuse of computer vision technology can result in unauthorized access, breaches of cybersecurity, and potential mass surveillance. Lastly, the widespread adoption of computer vision can have social impact and inequality implications, exacerbating existing inequalities and raising concerns about job displacement and socioeconomic disparities.

Addressing these ethical concerns is crucial to ensure the responsible and equitable use of computer vision technology. It requires measures such as curating diverse and representative datasets, implementing bias mitigation techniques, safeguarding privacy rights, providing transparent communication and consent mechanisms, prioritizing security and cybersecurity best practices, and considering the broader social implications to promote equitable outcomes. By integrating ethical considerations into the development and deployment of computer vision systems, we can harness the potential of this technology while mitigating its potential harms.

Generative Gallery: A Digital Art Experience

Concept: 

The concept of the art gallery is to create an immersive and interactive digital art experience that showcases the power of generative art and Object-Oriented Programming (OOP). The gallery is designed to engage visitors in a multi-sensory journey through four distinct exhibits, each of which highlights different aspects of generative art.

Project Components:

• The background will be an image of the art gallery.
• There will be a soothing sound effect in the background
• On screen text will provide information about the art.
• The project will be implemented using object-oriented programming.
• When you start the project, a screen with instructions will be displayed.
• You will be able to interact with the project by clicking on the screen to look at the art.
• I will include a “Start Again” button, allowing you to start a new session without having to refresh the page or restart the sketch, ensuring a seamless experience.

This code just displays the exterior and interior of the art gallery.

Challenges:

Creating a Generative Gallery: A Digital Art Experience in p5.js will be an exciting project. It will come with some challenges I’ll have to work through. I’ll need to create complex art that changes in real-time, making sure it runs smoothly. I’ll need to design buttons and stuff so people can use the art easily. I’ll also have to think about how it will work on different screens and use a way of coding called object-oriented programming, which will be kind of like making different building blocks for the art. Finding and fixing mistakes in the art will be tough, but I’ll learn a lot. Making sure the art is well-documented will be important for others who might want to understand it. Despite these challenges, I’ll be proud of the result – a cool digital art experience that I hope everyone will enjoy.

 

Concept: PuzzlePlay

This project idea sprang from something personal and relatable – my sister’s love for solving puzzles. It always fascinates me yet triggers me how she has the patience and dedication to tackle intricate puzzles. It got me thinking, why not bring that captivating experience into the digital realm? I want to create a digital puzzle game that captures the essence of those satisfying moments when you piece together the final part of a puzzle.

But here’s where it gets exciting – users can take the reins to customize their puzzle-solving journey. Inspired by my sister’s passion for puzzles, I want to offer users the freedom to tweak the puzzle’s difficulty. They can do this by adjusting the number of columns and rows in the puzzle. It’s like having the power to set your own challenge level. this project aims to provide an interactive and enjoyable experience that’s both personal and engaging.

User Interaction Design:

• The user is greeted with on-screen instructions 
• The puzzle piece will be an image from online
• Puzzle pieces are displayed on the canvas, and users can click and drag them.
• A “Shuffle” button resets the puzzle.
• Sound effects play when pieces are clicked or moved.
• Upon completing the puzzle, a “Congratulations!” message with a celebration sound effect is displayed.

 

The most frightening or complex part of the project would be the implementation of puzzle piece movement and the logic behind shuffling the puzzle once the user has completed it. 

Piece movement:

As far as doing something to minimize that risk I’ve created a quick draft here of what the final project may look like I’ve numbered each piece on the puzzle so it will be easier for me to identify  the grid location and can later replace the number with the image that I’ll use 

Swapping pieces and finding the empty position: ( swap find/ 0 position):

I’ve created a function that allows me to check when the box is clicked if it’s valid to move to the empty position or not, also I created a function that can allow me to swap the pieces. Through an “IF” condition we check if the piece is valid/ empty then we allow the 2 pieces to swap.

For my midterm project, i researched many concepts but the concept that intrigued me the most is using animated sine wave structures to show data. As for the difficulties, the coding part of this concept is ranging in complexity, which i will have to pay extra attention to. Ive seen many examples on this interactive concept, i will figure out a creative way to join/connect all the things i learned in class also integrate sounds, and hopefully will have a final look to my project and by watching more tutorials on p5 i will be able to accomplish these ideas. To be Updated.

 

MY CONCEPT:

MY IDEA FOR MY MIDTERM COMES FROM THIS ARTWORK I PAINTED A WEEK AGO. WHILE I WAS PAINTING THIS PIECE, ONE OF MY FRIENDS SAID THAT THE PAINTING REMINDED HER OF AN AURA. I FOUND THIS INTERPRETATION OF MY PIECE VERY INTERESTING, SO I DECIDED TO PURSUE IT FURTHER AND CREATE A GENERATIVE P5 ARTWORK BASED ON IT. I THOUGHT IT WOULD BE REALLY COOL TO USE PERLIN NOISE AS ONE OF THE METHODS TO RECREATE THIS PIECE DIGITALLY.

https://editor.p5js.org/dianadonatella/sketches/GEIf0_ruE

 

TO MAKE THIS PIECE MORE INTERACTIVE AND INTIMATE, I WOULD LIKE TO ADD A FEATURE IN WHICH THE USER CAN TYPE THEIR NAME INTO A DESIGNATED LINE OF CODE AND THE ARTWORK WILL DISPLAY A UNIQUE RANGE OF COLORS THAT REPRESENT THEIR AURA. (MANY THANKS TO PIERRE FOR THE NAME) ADDING TO THIS IDEA, I’D LIKE THE NAMES THAT ARE TYPED OUT TO HAVE A UNIQUE SOUND IN ADDITION TO THE ARRANGE OF COLORS! FOR THIS PART, I WOULD MOST LIKELY COMPOSE SOME MELODIES OR USE A RANDOMIZED ARRAY OF NUMBERS REPRESENTING STAFF NOTES.

 

THIS PROJECT WILL BE DIFFICULT BUT I REALLY LIKE THE IDEA, SO I AM EXCITED TO TAKE ON THE CHALLENGE.

HERE ARE SOME BRIEF IDEAS FOR HOW THE SKETCH COULD APPEAR. (THESE ARE ROUGHHHHHHHH)

 

 

 

 

 

 

 

 

 

Computer vision algorithms have transformed the way I approach art and real-world problem solving. These algorithms track people’s activities in real-time, providing reports on identities, locations, gestures, and more. As a novice programmer, I have found it easy to implement user-friendly vision techniques quickly, while artists and designers can access advanced toolkits through popular authoring systems like Max/MSP/Jitter etc.

Software authoring tools have become more user-friendly, enabling art and design students, as well as novice programmers, to create interactive experiences for the web, installations, performances, kiosks, and prototypes. The integration of live video cameras as inputs has fueled the demand for straightforward computer vision capabilities.

Implementing machine vision techniques directly using environments like Processing, with its graphical capabilities, has proven rewarding. Computer vision has revolutionized art by enabling interactive and immersive experiences. In real-world problem solving, it has transformed fields like surveillance, robotics, and healthcare. Its ability to analyze visual data opens up new possibilities for understanding and addressing complex challenges and the reading has left me feeling more clear with what could be achieved with such stuff.