Fish for Fishies

Agency
Deliverables

Webflow Game • Webflow Development • Game Design

Role

Developer • Designer • Artist

YEAR

2022

CREDITS

Carl Gordon

DESIGNER

DEVELOPER

ANIMATOR

PRODUCER

DIRECTOR

Fish for Fishies combines my love for claw machines, fishing and pixel art and was an exploration into what can be done with Webflow interactions and Javascript. This project started as an experiment and quickly evolved into a fun little web game I decided to publish and share.

The idea for this game came to me while I was drawing and animating the fisherman on his floating island. I really wanted to create a game based around this character and decided to attempt the build in Webflow.

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

CHALLENGE

/01
Challenge

To create a game with Webflow and bring my artwork to life.

/02
KEY FEATURES

Designer, Artist, Developer

Dynamic Day / Night Cycle

The Day and night system switches the background of the game and also changes the variety of fish available.

Catch Combo Multiplier

The player can build a catch combo with successful consecutive catches that multiplies the points rewarded for each catch. This is the key to beating the game quickly as it rapidly increases the score gain.

Interactive Shop

There is a shop the player can access to exchange their points for various items that effect the gameplay. This shop was inspired by the street food vendors found in Japan as well as the exotic food they sell.

Fish inventory and info tray

There is an expandable inventory tray the player can access by clicking the fish icon in the bottom left of the screen, displaying all the fish caught. Details of each fish species can be revealed on hover.

/02
KEY FEATURES
Interactive Shop

There is a shop the player can access to exchange their points for various items that effect the gameplay. This shop was inspired by the street food vendors found in Japan as well as the exotic food they sell.

Fish inventory and info tray

There is an expandable inventory tray the player can access by clicking the fish icon in the bottom left of the screen, displaying all the fish caught. Details of each fish species can be revealed on hover.

Catch Combo Multiplier

The player can build a catch combo with successful consecutive catches that multiplies the points rewarded for each catch. This is the key to beating the game quickly as it rapidly increases the score gain.

Dynamic Day / Night Cycle

The Day and night system switches the background of the game and also changes the variety of fish available.

/03
MY ROLE

Designer, Artist, Developer

This project was entirely driven by my own curiosity for what game mechanics could be developed within a Webflow site. The artwork was also an exploration into pixel art and basic animation. I discovered some really cool methods for combining Webflow's interactions with custom Javascript throughout this project.