Skip to content

Ninja Starfish (Ranged Enemy) Design Process

LungYuLin edited this page Oct 3, 2022 · 18 revisions

Link back to the main page

Design Inspiration

The concept of starfish came from a series of research about "deep sea creatures."[1] After deciding starfish as our second ranged enemy, the idea of the combination of Ninja came from the shape of starfish which is similar to a Ninja's weapon. The requirements of Ninja Starfish enemy include:

  • star shape
  • eyes or mouths in the middle
  • Ninja traits
  • holding Ninja weapon(Shuriken)

[2]starfish1 [3]starfish2 [4]starfish3

[5]starfish4 [6]Ninja [7]NinjaTurtle

Design In Progress

Low Fidelity Prototype

After searching through "Ninja Jutsu", eight low fidelity prototype were created. Every enemy has its own special way of attack.

The Ninja traits included:

  1. Ninja wheel eyes.
  2. A Ninja bandana.
  3. A star-shaped weapon.
  4. Ninja hurricane.
  5. Ninja face mask.
  6. Ninja eye mask.
v1 v2 v3 v4 v5 v6 v7 v8

Medium Fidelity Prototype

Our team decided to use "Sharingan", a Jutsu that can copy wheel eye, as the main trait of our character.[8] Sharingan

The design also focused on creating east and west direction for the enemy. In this stage, we made an animation for the two candidates enemies walking so that we can better ensure which enemy is the one we wanted.

mid-fi 1 mid-fi 2 mid-fi 1 mid-fi 1

pixil-gif-drawing-2 pixil-gif-drawing

Colour Inspiration

The colour inspiration of starfish enemy is from the picture below.

[3]starfish2

In the last design stage before user testing, isometric design is also considered. Some shadows of the starfish is created and it gave the starfish a 3D-ish look.

pixil-frame-0-18-2 pixil-frame-0-18

User Testing

The details of medium fidelity prototype is over here. In this user testing, we found 36 users who like to play games and most of them like the colour of the design. Therefore, we will not change the colour. Also, majority of them can see this character as a ninja starfish is also a success. The one thing we wanted to especially focus on is the isometric feel of this character. After conducting this user testing, we realise that we need to develop a more 3D look enemy so it could better suit with the whole game.

Final Design

In order to deign a more isometric starfish, several further researches were executed. The pictures for ideation and imitation were provided below: (both real starfish and hand drawing starfish)

[9]3d starfish 1 [10]3d starfish 2 [11]3d starfish 3 [12]3d starfish 4

After the researches stage, two new versions of the starfish were created.

starfish starfish1

We also put the original version and the two new versions into the game engine so that we can validate the isometric look of them.

Original version: origin

New versions: origin Screen Shot 2022-09-13 at 12 44 11 PM

References

[1] https://www.sciencefocus.com/nature/deep-sea-creatures/

[2] https://www.writeups.org/human-starfish-blackhawk-dc-comics/

[3] https://www.writeups.org/human-starfish-blackhawk-dc-comics/

[4] https://i0.hdslb.com/bfs/archive/02e3916e32009a28f1f44b66026409c21f08f26b.jpg@480w_270h_1c

[5] https://latestgamestories.com/2021/08/06/suicide-squads-project-starfish-and-villain-starro-explained/

[6] https://image-cdn.hypb.st/https%3A%2F%2Fhk.hypebeast.com%2Ffiles%2F2020%2F02%2Fsega-interactive-ninja-trainer-arcade-0.jpg?w=960&cbr=1&q=90&fit=max

[7] https://www.redbubble.com/i/notebook/Teenage-Mutant-Ninja-Turtles-2012-Mini-Pixels-by-geekmythology/14077534.RXH2R

[8] http://n.sinaimg.cn/sinacn08/245/w640h405/20180430/e0c8-fzvpatr3249341.jpg

[9] https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/%282%29_Starfish%2C_Oregon_coast.jpg/640px-%282%29_Starfish%2C_Oregon_coast.jpg

[10] https://www.teepr.com/wp-content/uploads/2020/06/0-62.jpg

[11] https://www.teepr.com/wp-content/uploads/2020/06/1-312.jpg

[12] https://pixels.com/featured/1-chocolate-starfish-ludwig-van-bacon.html?product=puzzle&puzzleType=puzzle-18-24

Table of Contents

Home

How to Play

Introduction

Game Features

Main Character

Enemies
The Final Boss

Landscape Objects

Shop
Inventory
Achievements
Camera

Crystal

Infrastructure

Audio

User Interfaces Across All Pages
Juicy UI
User Interfaces Buildings
Guidebook
[Resource Management](Resource-Management)
Map
Day and Night Cycle
Unified Grid System (UGS)
Polishing

Game Engine

Getting Started

Entities and Components

Service Locator

Loading Resources

Logging

Unit Testing

Debug Terminal

Input Handling

UI

Animations

Audio

AI

Physics

Game Screens and Areas

Terrain

Concurrency & Threading

Settings

Troubleshooting

MacOS Setup Guide

Clone this wiki locally