release
dev builds
extras
themes manual
wiki
device status forums
mailing lists
IRC bugs
patches
dev guide



Wiki > Main > RockboxGraphicalUIDesign (compare)

Difference: RockboxGraphicalUIDesign (r7 vs. r6)

Rockbox (iRiver H100 Series) Graphical UI Design

Well i've decided i want to create my own theme and edit the graphics (ala boot logo/usb logo). With the help of t0mas and several other fellows on the IRC channel i've managed to learn how to use the CVS and devkit within a few hours, so give me a break if i get some things wrong here. wink

I actually managed to create a logo (test logo) and replace the USB logo in screens.c, but after looking at it in the simulater its come out very wrong. There could be a 100 reasons why its not working, so i'm going to start by asking exactly WHAT specifications rockbox needs the bmp's to be in.

Eg.

How many colors: ?

How big: ? (It seems to be individual for each graphic)

What format: ? (Indexed? Grey Scale?)

What colors: ? (I'm pretty sure i have the correct colors in photoshop setup)

Also, where are all the logos stored? I've found most, but i can't find the main 'Rockbox' logo.

Creating Logo's In Photoshop PhotoShop?

First, get the exact size of the logo you are going to replace by finding it in the mass of *.c source files, its width and length are provided in there along with the code you will soon be replacing.

Hop into PS and correct the image size.

Go to Image>Mode and select Bitmap, leave the options that come up and push ok.

Your set, simply stick to using the following supported colors:

#FFFFFF

#000000

The following color are ment to be the colors that will be supported once 4-bit greyscale completely works.

#6E6E6E << Doesn't work yet

#DCDCDC << Doesn't work yet

Once you've created your fantastic logo you save it as a *.BMP and use bmp2rb.exe in the dev kit and paste the new code over the old.

Note!!!! The colors seem to get inverted through the converting process, so black becomes white. Remember that when creating your logo!

Update History


Ok, i've been told only 2 colors (black and white) work right now so that would explain a few things. I made a 2 color logo and put it in, and its come up with this: * untitled1copy2un.jpg:
untitled1copy2un.jpg The white 'USB' logo is the original picture. It seems to me i'm having problems turning the .bmp into the rockbox graphic code. I think its the format i save the pictures as.

It'd be really great if someone could help me here. What format do the BMPs need to be in?


Ok, i got it working. It was indeed the wrong format i was using. Now the problem is, when rockbox finally get the 4 color greyscale working everything will change. So now all i can do, after all this, is wait. :P

Discussion

Please do comment...

r9 - 22 Mar 2005 - 10:08:18 - DanielStenberg

Revision r7 - 21 Mar 2005 - 12:38 - ScottRichmond
Revision r6 - 21 Mar 2005 - 12:29 - ScottRichmond
Copyright by the contributing authors.