Totem Teller is about discovering things alone. Explore a beautifully broken world of stories. Truth is in the Telling.

Report RSS Totem Teller: DevLog - Beach Trip

In this DevLog, we take a deep dive into the process of building our beach area.

Posted by on

Void Path - Concept & Visuals


LOG: BEACH TRIP - CONCEPT & VISUAL DEV

Much of the earliest media we've shared has been from our forest area. It's just one of four major environments in Totem Teller. Recently we switched level design focus to the coast area, specifically our beach.

Breakdown: Building a wave

Here's a look at the process of bringing sea to shore.


Usually, I'll start with a thumbnail sketch, just thinking about general shape/motif. Each area theme is tied visually to narrative concepts this way. While forest is predominantly angular and very contrasty -- unyielding logic -- The beach employs curves, softer, cooler hues and sine wave forms meant to evoke openness & empathy:

Beach Thumbnail


Next is a more traditional level design (LD) sketch. Here I'm focused on distance between points, major location features and relative asset scale. I use the lasso tool and a mono palette so I remain focus on those things, rather than art details.

Beach LD Sketch


That LD sketch is then used to identify asset need. I sketch those very roughly, then move them to specific files grouped by type (flora, topography, etc). This first pass is always 'common' assets - stuff with high reuse. I'll do 'hero' assets for set piece locations and interactives in a much later pass, as being certain of scale and function is a necessity to avoid wasted art.

Beach Asset Textures


Motion of the Ocean

The priority (untested) aspect of the beach art was nailing the 'flat' beach wave cycle. So we started on that first. I produced a mock-up image (constructed of final textures) in photoshop, just to make sure everything is visually in sync:

Wave Mock-up


Next, those textures are exported and bought into unity for animation. We have several choices for animation, but regular unity anim is the fastest(if janky to use) option for the base wave asset, as exact control over timing was important:

Animating the Wave


After the wave timing anim is there, we move to secondary animation and effects. In short, more layers, color animation, some distortion shaders.

Wave Secondary Anims


Happy with the main wave, next we had to address the seam between sand and the main body of the sea. It's also where the player would be blocked, so some visual delineation helps. The wave covers this most of the time, but we need to know that's not too jarring in the few cases it is seen. In the end we went for a combination of a few planes - sea 'fill', rolling waves and an irregular distorted edge. It'll do for now.

Main Ocean Seam Cover


Now the fun part starts. Deco, FX, polish. Jerry wrote a nice little anim timing offset script so I could finally add the 'relief' waves. So a new wave is always arriving as the previous recedes. After timing is adjusted, the sea seam is never fully exposed.

Polishing the Wave


Earlier, Jerry had also done some work on a reflection shader. As a first test we set it up on some of the rocks:

Reflection in the Ocean


I dressed the dunes/inland with the other assets I'd prepared. Practically, I'm testing how well things transition from inland flora. The inland stuff will come into to play more in another area of the coast:

Inland Deco


Some distinct post-process and color adjustment for the inland area vs the beach. You may have noticed the base assets are fairly low in saturation and contrast. It gives more range to adjust in engine:

Inland Post


Beach Vista


Finally, some tuning on the shader and animations for a more irregular/random wave shape and a softened leading foam edge:

Irregular Wave Edge


Still not 100%, but - it's definitely a beach! When we next revisit this I'll probably add a small crest in the sea for each wave, so there's a more definite source. We've also got to add FX for impacts on submerged objects, the Teller's footsteps/reflection.

That's it for this log - follow us in all the places below for the latest on Totem Teller development.

Stay up to date on Totem Teller:

Comments
Immudelki
Immudelki

Thanks for that in-depth article, very interesting to read :D

Reply Good karma Bad karma+1 vote
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.

Follow Report Profile
Icon
Totem Teller
Platforms
Windows, Mac, Linux, XONE, PS4
Developer & Publisher
Grinning Pickle
Engine
Unity
Contact
Send Message
Homepage
Totemteller.com
Release date
Game watch
Follow
News
Tags
Dev Diary
Browse
News
Report
Report
Share
Related Games
Totem Teller
Totem Teller Adventure
Related Engines
Unity
Unity Commercial
Related Groups
Grinning Pickle
Grinning Pickle Developer