Help - Search - Members - Calendar
Full Version: Xbmc Psp Skin
Scenyx Entertainment Community > Xbox1 Forums > Software Forums > XBMC for Xbox Forums > XBMC Skinning > (XBMC) Skin Development
Pages: 1, 2
blaize
Here's a skin i started for XBMC last night.
it's the very first time i looked into xbmc editing, so it's all completely new to me.

I've got a horizontal scrolling menu working, and atm i'm working on the sub-section some menu's have.
I'm not sure how to make screenshots, so a tip on that would be nice ( so i can atleast provide decent screens in the future.

and again... i'm new at this, so be gentle.. sad.gif

-Blaize

IPB Image
roormonger
You can click the left thumbstick to take a screenshot.
mbay
blaize, looking great so far! please, indulge us with more screenshots smile.gif
af_
looks good mayne!
slimgrip
Good stuff, more screen caps plzz

Slim
blaize
ok, back with a little progress ( and better screens )

I actually started from scratch today, the previous code had gotten to messy from all the little tests.

Here a screenshot of the main menu:

IPB Image


And here a screen of what happens when you press an icon.
Remember that this drop down menu is not done, the icons will be changed later today, and also linked to the right sections.

IPB Image


As you can see there's a little problem 2 icons over-lapping eachother.
a simple fix would be to add a transparant icon in there, but since i'm using a Buttonscroller instead of a ButtonMenu that wont really help.
If anyone has any ideas on how to fix this, please contact me (or just leave a reply ;P )

Hope you like it so far.
blaize
IPB Image

Another screenshot, this time with new icons.
if you look closely you'll see that i kinda messed up the flow around some of the new icons, but i'll redo that later.

I've started linking some of the buttons, and later i'll start on trying to make a new page.
A problem i'm starting to have is the fact that i dont own a PSP tongue.gif
I'm basing this skin on what i can remember from a psp i played with, and pictures i find on the internet.

I'm enjoying this skin making quite a bit, it's not easy.. but the result is nice so far.
Off to find out how to add a new window... tongue.gif


PS:
If anyone has a nice clear video/picture of the PSP menu, it would help me out allot !
roormonger
Why not try making the whole horizontal scroller disappear when you have selected the settings?
blaize
Funny you say that roormonger smile.gif
In the PSP menu the horizontal ones stays when you open the vertical one, but from the vertical menu you sometimes have the option to go into another sub-menu (also vertical) but when in that second menu.. the main horizontal bar is hidden. do you have Any idea how to hide that ?

Atm i've got all 3 menu's ( main, sub-menu, sub-sub-menu ) working.. but it looks a little cluttered.
so any help on how to make the main horizontal bar dissapear when in the sub-sub-menu would help out allot
thanks

-Blaize
KungFuGin
This looks incredible so far!!


It's a great replication of the PSP's great interface.

BTW, will it have the option for custom backgrounds like the psp?
blaize
Thanks KungFuGin smile.gif
I'm not sure about custom backgrounds since i have no idea how-to tongue.gif
but since i've seen how many custom backgrounds there are for PSP... i guess i have no choice then to support that also.


Anyhoo.. progress.
I was wrong about the sub-sub-menu tongue.gif it seems PSP doesnt have this, so i've corrected this allready.
I'm working on the Settings menu atm and it's going good. so far ihavent had any real problems.

Saw a crappy quality of the PSP intro, and i think i'll try to replicate that tomorrow, eventhough i have no idea yet how to make the animation tongue.gif

If someone has an PSP and a digital camera.. could you PLEASE! make pictures of some (if not all) menu's ?
i can work with temp layouts atm, but ofcourse it's better to do it right the first time.

I really need (lots of) pictures of the PSP interface, thanks

-Blaize
Blackbolt
I am really looking forward to this one, it looks great! Well done!
dhrandy1
I've been wanting one like this one. Thanx. Keep up the good work. smile.gif
roormonger
Let's say the horizontal scroller's id is 3 and the vertical one is 4 then for the visibility tag in 3 you would add !Control.HasFocus(4)

Don't know if that explain's it very well. If you send me the xml It would be alot easier to show you cause I could use your code as an example.
mbay
thanks for the updated screens, blaize smile.gif this skin really rocks!
blaize
ok, back with some progress smile.gif
It's not allot though, last night i ran into a problem.. a big problem, but after several hours that got fixed quite easily ( thanks Donno )

As you can see there is still an overlapping problem when the horizontal and vertical buttons meet, i could go for a temp fix, but if you know the PSP menu you'll know how it's supposed to work. so for now i'll leave it like this.

Yesterday i said i wanted to try and make the intro.. i'll leave that for now also tongue.gif
Today i'll be working on the Photo menu, and try to get that worked out a bit.

4 screenshots, so i'll post links instead smile.gif

Main screen

Settings pressed

System Settings menu

Files pressed
mbay
this is eye candy! love.gif
KungFuGin
Looking great!!


As far as scrolling animations go(if there is any), how accurate is it to the PSP's interface?

And do you think you can post some sort of a short video displaying what you have so far?

That would give us much more of a detailed perspective on how the horizontal and vertical scrolling animations are... biggrin.gif

THANKS!
Pheidias
Looks really good blaize, Good luck
blaize
small update:

i've been having some problems to replicate the exact PSP skin.. mainly 2 reasons.
- The buttonscroller in XBMC is a little buggy. this is keeping me from having nice smooth scrolling.
- the spincontrol in thumnail-panel is keeping me from navigating to the right in 1 click. this is quite a big problem. ( now you have to click 3 times before you reach a button to the right )

If you dont understand this.. dont worry, these 2 problems wont mean the end of this skin or anything tongue.gif

Anyhoo.
Today i started on getting some page animations in, and i also included custom background support ! smile.gif
you're only able to change the wallpaper of 1 page, PSP uses the same wallpaper on all pages, so i will do the same ( sorry for everyone who wants different wallpaper on each page )
blaize
for some reason i cant edit my previous post, so sorry for the double-post here

Here's an example of the custom background support
IPB Image
dhrandy1
We going to see a beta?
blaize
Dont know yet, maybe
I dont really want to give out something that's not finished.. but because of some errors in XBMC i cant really reach my goal untill they get fixed.

we'll just wait and see smile.gif
edwinmcdunlap
Cool; custom backgrounds smile.gif
THEKIDD
this looks great

u should release a beta so we can help u a little
blaize
i still have enough things to do before i'll release anything.
I think i've found a good solution for the vertical menu on the main page, when i get home today i'll try it out.

If i'll release a beta it wont be because i need help, I can ask help from xbmc dev's on the IRC channel whenever i'm stuck so... wink.gif
Next few things i'll work on will be testing this new idea i've got for the vertical menu, and also working on the video overlay buttons.

Things are moving still, but enough things left to do jester.gif
Pheidias
That wallpaper looks sick in this skin. I really hope you don't release it to soon, But I also hope it won't turn into the mc360 debacle. Is there gonna be any magnifying effect when you scroll over the Icons, that ussualy looks sweet. Keep the sweet progress pics coming love.gif
mbay
blaize, just by using this background you tested out, it really pronounces your icons, their clarity, and sharpness too! smile.gif
neovader
blaize i have to agree with mbay and pheidias, the contrast between the background and icons just pop out at you and look very good i might add. keep it up and hope the coding goes well so we can see a release.
blaize
thanks guys, i'm glad you all like it so far !
i didnt have any chance to work on the skin today sad.gif i forgot to bring the skin files to work, so i could do anything there eventhough i had some time for it. ( no xbox there though tongue.gif )
and after work i had some personal stuff.

Tomorrow i'll redo the icons at work, it wont really change in your eyes though, i'm redoing them in vector format and export them as .png again.
i'll also try to get the shadow under the icons closer to the way PSP has them.

ok, here's a small list of things i'm planning:
- Create new icons ( tomorrow probably )
- Fix/recreate the vertical menu ( i'll start/test things tomorrow )
- Intro animation ( if i have enough time at work, i'll look into it )

- start on the video overlay buttons
- Start on Photo overlay buttons

i hope that upcoming weekend i can borrow a PSP from a friend it'll help me perfect some things i hope smile.gif
no pictures today tongue.gif
S1ack
Are we going to get this eye candy in 16:9 flavor?
KungFuGin
Yea, how is this coming along?

I'm really looking forward to this!

Thanks! biggrin.gif
blaize
It's still going, dont worry about that tongue.gif

I've been busy with work these days, so i didnt have much time to work on it.
Pheidias
http://www.psm3mag.com/page/psm3?entry=ps3_movies_here

third movie is the ps3 interface and since its the same as the psp one might be good for inspiration.
bkeny01
I have a digital camera and a psp, so if you need any videos of the interface, PM me with what you want to see and ill get it to you.

Keep up the good work tho looks really nice!
Zyyke
www.joystiq.com posted a video walkthrough of the PS3 GUI here. Might be of help in developing the XBMC version.
Pheidias
Any development news to share blaize?
blaize
one of the fixes i needed to really continue with this skin is finally in biggrin.gif
i'll start from scratch again, so i'm looking forward to getting started again soon ^^
sausje
still busy with this awesome theme?? happy.gif
blaize
the wiki/manual is slightly outdated, so i will have to wait for some new stuff to be documented.
but dont worry, once that all gets sorted i'll be back and work on this skin.


Sausje.. it's a skin.. not a theme. i'm making this from scratch, not changing an existing skin. happy.gif
( originele naam 'sausje' hehe )

-Blaize
w84no1
QUOTE(blaize @ Nov 18 2006, 09:08 AM) *

one of the fixes i needed to really continue with this skin is finally in biggrin.gif
i'll start from scratch again, so i'm looking forward to getting started again soon ^^



If you don't mind saying, what fix was added?

Thanks
Jezz_X
QUOTE(w84no1 @ Dec 2 2006, 02:52 AM) *

If you don't mind saying, what fix was added?

Thanks

At a guess I think it was the ability to have lists and thumbnails without any little scrollers down the bottom corner
timo1023
ETA?
Psimyn
beautiful looking skin so far, blaize
If you still wanted some psp screens:

Main Screen
Vertical Menu
Photo Menu
Photo Submenu
Music Menu

gottastopdrinkin
QUOTE
ETA?

Let's not go through that again. Seriously.
saggar
How's this coming along? It would be cool to recreate the aszura effect in the background by using repeating .jpg's like the MC360 skin does, if you need a video of the psp interface I can make a gif out of one. (SVC Module)
dre74
Is this skin project still alive, it would be a shame if its not.
rahulduggal
please please please release this skin
ibemonty2000
Does this project still have a heartbeat?

-Monty
dhrandy1
progress? pics?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2013 Invision Power Services, Inc.