Object Design for Collecting Games inside Each Chapter

Introduction

This wiki page is mainly discussing about the graphic design part for the objects in the collecting games in each chapter. The design contains the objects from Chapter 1 to Chapter 3.

Design Process

Requirements

The collecting game inside Chapter 1 requires player to collect tools to fix an electricity switch. Thus, all the objects it needs are:

1. broken electricity switch
2. fixed electricity switch
3. several tools/objects that related to the theme

The collecting game in Chapter 2 and Chapter 3 are slightly different than Chapter 1's. These collecting games are the tasks that assigned by NPCs, so it is only necessary to design the objects that from NPCs' order, which are:

1. coral
2. jellyfish
3. seaweed

Research & Examples

Electricity Switch

By searching online, the most common electricity switch looks like the picture below:

This type of electricity switch looks really dull outside and too complex inside, and it is also not obvious enough for players to notice it. Then we found this type of electricity switch that looks obvious and also have the electricity icon design on it to make it clear of its usage. So we decided to use this as the prototype to design both the broken electricity switch and the fixed switch:

Fixing Tools & Objects

Considering the fixing tools, the most common ones are pliers and screwdrivers. Even though they may not the suitable tools for electrical maintenance, they are obvious and typical enough to users to recognize and figure out the usage of them.

Another tool that we all agree is batteries. It sound's really weird to use batteries to fix an electricity switch, but this is something that related with electricity stuff and also easy to see the connection between it and the electricity switch.

Coral

For the design of coral, there are many different kinds of corals and they could look very different. We did the research and find out the the most recognizable coral drawings are the type of corals that looks like antlers. When we trying to search coral drawings, here comes the result: Thus, we decided to use this type of corals as the original references for our coral design

Jellyfish

Just like the coral, jellyfish also has may types and shapes. But generally, they all have one transparent-colored blob and many tentacles underneath. Due to the basic structure of the jellyfish, our design just need to follow this pattern.

Seaweed

Seaweed could be the easiest design comparing to all the other objects. Even though realistically, they are really hard to draw and looks just like a mess, people already have the basic recognization of the easy-draw version of seaweeds just like the drawings in children's books. Below is the realistic seaweed:

And here is the more recognizable easy-drawing version of seaweed:

Design

The design standard follows Pixel Grid Resolution

Electricity Switch

According to the reference picture, the basic shape of the switch should be rectangular. To make the electricity switch more recognizable, we put a big electricity icon on it (but players has to fix it to see the icon).

Here is our design for the broken electricity switch:

Here is our design for the fixed electricity switch:

Fixing Tools & Objects

At first we thought about making the plier and the screwdriver separately, then we thought the tool itself may look too simple. So we finally combined them together, and used the tool icon as the reference picture:

Here is our design for the fixing tools:

Then for the battery, we used the battered icon in emojis as the reference picture to help our design:

Here is our design for the battery:

Coral

Even though corals have many colors, according to the description in the script, the coral should be "fluorescent coral", so we made it with the color of hot pink to make it "fluorescent" and stands out more in the screen. We also used different hues to create the feeling of depth.

Here is our design for the fluorescent coral:

Jellyfish

The hard part of designing the jellyfish is the transparent color and the multiple tentacles structure. We used light purplish blue to create the feeling of transparent, and tried to make the tentacle part as thin and as many as we could.The whole jellyfish looks in a dreamy soft purple-blue color and in a round and bouncy feeling.

Here is our design for the jellyfish:

Seaweed

For seaweed we just followed the basic children's book easy-drawing design. Like the coral, we added two pieces of the seaweed to make it look more interesting and created the depth of the image.

Here is out design for the seaweed: