Serenity

  Thread Rating:
  • 2 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
keeganl Offline
Senior Member
Posts: 132
Joined: Jul 2008
Reputation: 0
Location: Lafayette,LA
Lightbulb  Serenity
Post: #1
With the official release of Serenity only days away, it was time for another update. I have to thank DigitalHigh for putting so much of his time into this project. 4 months ago I just threw some concept screens into this post hoping anyone would find it the slightest bit interesting. It's amazing to open XBMC and have those concepts come to life. So thank you again Digital. Thanks also have to go out to all of the testers and translators as well as the XBMC community in general for showing so much interest in our little project. We hope Serenity lives up to all of your expectations.

I have put together screenshots of some of the sections of Serenity. I hope you all have enjoyed keeping up with this skin and the wait is almost over. Check back often because I will be adding screenshots to this post all day long.


[Image: homescreen.jpg]
[Image: picture1qnm.png]
[Image: picture3qbd.png]
[Image: picture4bgd.png]
[Image: picture5e.png]


Here is a video posted by DigitalHigh of Serenity. (Proof that this thing is working)
http://www.youtube.com/watch?v=c6eybBN2jPM
(This post was last modified: 2009-04-10 19:16 by keeganl.)
find quote
rwparris2 Offline
Team-XBMC Python Developer
Posts: 1,333
Joined: Jan 2008
Reputation: 2
Location: US
Post: #2
I like this, I'm not sure how that second screen is supposed to work, but it looks reeeaaal purdy.

I hope you find an XML guy to help you out with this, I'd love to see it come to fruition (though to be fare I say that about 90% of the concepts I see :rolleyesSmile.

Always read the XBMC online-manual, FAQ and search and search the forum before posting.
For troubleshooting and bug reporting please read how to submit a proper bug report.

If you're interested in writing addons for xbmc, read docs and how-to for plugins and scripts ||| http://code.google.com/p/xbmc-addons/
find quote
keeganl Offline
Senior Member
Posts: 132
Joined: Jul 2008
Reputation: 0
Location: Lafayette,LA
Post: #3
I guess for the second picture the songs item that is selected could be left off. I was looking at it as you would select music and then the items listed in the second picture would be the new menu items, but songs should definately not be on that list.

If you select albums it would obviously list the albums then when you select a particular album that would be the list you would see. It shows off the tracks listed on a particular album. I did put these pics together rather quickly when the idea came to me.

It would take a little tweaking and thinking through all the menu changes and structure, but this is basically for a quick showoff of the concept. Details at this point would just be a waste of time since I can't program. I really do hope someone with some coding ability jumps on board with this, but I know what you mean rwparris2, it most likely will not and I'm okay with that. I just want to contribute in any way I can. Since coding isn't it, I figured I would give a few concept ideas and throw a couple pics together and hope it would materialize into a working skin. I guess only time will tell.
find quote
Rookie Offline
Senior Member
Posts: 185
Joined: Jul 2008
Reputation: 0
Post: #4
I think it looks great.I believe even if it don't play out,like you said,it is still contributing.I think a lot of mock-ups go no where,is not because the concept isn't used,it's because most mock-ups do not come from coders.I'm guessing a lot of small pieces of peoples ideas have been passed on.I'm also sure you will come across a few skinners who have gotten a few of their Ideas for the skins we love,from suggestions and mock-ups like this.

Please keep doing what your doing.Nod
find quote
digitalhigh Offline
Skilled Skinner
Posts: 1,468
Joined: Oct 2005
Reputation: 100
Location: Milwaukee, WI
Post: #5
I sent you a PM about the coding. Basically, I can code skins, I've just never tried for XBMC before. It'd take some trial and error, but I think I could do this.

I'm not just a semi-decent skinner...I also sing for a band. Check us out.

http://www.corruptable.com/main.html
find quote
paul Offline
Posting Freak
Posts: 2,769
Joined: Oct 2008
Reputation: 5
Location: Planet Earth
Post: #6
Go for it digitalhigh, it would be nice to see this skin in action.
I wish i had the skills etc to code but sadly i can't get my head round .xmls

XBMC Frodo 12 - Windows 7 - Asrock Ion 330HT - Aeon Nox
find quote
digitalhigh Offline
Skilled Skinner
Posts: 1,468
Joined: Oct 2005
Reputation: 100
Location: Milwaukee, WI
Post: #7
XML's are great...it's just having good references for what the various tags can do. Between the wiki and PM3 as an example, it's really not too difficult to do.

I was just thinking, for various screen coordinants, I have this program I used to use for Winamp skinning that can take the overall dimensions of an image in photoshop and then spit out a file with the coords for various layers in that image. So, if you want a textbox right in the middle of the screen, you put a mask layer to the position and size you want in photoshop, run it through the program, then grab the coords from the resulting xml file.

Obviously XBMC is a whole different beast, but I looked at how PMIII is comprised, and it's pretty straightforward. I'd need to focus on the multi-image tags and the multi-select text. The trickiest part would be linking it all together...the various sections in music dynamically controlling each other...

I'm not just a semi-decent skinner...I also sing for a band. Check us out.

http://www.corruptable.com/main.html
find quote
paul Offline
Posting Freak
Posts: 2,769
Joined: Oct 2008
Reputation: 5
Location: Planet Earth
Post: #8
Rather you than me. my limit to skinning is simply changing the existing graphics,
I did try to rewrite a skin a while back but threw in the towel, best left to the pro's i think.
I hope it works out for you assuming you do that is...

XBMC Frodo 12 - Windows 7 - Asrock Ion 330HT - Aeon Nox
find quote
digitalhigh Offline
Skilled Skinner
Posts: 1,468
Joined: Oct 2005
Reputation: 100
Location: Milwaukee, WI
Post: #9
I definitely realize how much work is required, but I think that if I get the basic hang of it, it shouldn't be too difficult...

I'm not just a semi-decent skinner...I also sing for a band. Check us out.

http://www.corruptable.com/main.html
find quote
paul Offline
Posting Freak
Posts: 2,769
Joined: Oct 2008
Reputation: 5
Location: Planet Earth
Post: #10
Sorry last post came across wrong i meant i hope you do code the skin and not do you know how as i know you do know how to do it

XBMC Frodo 12 - Windows 7 - Asrock Ion 330HT - Aeon Nox
find quote
digitalhigh Offline
Skilled Skinner
Posts: 1,468
Joined: Oct 2005
Reputation: 100
Location: Milwaukee, WI
Post: #11
paul Wrote:Sorry last post came across wrong i meant i hope you do code the skin and not do you know how as i know you do know how to do it

Oh no, I didn't take it as such. I was just saying...

I'm not just a semi-decent skinner...I also sing for a band. Check us out.

http://www.corruptable.com/main.html
find quote
timdog82001 Offline
Posting Freak
Posts: 1,135
Joined: Mar 2006
Reputation: 0
Post: #12
I'm rarely too excited by mockups even when most others seem ecstatic, but I have to admit this does look nice. Would likely be very easy to skin assuming you stick with the simplistic approach you have right now.
find quote
keeganl Offline
Senior Member
Posts: 132
Joined: Jul 2008
Reputation: 0
Location: Lafayette,LA
Post: #13
guaranteed, this will remain very simplistic. Myself and digitalhigh are aiming for simplicity in execution. We are both relatively new to the xbmc skinning process. I have never done anything before with skinning xbmc. We are aiming for simple to code and simple design.

We want to showcase fanart. There is so much high quality fanart out there and we want to show that off. We are aiming for small menus that have a level of transparency so that fanart is still visible through the menus. Stay tuned to this thread.

I can't guarantee that this will come to life over night, but hopefully we will see these mockups or at least something similar to these mockups working in xbmc some time in the near future. Stay tuned and hopefully we can get it working soon. We hope to have the main menu working soon. Nothing else but the main menu but we are taking baby steps here. Wish us luck
find quote
timdog82001 Offline
Posting Freak
Posts: 1,135
Joined: Mar 2006
Reputation: 0
Post: #14
Since you're new to skinning, if you haven't discovered it yet, I'd like to suggest checking this out: http://forum.xbmc.org/showthread.php?p=2...post227893

It's a grid that displays on screen and allows you to easily figure out exactly what coordinates to input to locate the control where you want it. There's a 4:3 and a 720p version available, but it would be easy enough to extend it to 1080p if desired

Also, the "Empty" skin is a very simple skin that makes it easy to see what's going codewise and compliments pm3 well in that regard. It was designed for this very purpose. http://forum.xbmc.org/showthread.php?tid=29743
find quote
digitalhigh Offline
Skilled Skinner
Posts: 1,468
Joined: Oct 2005
Reputation: 100
Location: Milwaukee, WI
Post: #15
timdog82001 Wrote:Since you're new to skinning, if you haven't discovered it yet, I'd like to suggest checking this out: http://forum.xbmc.org/showthread.php?p=2...post227893

It's a grid that displays on screen and allows you to easily figure out exactly what coordinates to input to locate the control where you want it. There's a 4:3 and a 720p version available, but it would be easy enough to extend it to 1080p if desired

Also, the "Empty" skin is a very simple skin that makes it easy to see what's going codewise and compliments pm3 well in that regard. It was designed for this very purpose. http://forum.xbmc.org/showthread.php?tid=29743

Thanks for the info. I had planned on using an old program called PSD2Wal...you mock everything up in photoshop at the size you want, create seperate layers for every screen element, then save as PSD. PSD2Wal extracts the layers and then spits the coords and dimensions out into an XML file, making elements based on the name of the layer in PSD.

Regardless, I will check it out. It's never too late to learn new tricks.

And same for the empty skin. I saw mention of it, but had basically planned on just using PMIII as my example. Wink

I'm not just a semi-decent skinner...I also sing for a band. Check us out.

http://www.corruptable.com/main.html
find quote
Post Reply