Improve Select/Load Game Graphics

[GoogleCodeExporter]

The loading graphics are weak.  Need a GFX artist to create something better.

Original issue reported on code.google.com by justin.h...@gmail.com on 30 Apr 2009 at 2:48

[GoogleCodeExporter]

  Enhance the GUI for when you click on a game prior to loading
   (Should have spinning disc in some way, launch button, back button (to return to
coverflow))
   Game Title, size and code

Original comment by justin.h...@gmail.com on 30 Apr 2009 at 2:58

[GoogleCodeExporter]

Original comment by justin.h...@gmail.com on 30 Apr 2009 at 3:02

[GoogleCodeExporter]

Rasing priority to high; this is the worst thing about the loader in my opinion 
now :)

Original comment by justin.h...@gmail.com on 4 May 2009 at 2:58

• Added labels: Priority-High
• Removed labels: Priority-Low

[GoogleCodeExporter]

I made a mockup for this screen last week, just need to know if that's possible 
or 
not, then I'll create the images for it... I'll send you an email with the said 
mockup

Original comment by git...@gmail.com on 4 May 2009 at 4:48

[GoogleCodeExporter]

I wasn't a fan of the mock up b/c it didn't include the disc image;  Can you 
post 
the current mock up to this thread and we can discuss it?

Original comment by justin.h...@gmail.com on 4 May 2009 at 4:51

[GoogleCodeExporter]

Here's the mockup I was talking about... I myself am not that big a fan of the 
disc 
images, don't really think they add anything usability wise... covers are more 
informative in my point of view, but maybe I'm wrong...

Original comment by git...@gmail.com on 4 May 2009 at 4:57

[GoogleCodeExporter]

Liking this better; can you incorporate the disc image in any way?

I'd like to see the inside of a wii cover with the disc in the case... (And we 
could 
get ridiculous and maybe when they click load a wii slides in from the side of 
the 
screen and the disc flies into the disc slot.)

Original comment by justin.h...@gmail.com on 4 May 2009 at 5:07

[GoogleCodeExporter]

I'll see what I can whip up...

Original comment by git...@gmail.com on 4 May 2009 at 5:53

[GoogleCodeExporter]

What about this; when you select a game, the disc comes sliding out of the top 
of 
the cover, after you select load, the disc slides to the top out of the 
screen... 
minimalistic, Apple like :P Look at the attached png for an idea how this would 
look.

Also, I noticed in the loader, the reflections seem to be the wrong way around, 
from 
the bottom of the real cover, the reflection start out black, fading to colour. 
Seems the wrong way around to me, the reflection should start out full colour, 
fading to black, like in the attached png, or am I wrong?

Original comment by git...@gmail.com on 4 May 2009 at 6:08

[GoogleCodeExporter]

You are right; the reflections are off

As for the load screen; I like it.  How do we want to transition the click on 
the 
cover to the loading screen? (For example; right now it flips over and you see 
the "back" of the cover)

Also, I think I'd like the disc to bounce up and down very slowly behind the 
cover 
(very small amount, but enough to look nice) and when you click launch, its 
starts 
to spin and then flies up off the screen while the menu fades to black...

Then the game loads.

Thoughts?

Original comment by justin.h...@gmail.com on 4 May 2009 at 6:34

[GoogleCodeExporter]

Love your idea for the little bounce and the spinning before loading! Sounds 
awesome! 

As for the animation of the load screen; my idea is that when you select a 
game, the 
other covers slide to the side, to make room for the loading screen and the 
selected 
game cover slides to the left side of the loading screen, and the disc slides 
out of 
the top of the cover. The sliding should be smooth, maybe a bit of easing? 

Do you understand what I mean? Maybe I could make a small Flash example of the 
animation I mean if you don't get me :p

Original comment by git...@gmail.com on 4 May 2009 at 6:40

[GoogleCodeExporter]

also, I don't even know if what I'm suggesting is possible, just putting the 
way I 
would want a loader like this to behave out there. :)

Original comment by git...@gmail.com on 4 May 2009 at 6:42

[GoogleCodeExporter]

The issue with the cover sliding etc; is the graphic options are configurable; 
so 
the is no gauruntee how the covers are going to look...

So; the plan for the loader is to have the selected cover flip over half way 
(So 
that it disapears) and then draw the load menu. 

The load menu would be a 2D image drawn over the top of the covers (in the 
background) so that you could still see them around the sides of the loader 
assuming 
there was enough games.

If you can create a flash animation of what you wan't I can certainly give 
creating 
it in code my best shot

Original comment by justin.h...@gmail.com on 4 May 2009 at 6:51

[GoogleCodeExporter]

Well your idea sounds fine. Didn't realise the configurable covers would make 
it 
hard, but you're right. I think the way you described it sounds great... Do you 
need 
me to make a flash animation? I'll have to download flash, but if you like an 
animation to guide you while coding, I'll do it..

Original comment by git...@gmail.com on 4 May 2009 at 7:03

[GoogleCodeExporter]

I could probably do it w/out the animation.  I do need the loader background 
(without transparency)... The one currently used for the message boxes and 
options 
would work fine; but since I'm going to layer it over the drawing of the 
covers; it 
won't work for me without getting rid of the transparency.

Also, it would be nice to have a soft shadow to layer behind the drawing of the 
cover

Original comment by justin.h...@gmail.com on 4 May 2009 at 7:08

[GoogleCodeExporter]

Okay, I'll make the background with a soft shadow and without the 
transparency...

Original comment by git...@gmail.com on 4 May 2009 at 7:29

[GoogleCodeExporter]

Do you need the background with or without reflection?>

Original comment by git...@gmail.com on 4 May 2009 at 7:30

[GoogleCodeExporter]

Can you get rid of the reflection for that one?

Original comment by justin.h...@gmail.com on 4 May 2009 at 7:43

[GoogleCodeExporter]

Will do!

Original comment by git...@gmail.com on 4 May 2009 at 7:48

[GoogleCodeExporter]

added the background!

Original comment by git...@gmail.com on 4 May 2009 at 8:00

[GoogleCodeExporter]

Size has to be a multiple of 4.

Original comment by justin.h...@gmail.com on 4 May 2009 at 8:05

[GoogleCodeExporter]

DOH! I keep forgetting... sigh... i'll update, sorry!

Original comment by git...@gmail.com on 4 May 2009 at 8:07

[GoogleCodeExporter]

updated!

Original comment by git...@gmail.com on 4 May 2009 at 8:10

[GoogleCodeExporter]

Ok; I added in a load test routine... I haven't run it so no promises and 
everything 
will definitely be off (if it runs at all :) )

If you feel like testing it for me, see the comments on r121, give it a compile 
and 
a quick run... If it actually runs; feel free to tweak the parameters in gfx.c 
draw_selected_two to get it looking better.

Original comment by justin.h...@gmail.com on 4 May 2009 at 8:13

[GoogleCodeExporter]

Use r122 to test instead of r121

Original comment by justin.h...@gmail.com on 4 May 2009 at 8:16

[GoogleCodeExporter]

Too bad, i'm not near a Wii to test right now... maybe one of the other guys 
can 
test?

Original comment by git...@gmail.com on 4 May 2009 at 8:24

[GoogleCodeExporter]

how do i compile the builds, then i'll be happy to test for you, i lvoe this 
project :)

Original comment by redmanma...@gmail.com on 4 May 2009 at 10:52

[GoogleCodeExporter]

You need to install the latest devkit pro
Then install tortoise svn (windows)
Then do an svn checkout of the repository
You can get latest versions by doing svn update on that folder;

and you build by opening the Coverflow/wiicoverflow.pnproj in Programmers 
notebook, 
going to Tools and running make.

Original comment by justin.h...@gmail.com on 4 May 2009 at 11:54

[GoogleCodeExporter]

What do people think of the new load graphics? Old ones better? Like the new 
one i
threw together?

Original comment by justin.h...@gmail.com on 5 May 2009 at 3:21

[GoogleCodeExporter]

Finally got around to testing it just now! Looks really cool, love the way the 
disk 
flies out of the screen! I think it's awesome!

The cover does seem a little squashed on the loading screen, I think you 
matched it 
to fit the background I made, maybe the background should fit the cover size to 
make 
it smoother?

All in all, really cool! Also, on my build, rev125 I think, the covers on the 
right 
side do not get layered properly.. is this a new issue?

Original comment by git...@gmail.com on 5 May 2009 at 4:27

[GoogleCodeExporter]

yeah, issue39... take a look and see what you think. 

I like the loading graphics too!

Original comment by afou...@gmail.com on 5 May 2009 at 7:42

[GoogleCodeExporter]

Hi all. I know this might be silly but how about when you click on the picture 
it
flips and shows the back of the cover and the dvd spinning on it!!! And when you
click load it leaves the cover and enter a wii console. Just a thought.

Original comment by Sajh...@gmail.com on 12 May 2009 at 9:56

[GoogleCodeExporter]

Please see attach image for more info. Thanks

Original comment by Sajh...@gmail.com on 13 May 2009 at 11:09

[GoogleCodeExporter]

I still like the idea of teh disc going into a wii... I think we will do that.

Original comment by justin.h...@gmail.com on 14 May 2009 at 6:48

[GoogleCodeExporter]

hovering the load button should open the game case to reveal the disc!!!! a 2d
version of this (for starters) shouldn't be too hard, should it? (not that I'm
accepting the mission myself...)

Original comment by F1SHE4RS@gmail.com on 14 May 2009 at 8:09

[GoogleCodeExporter]

sounds like you just volunteered! Congratulations on your new challenging task 
;)

Original comment by justin.h...@gmail.com on 14 May 2009 at 8:15

• Added labels: Milestone-Release2.0

[GoogleCodeExporter]

Well, if you're going to ask me as nicely as that, how can I refuse?!

Original comment by F1SHE4RS@gmail.com on 15 May 2009 at 6:12

[GoogleCodeExporter]

This is iTunes Coverflow material, its got the arrows, transparent and slide. I 
tried 
replacing the images and compile  but did not succeed, and I got my exams 
coming up 
for 3 weeks so not much time but if anyone is feeling lucky, go and try.

And when I check back after three weeks.....(:P)

Original comment by meneerb...@gmail.com on 15 May 2009 at 3:12

[GoogleCodeExporter]

Oh nice; I like the slide bar... can someone replace the existing 
slide_bar_grey and
slide.png with these ?

Original comment by justin.h...@gmail.com on 15 May 2009 at 3:17

[GoogleCodeExporter]

nice! I'll make a new issue and take the slider bar graphics

Original comment by afou...@gmail.com on 15 May 2009 at 5:01

[GoogleCodeExporter]

Original comment by scognito@gmail.com on 22 May 2009 at 11:38

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Instead of putting disc going into wii console image, what about putting 
animated 
game channel image? We can extract channel banner image from saved game, right?

Original comment by wuje...@hotmail.com on 4 Jun 2009 at 11:14

[GoogleCodeExporter]

The disc channel bnr is in the iso but so far nobody knows how to display it...

Original comment by F1SHE4RS@gmail.com on 4 Jun 2009 at 11:23

[GoogleCodeExporter]

And wouldn't it be nice whenever you start coverfloader, the disc of the last 
played 
game flips back into the box?

Original comment by pach.tho...@googlemail.com on 4 Jun 2009 at 2:09

[GoogleCodeExporter]

Two things (aside of the 4D-Covers ;) ) would be nice:

1. Spacing of the ground (covers not sitting exactly on the earth)
2. Hovering of the covers (little movements of the covers up down, left right, 
ya 
know, seen that anywhere, looks nice and organic)

Original comment by pach.tho...@googlemail.com on 7 Jun 2009 at 5:29

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Heres a little flash video demo of coverfloader loading a disc into a Wii with 
glowing CD bay.

If you can't view it let me know and ill post in on my web server.
>Maticus

Original comment by onyxd...@gmail.com on 9 Jun 2009 at 2:26

[GoogleCodeExporter]

I thought maybe a changing background like a screenshot from the game like the 
psp, but 
you only get see it when you are at the load/back/delete menu.

Original comment by kwartel....@gmail.com on 10 Jun 2009 at 3:11

[GoogleCodeExporter]

wait can't you use the banner from the game like in the wii menu but with a 
extra 
(small) button for options.

Original comment by kwartel....@gmail.com on 30 Jun 2009 at 2:07