Make the following corrections to the program hover$\_$button$\_$test.rb:

$-$ The button should have a black border around it when the mouse is moved over it to highlight it$.$

$-$ At the bottom of the screen there should be a display of the mouse x and y locations at all times $($not just when the mouse is clicked$)$

$-$ When the button is clicked the background should change to yellow, if the window area outside the button is clicked the background should change to white.

$-$ Make sure the button works as per the test data below: Description

The screen should look as follows

when the mouse is NOT over the

button:

The screen should look as follows

when the mouse IS over the button:

end

WIN$\_$WIDTH $=640$

WIN$\_$HEIGHT $=400$

class DemoWindow $$ Gosu::Window

def initialize

super$($WIN$\_$WIDTH, WIN$\_$HEIGHT, false$)$

@background $=$ Gosu::Color::WHITE

@button$\_$font $=$ Gosu::Font.new$(20)$

@info$\_$font $=$ Gosu::Font.new$(10)$

@button$\_$highlight $=$ Gosu::Color.rgb$(170,170,170)$

@button$\_$normal $=$ Gosu::Color::GREEN

@button$\_$border $=$ Gosu::Color::BLACK

@button$\_$hovered $=$ false

@button$\_$rect $=$ Rectangle.new$(50,50,100,50)$

end

$(20)4$ def draw

Gosu.draw$\_$rect$(o.,0,$ WIN$\_$WIDTH, WIN$\_$HEIGHT, @background, ZOrder::BA

# Draw the rectangle that provides the background

if @button$\_$hovered

$/$home$/$hover$\_$button$\_$test.rb $1$:$1$ Spaces: $2($Auto$)$

require 'rubygems'

require 'gosu'

module ZOrder

BACKGROUND, MIDDLE, TOP $=*0.\mathrm{.}2$

end

WIN$\_$WIDTH $=640$

WIN$\_$HEIGHT $=400$

class DemoWindow $$ Gosu::Window

def initialize

super$($WIN$\_$WIDTH, WIN$\_$HEIGHT, false$)$

@background $=$ Gosu::Color::WHITE

@button$\_$font $=$ Gosu::Font.new$(20)$

@info$\_$font $=$ Gosu::Font.new$(10)$

@button$\_$highlight $=$ Gosu::Color.rgb$(170,170,170)$

@button$\_$normal $=$ Gosu::Color::GREEN

@button$\_$border $=$ Gosu::Color::BLACK

@button$\_$hovered $=$ false

@button$\_$rect $=$ Rectangle.new$(50,50,100,50)$

end

def draw

Gosu.draw$\_$rect$(0,0,$ WIN$\_$WIDTH, WIN$\_$HEIGHT, @background, ZOrder::BACKGROUND, mode$=$:default$)$

# Draw the rectangle that provides the background

if @button$\_$hovered

Gosu.draw$\_$rect$($@button$\_$rect.x $-2,$ @button$\_$rect.y $-2,$ @button$\_$rect.width $+4,$ @button$\_$rect.height $+4,$ @button$\_$border, ZOrder::TOP, mode$=$:default$)$

end

# Draw the button

color $=$ @button$\_$hovered $?$ @button$\_$highlight : @button$\_$normal

Gosu.draw$\_$rect$($@button$\_$rect.x$,$ @button$\_$rect.y$,$ @button$\_$rect.width, @button$\_$rect.height, color, ZOrder::TOP, mode$=$:default$)$

# Draw the button text

@button$\_$font.draw$("$Click me$",60,60,$ ZOrder::MIDDLE, $1\mathrm{.}0,1\mathrm{.}0,$ Gosu::Color::BLACK$)$

# Draw the mouse$\_$x position

@info$\_$font.draw$("$mouse$\_$x: #$\{$mouse$\_$x$\}",0,350,$ ZOrder::TOP, $1\mathrm{.}0,1\mathrm{.}0,$ Gosu::Color::BLACK$)$

# Draw the mouse$\_$y position

@info$\_$font.draw$("$mouse$\_$y: #$\{$mouse$\_$y$\}",0,370,$ ZOrder::TOP, $1\mathrm{.}0,1\mathrm{.}0,$ Gosu::Color::BLACK$)$

end

def needs$\_$cursor?

true

end

def mouse$\_$over$\_$button?$($mouse$\_$x$,$ mouse$\_$y$)$

@button$\_$rect.include?$($mouse$\_$x$,$ mouse$\_$y$)$

end

def button$\_$down$($id$)$

case id

when Gosu::MsLeft

if mouse$\_$over$\_$button?$($mouse$\_$x$,$ mouse$\_$y$)$

@background $=$ Gosu::Color::YELLOW

else

@background $=$ Gosu::Color::WHITE

end

end

end

def update

if mouse$\_$over$\_$button?$($mouse$\_$x$,$ mouse$\_$y$)$

@button$\_$hovered $=$ true

else

@button$\_$hovered $=$ false

end

end

end

DemoWindow.new.show