Hi !
Featured games (84)
games approved by the League of Dukes
Games in Showcase (549)
Games in Android Showcase (137)
games submitted by our members
Games in WIP (594)
games currently in development
News: Read the Java Gaming Resources, or peek at the official Java tutorials
    Home     Help   Search   Login   Register   
Pages: [1]
  ignore  |  Print  
  Making sexy effects for in game buttons.  (Read 3578 times)
0 Members and 1 Guest are viewing this topic.
Offline mcurry

Junior Devvie

Medals: 1
Projects: 1

« Posted 2012-06-17 13:24:31 »

Hey guys, so I'm currently in the process of making a new set of menus for one of my games, and I want to have it so that there is a sort of "bloom" effect when you hover over buttons. Anyone got any ideas of how I could do this?

I'm using Slick2D.

What I thought might be an option is to create the normal button and the bloomed button in Paint.NET or whatever, and then make it so when the mouse enters the area of the button, it blooms. The only issue is that it's not a smooth transition, it's just BAM! Bloom. How could I transition it nicely.
Offline davedes
« Reply #1 - Posted 2012-06-17 16:44:02 »

Fade in/out the bloom overlay, ideally using easing.

Offline Danny02
« Reply #2 - Posted 2012-06-17 17:21:33 »

for all this easing stuff, take a look at the Tween-Engine at
Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline davedes
« Reply #3 - Posted 2012-06-17 18:06:45 »

If you're looking for something slimmer and more minimal than TweenEngine, you can use my Easing class -- essentially just a port of Robert Penner's easing equations.

Very simple usage:
protected float animate(float time, float start, float end, float duration, Easing easing) {
   if (time > duration)
      return end;
   float change = end-start;
   return easing.ease(time, start, change, duration);

//... to animate something going left to right
public void update(GameContainer c, int delta) {
   elapsedTime += delta;

   //elapsed time, start value, end value, duration in ms, type of easing
   mySprite.x = animate(elapsedTime, 5, 450, 1500, Easing.QUAD_OUT);

For a more practical usage, you could do something like this.

Offline AurelienRibon

Senior Newbie

Medals: 3

Toolmaker, yeah.

« Reply #4 - Posted 2012-06-18 13:46:25 »

On a side note, the tween engine can also do that Tongue

float value = TweenEquations.easeInQuad.compute(elapsedTime/duration); // value is [0..1]

See this for a list of all equations.

Offline Nate

« JGO Bitwise Duke »

Medals: 159
Projects: 4
Exp: 14 years

Esoteric Software

« Reply #5 - Posted 2012-06-19 02:27:46 »

I have one too! :p

Pages: [1]
  ignore  |  Print  
You cannot reply to this message, because it is very, very old.


Add your game by posting it in the WIP section,
or publish it in Showcase.

The first screenshot will be displayed as a thumbnail.

CopyableCougar4 (13 views)
2015-01-26 04:47:56

Olo (14 views)
2015-01-25 21:26:00

Olo (15 views)
2015-01-25 18:44:22

Robo11 (26 views)
2015-01-25 06:14:26

basil_ (26 views)
2015-01-17 22:29:32

wxwsk8er (26 views)
2015-01-16 21:42:21

wxwsk8er (21 views)
2015-01-16 20:44:20

basil_ (25 views)
2015-01-14 09:46:59

basil_ (21 views)
2015-01-14 09:46:52

wxwsk8er (35 views)
2015-01-13 20:42:16
2D Dynamic Lighting
by ThePixelPony
2015-01-01 20:25:42

How do I start Java Game Development?
by gouessej
2014-12-27 19:41:21

Resources for WIP games
by kpars
2014-12-18 10:26:14

Understanding relations between setOrigin, setScale and setPosition in libGdx
by mbabuskov
2014-10-09 22:35:00

Definite guide to supporting multiple device resolutions on Android (2014)
by mbabuskov
2014-10-02 22:36:02

List of Learning Resources
by Longor1996
2014-08-16 10:40:00

List of Learning Resources
by SilverTiger
2014-08-05 19:33:27

Resources for WIP games
by CogWheelz
2014-08-01 16:20:17 is not responsible for the content posted by its members, including references to external websites, and other references that may or may not have a relation with our primarily gaming and game production oriented community. inquiries and complaints can be sent via email to the info‑account of the company managing the website of java‑
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines | Managed by Enhanced Four Valid XHTML 1.0! Valid CSS!