Tidal Zones of the Rocky Shore

An interactive version of the diagram on Te Ara’s Rocky Shore page, made in Articulate Storyline 360. I made a basic wave animated gif in photoshop for the water level to make it a little bit dynamic.

I had a bit of back-and-forth between using layers or states for the water level and the zone labels. I found layers would appear over the top of the buoy slider, preventing it working. In the end, I used items with states for the zone labels, water levels, and the labels on the sealife.

Background audio and sound effects from FreeSound.org:

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s