HTML
games
Friend Maker was a project which I created with one of my classmates, Luca Shirabani, as part of my Creative Coding Class. I was responsible for the CSS, art assets, and different javascript functions throughout the project. I learned a lot about how you can make web games using javascript and D3 during this project.
This project was made using HTML, CSS, and Javascript.
FRIEND MAKER
CONCEPT Friend Maker is a dress up style game which allows players to customize and feed their own animal friend. I created this because my sister loves Build-a-Bear and I thought she would love this too.
BEAR BABY
CAT COMPANION
FROG FRIEND
RAT ROLEMODEL
OUR CAST These are some vector animal characters which I created for this game. It was important to me that each character be similar in height and build so that accessories and drinks will work properly. Beyond this, I also wanted the characters to be cute and friendly. I created a variety of animals that people generally really like to appeal to everyone. Visually these characters are quite simple so that they can be animated using CSS. Their heads will slowly bob and they will wave at you.
PENGUIN PAL
ELEPHANT EQUAL
WIND MILLS
WATER LILIES
SNOWY MOUNTAINS
LOG CABIN
BACKGROUNDS To help give these animals a home, I have created 4 vector environments for them to live in. Each of these backgrounds are based on different climates. I had originally decided I wanted one grass, water, snow, and forest background to fit the needs of most of the animals I had created. Each of these keeps a similar flat aesthetic as the animals above.
ALIEN
ORANGE JUICE
TOP HAT
BOBA
BOW TIE
PARTY HAT
MILKSHAKE
COFFEE
ACCESSORIES & DRINKS Players have the choice to add a drink and accessory to their friend. These act as an additional form of customization to make the friend feel more personal to the player. I have created some iconic drinks so that people can select a fun drink which they enjoy. Similarly, the accessories were created to be fun and appealing to anyone.