Game
Hyper Gauntlet
12 years ago

Vignetting and communicating with the player without distracting them


In the past couple of days I’ve added a vignette system to Hyper Gauntlet. A vignette is a coloured border around the edge of the screen. Typically it’s black, and goes pretty much unnoticed. I aim to replace the colour-changing background with it for two reasons:

  1. You probably just said “What colour-changing background?” and went to check.

  2. The eye sees and responds to changes better when they happen in the corner of your vision

So by placing a coloured border and changing it depending on the state of the game, responding to runs, power ups, slow motion, etc. I can give a subconscious hint to tell the player of game state changes without getting in the way of obstacles.

It’s not just the colour you change to that can be important, either. You can adjust how prominently a player will notice the change (for important or unimportant state changes) by changing how quickly the colour tweens in. A slow fade in will be barely perceptible, and should be used in situations where the player already knows what’s going on, such as when manually activating slow motion, or when a level up happens, A quick fade in will be sudden and immediately noticeable, and risks distracting the player from the action, but can be used effectively. Think the colour flash that happens when you’re shot in most FPS games. You notice it, particularly when you’re not expecting it, and for better or for worse it’s a good indicator that you need to quickly spam the mouse around looking for who’s shooting you.

So here are a couple of vignette colours that I’ll be using, so you can get used to them before v0.9 drops.

Slow motion

Health loss

5d0c5814ce946.png

Level up

5d0c5815c852e.png

Run

5d0c581705433.png

So what do you think? Leave a comment if you like it, or tell me what I’m doing wrong!



0 comments

Loading...

Next up

Hyper Gauntlet v1.0 Released! I can’t believe I finally get to say this, but here we are. Hyper Gauntlet [ http://www.udellgames.com/games/hypergauntlet/ ] is out now! Use the widget below to buy it, more stores coming soon!

This Satuday we invite to watch another #speedpainting of our artist Daniel Faiad.

How great is this scene of #Pecaminosa?

#ScreenShotSaturday | #IndieDev | #DigitalArt

Smile! Here, take some happy pills! ✨💊 #Blender #3DModelling #3DArt Buy me a Ko-fi: https://ko-fi.com/barbarafb_

Shoobies leave a sticky trail of mucus in their wake, which can impede movement for any creature that steps in it.

"Thanks guys for endless hours of fun." 👍

(My first fan art. Read the article, please.)

#sonic #mario #photoshop

What you all think

We're glad to announce that Baby Dino Adventures 🦖 is now available in Early Access here on GameJolt! Link: https://gamejolt.com/games/babydinoadventures/508121 Walk, run, and jump as a baby t-rex in this cute platformer Free demo available #IndieGame | #GameDev | #PixelArt

I worked so hard to get all four of them to the end safely, but then...

An infected room from the second part of Cybel ! Are you up for some cleansing?

Very ambitious construction going on in Planet Zoo on Plays today. We're tryin'. LIVE: www.twitch.tv/dreamhackplays