Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Newcomers AppGameKit Corner / How to program Heart Rate Monitor 2D

Years of Service
User Offline
Joined: 15th Oct 2018
Location: Barcelona
Posted: 11th Dec 2018 20:01
I still do not know how to plan the code, or how to program what they see in the Youtube video.
based on many small sprites ??? each one controlling his Alpha level?

Some advice, did someone do something like that for a game?
Years of Service
User Offline
Joined: 10th Nov 2008
Location: Germany
Posted: 11th Dec 2018 21:51 Edited at: 11th Dec 2018 21:55
Looks like work for some shaders.
I see a vignette and a grid you probably want to create manually.
But the Vignette looks like this in glsl:

I see a Blur effect which you can find in the Shaders Bloom example shipped with AGK.
Looks like this (you'll need to run a vertical and horizontal blur):

And the Grapth itself which could consist of a black and white path of the line blended with a horizontal fading texture which scrolls from left to right
you could probably calculate the scrolling texture in the shader but to have maximal control over the fading behavior I recommend a 1D texture.
Look here for a scan line shader I made

But I'm sure it can also be done with a nifty sprite trickery

Login to post a reply

Server time is: 2020-02-26 14:44:56
Your offset time is: 2020-02-26 14:44:56