Click the link above to see our post!
Xiangyu (3179314) , Elijah Silverman (3178871) , Joe Moore (3178580)
Click the link above to see our post!
Xiangyu (3179314) , Elijah Silverman (3178871) , Joe Moore (3178580)
The Bird Call
Sara Hosseini (3186250)
Kyle Shoesmith (3177832)
Giulia Zefilippo (3179987)
It is a social interaction/experience game involving two species (Raven or Dove) of birds interacting with each other. It is a sandbox/open-world game where each player individually controls a single species of bird, which can move around using arrow keys. The players are incentivized (when they see a bird call appear in a certain direction) to find the other players in the forest and interact with them. However, the map is large, and with random spawn points, it is difficult to find other players. Fortunately, all players have a call function (spacebar), also known as a bird call. If you see a bird call (either a coo or caw) in a certain direction, you can follow that direction until you get closer and find the other player. If you or the other player start distancing yourself, you will not be able to see their call function.
First version (with basic mechanics).
Collision Testing with filler objects (coding from p5.play library).
Camera (p5.play library) was added to each player for them to explore a 5000 x 5000 scene.
We added assets / sprites (tree and bushes) that cycle through an animation loop and are randomly placed throughout the canvas with colliders (only on the trees).
We tracked the location of each player / bird to determine their location value in the canvas and compared the distance between players. We also added a random spawn point for each player on the scene and each time a player moves, their location is sent over PubNub.
With this information, we were able to attach their location direction and announce it with a “bird call” sprite and send it to each player, but the distance which the player is able to view the call of another player is also limited. This guides the player to follow the “bird call” in a certain direction and meet up with the closest player.
An interval timer was added to the bird call to prevent spamming and the life span of the “caw” sprite was increased so each player has more time to view the bird call on the screen.
P5 Web editor / Coding
Screen recording of the Project:
Player 1: https://ocadu.techsmithrelay.com/6Z3Y
Player 2: https://ocadu.techsmithrelay.com/aEBB
Wireframe – Planning of the Bird Game
Birds in Legend, Fable and Folklore
“The hermit crab always takes for his habitation the shell of another animal, often that of the common whelk.” (Jordan, David, Kellogg, Vernon, 175)
Hermit Grab is a game where players take the role of a tiny hermit crab on a beach. These crabs must first race, then fight over a single shell. The main idea for this game has its roots in a video by the BBC regarding how hermit crabs trade over shells, those unfortunate enough to be the same size as other crabs will find themselves in a sort of fight over a new home. This idea fostered the creation of our game, here we decided to pursue what it would be like to represent the idea of resource scarcity. This theme was inspired by how our pollution has been affecting multiple areas of the Earth, especially in the Ocean; a place where we have not only rising sea levels but also in acidity. This catastrophic change in the Ph of the water as negatively impacted marine life, making it hard for animals that rely on Calcium Carbonate (i.e Mollusks, Crabs, and various Shellfish) for their carapace to thrive and even survive. Hermit Grab places users in this position of survival as these crabs are not only fighting for a home but also their lives.
There are two players that they are in a competitive relationship. They compete to get the only one shell. The player with the shell at the end of the game wins.
. (From left to right, up to down: Background; Hermit crab; Shell; Hermit crab with shell)
Rules of the game:
Link to the video:
Wireframe Planned Game
Weiqi Wu (3175842)
Ryan Boyd (3180091)
Alfonso Gabriel Benitez (3178921)
Project by Rhepa Kamal , Quinxinrui Zhu, Iris Andrici
The game is about two scientists in the forest continuing their uncle Fargo’s lost research after discovering the map to his lab.
In this game, the players are meant to plant flowers together but the lab has two separate locations only connected by one crafting machine. The two players must collaborate to finding the seeds in their lab and combining the seeds in each area to finally get all ten flowers within the Glossary.
If We Had One More Week…
we would have definitely implement more features such as inventory system and a crafting system. We really wanted to create a crafting system where players can combine potions to create seeds, but it was challenging for us. We also wanted to include more aesthetics and animation to make the game feel more engaging.Eventually add more flowers and puzzles, and even NPC’s where you have to complete quest to acquire the seeds.
In terms of interaction, it would be awesome to include dialog that triggers in certain events, such as when the player fails to combine the correct potion and include a chat box which was difficult for us to include.
Design Elements : S P R I T E S
Design Elements : T I L E S
Design Elements : F L O W E R S
Design Elements : U I
Design Elements: G L O S S A R Y
We wanted to more directly implement our book into the game. That is why we used the references for the flower sprites we made to use as Easter eggs throughout the game and in the glossary the player can access at all times.
Deciding on the Map
Alternate Ideas When Unity Didn’t Work
Small humanoid pests begin to bother you. Person on main screen sees the scenario while four people on their phone cannot. Player on screen must draw in symbols what is happening so the person with the specific superpower can do their action within a time limit (raising it high or shaking it a lot). Goal, grow your plants and don’t get them eaten by pest. Possible power: rain, sun, shade, pesticide.
We worked very hard on getting to the place we have. Even though unfortunately our best version of the game is not polished and buggy, we are happy with how the project turned out and will try to improve it further when we have time throughout the year.
“We are aware that all leaves are beautiful to the thoughtful and careful observer of nature; the examination of each leaf reveals beauties that to the ordinary observer would pass unnoticed.”
— Beautiful Leaved Plants.
Hi, we are Emily Flood, Jiayi Chen, Ruby Tran, and we are from group #5. The game we want to introduce today is (“Pantodraw”). It is a web-based multiplayer interactive game. There are two roles in our game: painter and player. The main activity of this game for the painter is to draw the given illustration from the book: Beautiful Leaved Plants, while players need to guess what the correct image that the painter is drawing from three choices, and this process is time-limited. Users are going to use Microsoft Teams as the communication tool and using Microsoft Whiteboard to interact.
Earlier for this assignment, we decided to create a virtual game of charades. One player acts out a word, on video, and the other players will try to guess what it is. They can enter their answers through the chat and they will show up on the game’s webpage. As we went through the book, we found that plants and their relative terms are really hard to act out. Instead, we believed that illustration is a better way to express and also a good way to introduce those beautiful plants on our lovely earth to more people. Basically, the gameplay was inspired by Beautiful Leaved Plants.
DIGF-2014(20FA) Assignment #1: Chat++ By: Emily Flood（#3169786) Jiayi Chen (#3175402) Ruby Tran (#3177952）
By: Neetu Sajan (3188193) , Nazheef Rahman (3179193), Isabella Del Nibletto (3175624)
The multiplayer interaction we had created has a theme of flowers. Each player interacts with a game that involves flowers. Player one controls the flower growth. When they click on the screen, a flower will grow, and if they click again more flowers will start to appear and grow. Player two controls the weather. By clicking on their screen, rain will begin to fall, but when they click their screen again, the sun will appear. Player two also has a bee attached to their cursor. When the bee moves around the screen it will “pollinate.” The background of both multiplayer interactions is hand drawn and done with watercolour, which adds a nice contrast to the code. Both multiplayer interactions were coded on p5.
Screenshot of Interactions:
Screen Recording via Tech Smith:
Link to Book:
Player 1 (flowers): https://editor.p5js.org/neetusajan/present/8-f63w6DC
Player 2 (rain): https://editor.p5js.org/neetusajan/present/8-f63w6DC
The book “Illustrations of the Nests and Eggs of Birds of Ohio” (Internet Archive) does exactly as its title says; shows the various birds and their nests and eggs with beautiful illustrations. It is a remarkable visualization of the diversity within nature; of how beautifully different we all are.
In spite of these differences, we are all intangibly connected. The actions one takes individually – no matter how big or small – are experienced collectively. “Egg in a Basket” is a representation of this. We all only have one home, one nest, one basket. We only have one egg, one chance, one life. And we must work collectively to protect it.
Using websockets and device rotation data, our game involves tilting and rotating your phone to keep an egg balanced within a nest/basket. Each ring in the nest represents a player connected to the game. Each ring is animated using audio from the connected players microphone. Creating a visual representation of the presence of others. Although you cannot hear them, you can see they are connected and are impacting the egg on your screen. Players must work together to keep the egg centred, safe in it’s basket. A metaphor of how we all must work together, no matter how far apart, in order to ensure our collective survival.
Nicole Vella (3174687)
Serena Chow (3167001)
DGIF2014: Assignment 1; Chat++
DIGF-2014 – Atelier I: Discovery
By: Arashjot Kaur, Karen Quach, Zhiwei Luan
Our multiplayer game is based on the book “The Blue Book of Birds of America” with the book we create a bird watching type game. The game is played with 2 players with one of the players being the ‘host’; the host will start the game when both players are ready. Once the game starts the scene will load and a random bird will be given to each player, after a bird is found another bird will be given, find as many birds within the time limit, players with the most birds found wins.
The game has a total of 15 possible birds to find within the two minutes.
To create the game we used p5.js, the photos were edited on photoshop, with filters.
Process work 1 – http://https://editor.p5js.org/3178741/sketches/_ht1vtYQB
Process work 2 – http://https://pastebin.com/iYVvs3va
Process Work 1 Demo – http://https://ocadu.techsmithrelay.com/EA0e
Where’s Bird-o Demo – http://https://ocadu.techsmithrelay.com/khWr
The Condor is a new method for communicating. Our goal is to present an offering that is geared toward taking time to slow down and connect with others through symbolism and poetry. Users can experience the joy of poetry and abstract thinking while being gently persuaded to take a breath and enjoy the present moment.
Our influence comes from the Birds on the Wing a Victorian children’s book about birds. The book references the strength and freedom of the Condor, who battles the storm to get to it’s nest. By applying this theme to our own experience, not as birds but as artists and designers, we concluded that the Condor is a good representation of expecting to have to work hard to get where we are going and constantly push ourselves to do better than we were before.
Our multiplayer experience had many iterations and we had to pivot the functionality to better suit our time constraints and coding abilities. Tae has been instrumental in organizing the home page of our site, and performing an exploratory foray into Unity. Doris’s talents as an artist gave her the confidence to take on responsibility for all the graphics, diagrams and characters from the book. Marquessa has built the in-game code, future projection prototype in XD, and the copy.
Player Interaction Diagram
We simplified the interaction for this project. We do believe that it is possible to incorporate many users into the experience.
To start the experiment we decided that it would be good to at least try to explore different avenues of what is possible.
HTML, JS, CSS Experiments:
The group decided that we were going to go with the 3rd concept from our previous assignment, a slow communication experience. We started out with something that looked like this:
We took the bird characters from the book and linked them to the individual canvases. (With a moderate amount of success.)
In this photo, we are beginning to organize the canvas and background.
Our initial work in progress looked something like this video. While we appreciated the abstract birds, the location, pace of the scrolling text, and a few other tweaks weren’t quite right.
After the feedback, we modified the canvas to be more aesthetically positioned. We also played with the grid, size, and pattern.
It took the full experiment to get here. But through much discussion, videos, phone-a-friends, and successes – we made it!
We are very proud of the result. It has a very strong visual language and relates to our own experience through this experiment. We are all the Condor.
Our goal was to create a shared canvas that users could bring sections of the poem into the experience, which could then be reordered to create a new meaning and message to an old poem.
As of right now, we were not able to accomplish this goal. With more time and a better understanding of how to express our ideas in code – we believe that we could produce something like this XD prototype.
P5 Web Editor Link for Experience:
Pastebin Link for Homepage:
Tae Nim (3170229)
Marquessa MacKenzie (3174722)
Doris Gao (3175995)
Welcome to OCAD University Blogs. This is your first post. Edit or delete it, then start blogging! There are tons of great themes available for you to choose from. Please explore all of the options available to you by exploring the Admin Toolbar (when logged in) at the top of the page, which will take you to the powerful blog administration interface (Dashboard), which only you have access to.
Have fun blogging!
Use of this service is governed by the IT Acceptable Use and Web Technologies policies.
Privacy Notice: It is possible for your name, e-mail address, and/or student/staff/faculty UserID to be publicly revealed if you choose to use OCAD University Blogs.