Kaleidescape Skin Replica in progress - Skinning help is wanted! [Archive]

View Full Version : Kaleidescape Skin Replica in progress - Skinning help is wanted!

MacGyver

2007-01-09, 06:30

I have been posting images to the other thread http://xbmc.org/forum/showthread.php?t=4390
Thought maybe someone could answer my questions here.
I still need to know about moving the radiobutton and button text.
Also why I can't seem to pull up any database info related to the file in focus (genre,rating,tagline)
Heres what I have so far, they are all functional, and I tried to make them as close to the real system as possible, I am still working on the third one, but can't make any progress without the database info.

http://a905.ac-images.myspacecdn.com/images01/17/l_4163621b002f37290f823d0ae489d938.jpg

http://a54.ac-images.myspacecdn.com/images01/1/l_bee84c77b89075e97fd962f66c12591d.jpg

http://a625.ac-images.myspacecdn.com/images01/42/l_59fe94d7dd07f90a678fc8fbb601d608.jpg

Let me know what you think.

jmarshall

2007-01-09, 06:40

The DB info is only available while in the library view.

And no, I don't believe that placement of the radiobutton tag is available as yet - you can try replacing it with a togglebutton instead - it should work.

Note that the "switch view" button can just be a toggle between files and library.

Cheers,
Jonathan

Livin

2007-01-09, 07:46

MacGyver,
Overall, I like the way the images and info are displayed. But my one suggestion would be to add some zing to the tabs and the highlight to make it look more interesting. It looks very plain... add some dimensionality, shading, and textures.

I'm interested to see what this turns out like. I could see these views integrating into the PM3 skin - you could utilize some of the images it uses(hint, hint) ;)

jarod71

2007-01-09, 12:40

I agree with affini. I know the intention is to duplicate an existing interface of another product but the interface is boring. You are talented coder. I think the best list mode for movies for xbmc is the one from the apple trailers script. the movie snyopsis, large cover art, and title should all be moved to the main screen. it is now in context menu, and an extra button and step to get to it. now, if u can duplicate the snyopsis part of that interface when in coverart mode, that will be neat...

MacGyver

2007-01-09, 16:28

I agree, their interface is plain. I can figure out how to do anything, but I'm not artistic, in any way. If someone wants to modify the menu to look more 3D, I'll post the PNGs and they can go to town, then I'll put them in.
I was just trying to copy their interface, which IMHO is not so great, but does have it's good points, IMHO PM3 is better. If my job doesn't change, I'll have plenty of time to code it, and just tell me what you want, and I'll make it work.

Here's all I could get from KS on pics of their interface. This and their little video is all I have to go off of.

http://a954.ac-images.myspacecdn.com/images01/16/l_b85ed04b751ec94461d30a6af9911c79.jpg

Also if you have more then a couple of hundred videos displaying in the pure icon mode, XBMC gets bogged down, understandably.

PS: Thanks for the info on the database functions Jmarshall, I will try to see if I can just make the libray mode look like KS's text-mode instead of using Common_BigList.

Rand Al Thor

2007-01-09, 17:30

Wow, this skin looks awesome. Can't wait for a release!! Keep up the good work.

Gamester17

2007-01-09, 18:33

Very nice! :cool:

Chandler

2007-01-09, 19:39

Maybe it could be a good idea to upload the work in progress into the Svn skinning project (the one where is Clearity) so many peoples can help/beta test etc..

Gamester17

2007-01-09, 19:53

Maybe it could be a good idea to upload the work in progress into the Svn skinning project (the one where is Clearity) so many peoples can help/beta test etc..yes you are welcomed to join the XBMC Skinning Project (http://sourceforge.net/projects/xboxmediacenter)if you are willing to open source your skin(?), (but you must also promise that your clone/replica does not break any copyright laws, ie. you must make all your textures from scratch or use royalty free art, you can not just rip/copy existing pictures from others without permission.

Cloning like the MCE360 skin is ok /as they make all the textures from scratch) but straight of ripping is not!

MacGyver

2007-01-09, 23:50

Here's an update, I tried to add depth to the menu, it's crappy, I am not artistic.
I would be happy to email someone the source I have, if they would like to add ito the SVN. It's only about 130k with xmls, and pngs. I cleaned up the xmls so it doesn't destroy the rest of PM3, it only replaces the video section.

http://a812.ac-images.myspacecdn.com/images01/38/l_ef66fb10c58a4fff0209edbb5e3c7b8b.jpg

kraqh3d

2007-01-10, 00:01

one thing which i just thought of which would be really cool is if the focused item had a larger thumb (say 50% larger) and it "hovered" above the others producing a shadow effect. unfortunately, i dont think this is possible with the skin engine. based on how the new list works, i believe the rows above and below the focused item would shift to make room. (jmarshall, is this correct? and would this ever be possible?)

fluidman

2007-01-10, 01:12

something like this?

http://fluidboxmedia.de/kaleidescape.png

kraqh3d

2007-01-10, 01:19

no, i mean a larger cover image that would be about the size of your yellow rectangle.

jmarshall

2007-01-10, 01:28

That's certainly possible - the focuseditem can overlap the others no problem.

MacGyver

2007-01-10, 02:07

<posx>-15</posx>
<posy>-20</posy>
new <width>100</width>
<height>140</height>
<info>ListItem.Icon</info>

http://a112.ac-images.myspacecdn.com/images01/43/l_f2ef2c77f5ee187225284b6079ae3e1f.jpg

I put the yellow box, because KS has it.

Also fluidman nice graphics, I am totally unable to do that. If you want I can use those instead of my crappy ones.

kraqh3d

2007-01-10, 02:12

now add a sem-transparent box surrounding it to kind of push the adjacent thumbs behind it into the background to make it stand it more.

Gamester17

2007-01-10, 11:23

http://a112.ac-images.myspacecdn.com/images01/43/l_f2ef2c77f5ee187225284b6079ae3e1f.jpgnow add a sem-transparent box surrounding it to kind of push the adjacent thumbs behind it into the background to make it stand it more.Yes I think that focused tumbnail would look great with a semi-transparent yellow box, and if possible also add the database information in the center similar to the original Kaleidescape together/inside that yellow box:

http://www.avegroup.co.uk/images/res_products_kaleidescape.jpg

PS! Only my 2 cents but I think that you can stray slightly of the path of an exact Kaleidescape clone if you like, I mean, if you see possibilities for improvements/enhancements then I suggest you make them. And in that regards I wonder if you have seen the screenshots from the Big Screen TV Series plugin for Microsoft Windows Vista MCE (http://xbmc.org/forum/showthread.php?t=8249&page=11)? It borrows a lot of interface layout ideas from Kaleidescape but tries to improve on it to make it unique. Like it has the focused tumbnail zoomed like kraqh3d suggested you do for your Kaleidescape replica.

kraqh3d

2007-01-10, 15:27

since the thumbnail is larger, i dont think that a bright color is really necessary. too me, it detracts from the skin. i think it it would be better to use black with a something like an 20% alpha channel to make the items that are "behind" the expanded thumb seem to disappear in a shadow.

MacGyver

2007-01-10, 16:51

http://mobilewares.net/blog/bstv2/layer_1.jpg

I think I can see how to do that.
1 - A WrapIcon window
2 - Lay the top of "the floor" behind the lower quarter of the main icons down first.
3 - Display all icons over the first small piece in (2), then display them all again, only flipped horizontal and vertical, and put them below.
4 - Overlay a diffused gradient bottom over the second rotated set of Label.Icon's from the bottom of the screen to the bottom of the main icons.
5 - Display the enlarged focus icon and it's "mirror", then the back shadow at the top, then a slice of the diffused gradient bottom from the bottom of the screen to the bottom of the focused main icon.

Flipped doesn't appear to be in the manual, but rotate is. (not really very accurate)
Also, I'm not near a computer with XBMC on it, so I can't test this; but could you "flip" an Label.Icon by making the <height> a negative number.
Just a thought.

Also so much more could be done, if Label.Genre,Year,Tagline.... were available to windows other then library and VideoInfo. Would it be hard to implement in the source for XBMC, is it worth asking.

kraqh3d

2007-01-10, 17:06

omg! that looks incredible! but i dont believe its possible to get the mirror image at the moment. the "rotate" option you're refering to is an animation tag. it actually spins the image on screen. afaik, there is no way to alter textures other than the animation tags.

the label info is only avaiable to the library window because there is no standard way to attach metadata to video files. so we get the info by scraping imdb. and we want to maintain a seperation between files and library so that there's as little dependancy between them as possible.

MacGyver

2007-01-10, 17:06

Gamester17, is there a way to "Lock" the focused icon to one place, ie. the yellow box stays put, but the list "moves" up/dn lft/rgt?

I can't get ANY database info to display in any window other then Library mode, or VideoInfo. Do you know how to do this? I've tried everything, including trying to make Library mode be the video list, and adding lists to the IMDB window, neither works.

I can't lock the selection to the center, so the blue bar would disapear if moved to the right to far, also there is no up/dn lft/rgt exit stratagy if the center focus is locked, other then remapping a key and button for "View mode"

I'm very new at this, so any help you can give me is great.:)

kraqh3d

2007-01-10, 17:08

no i dont believe its possible to lock the selected item in place so that the panel moves not the selection box.

kraqh3d

2007-01-10, 17:49

a bit off-topic, but if the skin engine allowed a texture to be contorted in 3d space, and allowed a panel where the selection box is in a fixed location, something similar to cover flow could be done :)

jmarshall

2007-01-10, 22:40

There's "wraplist" which essentially does what coverflow does (though without the grandiose 3d effects :P).

A "wrappanel" doesn't really make much sense (IMO) as you'd need a rectangular block of movies for it to wrap well, which ofcourse doesn't work well with a prime number of movies. Alternatively it would wrap the list within a predefined block, which could look even weirder (particularly for only 1 movie in a list). If anyone has any ideas, I'd be happy to look into it though.

Cheers,
Jonathan

kraqh3d

2007-01-10, 22:58

so it sounds like the wraplist would work for what macguyver just mocked up a few posts back. (with the exception that the reflected icon image isnt possible.)

jmarshall

2007-01-10, 23:23

Yeah - reflection isn't possible, but rotation is. You could easily render it so that it had a 180 degree rotation, even with an overlay image to fade it out. Adding reflection is easy to the skin engine.

If someone mocks up an xml that does exactly what you want with a 180degree rotation instead of the reflection, I'll implement reflection in the engine. I think it'll only work (for now) on the focused item, as I don't think animations are applied to the other items. We can work on that later.

Something like: <animation effect="rotate" start="180" end="180" time="0">Focus</animation> on the focused item's rotated image should do the trick I think.

Cheers,
Jonathan

MacGyver

2007-01-11, 00:30

It took about 4 hours to get all the little things right, but here it is;
Ok, I know the relections are backward, but hey, it's all I could figure out.
Also, incase someone wants to run with it, post a sockpuppet, and I'll send over the images (so you don't have to mess with sizes. I'll post the relevent code after the screenshot. Like I said, I suck at PhotoShop.
Enjoy
:nod:
http://a254.ac-images.myspacecdn.com/images01/34/l_e2eaf7dfa0950e34344c2751e47ba5dd.jpg

Ok, if you know what this means, you'll know where to put it:

MyVideo.xml (the whole thing, as you can tell, it will mess up every view but WrapList)
<window>

<id>6</id>
<defaultcontrol>50</defaultcontrol>
<allowoverlay>yes</allowoverlay>

<controls>

<control>
<description>background image</description>
<type>image</type>
<id>1</id>
<posx>0</posx>
<posy>0</posy>
<width>720</width>
<height>576</height>
<texture>layer_1.png</texture>
</control>

<control type="image">
<posx>0</posx>
<posy>267</posy>
<width>720</width>
<height>42</height>
<texture>BSPanel_Bottom.png</texture>
<colordiffuse>f0ffffff</colordiffuse>
</control>

<control type="image">
<posx>400</posx>
<posy>170</posy>
<width>130</width>
<height>42</height>
<texture>BSShadow.png</texture>
<colordiffuse>efffffff</colordiffuse>
</control>

<control>
<description>contentpanel slice</description>
<type>image</type>
<id>0</id>
<posx>0</posx>
<posy>500</posy>
<width>534</width>
<height>45</height>

<include>contentpanelslide</include>
</control>
<controlgroup>

<control>
<description>View As Icons button</description>
<type>button</type>
<id>2</id>
<posx>135</posx>
<posy>50</posy>
<width>157</width>
<height>45</height>
<align>left</align>
<aligny>top</aligny>
<textoffsetx>10</textoffsetx>
<textoffsety>7</textoffsety>
<shadowcolor>ff000000</shadowcolor>
<texture>buttonpaneltab.png</texture>
<texturefocus>buttonpaneltab.png</texturefocus>
<texturenofocus></texturenofocus>
<label>100</label>
<onleft>7</onleft>
<onright>3</onright>
<onup>50</onup>
<ondown>50</ondown>
<include>buttonpanelslide</include>
</control>

<control>
<description>Sort by button</description>
<type>button</type>
<id>3</id>
<posx>246</posx>
<posy>50</posy>
<width>157</width>
<height>45</height>
<align>left</align>
<aligny>top</aligny>
<textoffsetx>13</textoffsetx>
<textoffsety>7</textoffsety>
<shadowcolor>ff000000</shadowcolor>
<texture>buttonpaneltab.png</texture>
<texturefocus>buttonpaneltab.png</texturefocus>
<texturenofocus></texturenofocus>
<label>100</label>
<label>103</label>
<onleft>2</onleft>
<onright>5</onright>
<onup>50</onup>
<ondown>50</ondown>
<include>buttonpanelslide</include>
</control>

<control>
<description>Genre</description>
<type>selectbutton</type>
<id>5</id>
<posx>357</posx>
<posy>50</posy>
<width>157</width>
<height>45</height>
<align>left</align>
<aligny>top</aligny>
<textoffsetx>14</textoffsetx>
<textoffsety>7</textoffsety>
<shadowcolor>ff000000</shadowcolor>
<texture>buttonpaneltab.png</texture> <texturefocus>buttonpaneltab.png</texturefocus>
<texturenofocus></texturenofocus>
<label>457</label>
<onleft>3</onleft>
<onright>7</onright>
<onup>50</onup>
<ondown>50</ondown>
<include>buttonpanelslide</include>
</control>

<control>
<description>Stacking</description>
<type>radiobutton</type>
<id>7</id>
<posx>468</posx>
<posy>50</posy>
<width>100</width>
<height>45</height>
<align>left</align>
<aligny>top</aligny>
<textoffsetx>14</textoffsetx>
<textoffsety>7</textoffsety>
<shadowcolor>ff000000</shadowcolor>
<texturefocus>buttonpaneltabron.png</texturefocus>
<texturenofocus></texturenofocus>
<textureradiofocus>radiobutton-focus.png</textureradiofocus>
<textureradionofocus>radiobutton-nofocus.png</textureradionofocus>
<label>Stacking</label>
<onleft>5</onleft>
<onright>2</onright>
<onup>50</onup>
<ondown>50</ondown>
<include>buttonpanelslide</include>
</control>

</controlgroup>

<include>Common_WrapList</include>
<include>Common_List</include>
<include>Common_BigIcon</include>


</controls>

</window>

CommonContent.xml (just the Comman_WrapList)
<include name="Common_WrapList">
<control type="image">
<posx>63</posx>
<posy>106</posy>
<width>500</width>
<height>80</height>
<texture>Panel_Top.png</texture>
<include>common-fade</include>
<visible>Control.IsVisible(54)</visible>
</control>

<control type="wraplist" id="54">
<viewtype label="WrapList">wrap</viewtype>
<posx>000</posx>
<posy>150</posy>
<width>720</width>
<height>560</height>
<onleft>54</onleft>
<onright>54</onright>
<onup>2</onup>
<ondown>2</ondown>
<focusposition>5</focusposition>
<orientation>horizontal</orientation>
<include>common-fade</include>

<itemlayout height="220" width="84">

<control type="image">
<posx>0</posx>
<posy>050</posy>
<width>80</width>
<height>110</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>

<control type="image">
<posx>79</posx>
<posy>248</posy>
<width>-78</width>
<height>-85</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>

</itemlayout>


<focusedlayout height="220" width="84">
<control type="image">
<posx>0</posx>
<posy>050</posy>
<width>80</width>
<height>110</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>
<control type="image">
<posx>80</posx>
<posy>245</posy>
<width>-80</width>
<height>-85</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>
</focusedlayout>


</control>

<control type="image">
<posx>0</posx>
<posy>309</posy>
<width>720</width>
<height>240</height>
<texture>BSPanel_Bottom.png</texture>
<colordiffuse>f0ffffff</colordiffuse>
</control>

<control type="image">
<posx>416</posx>
<posy>189</posy>
<width>92</width>
<height>130</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>

<control type="image">
<posx>507</posx>
<posy>434</posy>
<width>-88</width>
<height>-110</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
<animation effect="zoom" end="5,5,195,250"

time="500">Focus</animation>
</control>

<control type="image">
<posx>507</posx>
<posy>434</posy>
<width>-88</width>
<height>-110</height>
<texture>BSPanel_Bottom.png</texture>
<colordiffuse>b0ffffff</colordiffuse>
</control>

<control type="image">
<posx>85</posx>
<posy>340</posy>
<width>528</width>
<height>050</height>
<texture>BSPanel_Info.png</texture>
<colordiffuse>99ffffff</colordiffuse>
</control>

<control type="label">
<posx>100</posx>
<posy>342</posy>
<width>500</width>
<height>16</height>
special18
<textcolor>FFffffff</textcolor>
<align>Left</align>
<info>ListItem.Label</info>
<include>selectedcolor</include>
<include>common-fade</include>
<visible>Control.IsVisible(54)</visible>
</control>
</include>

Don't forget to add the <include file="CommonContent.xml" />
to your includes.xml

Let me know what you think
PS It's coded for NTSC 4:3

MacGyver

2007-01-11, 00:42

I can see now I should have diffused the icon over a blackout square behind the non focused ones. I didn't notice it, until I compared the screen shot from the microsoft one with mine side by side. I can fix it if you want, and post the relevant changes. I would drop it onto a copy of PM3 from a few months back if you have issues, I noticed in the 1-9-07 built has TOTALLY changed it's windows sructure.

See what I mean;

Mine
http://a254.ac-images.myspacecdn.com/images01/34/l_e2eaf7dfa0950e34344c2751e47ba5dd.jpg

Microsoft's (I bet they took more then 4 hours to write theirs thou)
http://mobilewares.net/blog/bstv2/layer_1.jpg

MacGyver

2007-01-11, 01:02

_=_
_=_ Part 001 of 001 of file media1.zip
_=_

begin 666 media1.zip
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
M``````````````````````+HSH?BGI0SR)(PYHXUGBJ3?X!HO EY$S?NLT$95
M#$4UU);TO.LR7E`D:P']+FTL,4NQZS5+3@2@R:,-#5TO^`ZW<VZAT>-_94"H
MJ#*@IUTQE*R#VI[0'D?ROIXN+R12UT\N.;:(-```4$L!`A0`%````&(`I;@J
M-I-=H)NT!0``;@4```P````````````@````!````$)34VAA9&]W+E!.1U!+
M`0(4`!0```!B`#RS*C8S;]5-"@T``+T=```0````````````(````.(%``!"
E4U!A;F5L7TEN9F\N4$Y'4$L%!@`````"``(`>````!H3````````
`
end

MacGyver

2007-01-11, 01:02

_=_
_=_ Part 001 of 001 of file media2.zip
_=_

begin 666 media2.zip
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
M````````````(````&P!``!"4U!A;F5L7T)O='1O;2YP;F=02P4&``````(`
,`@!Y````C0T`````
`
end

MacGyver

2007-01-11, 01:27

I posted the images (all 4 of them) their size really should not matter all that much, but I wanted to let someone who is artistic be able to fix it up.
Things I can't do (but wish I could):
Make the transparency of the mirror reflection fade off on the bottom (like microsofts does)
Give all the surfaces proper depth and shadow.
Create a pretty top menu.

Just a note. The damn aspect was wrong on my win32 xbmc, so thats why all the icons are fatter then they looked as I was coding them.

Question, can you colordiffuse a ListItem.Icon over a black square, or colordiffuse a png over a ListItem.Icon. I've tried them before and after each other, moving the colordiffuse to the second one each time, and it doesn't work in win32 at least. (to darken the no focused icons)

jmarshall

2007-01-11, 02:04

Looks cool :) I'll start thinking about how to do the animation.

Oh, and I might look at extending either <colordiffuse> to separately define the diffuse color at each vertex. That should give you your fading stuff.

For the reflection, it's easy to define the end state of the reflection animation (which is all you need in this case) but I'm not sure how to define it in a meaningful sense for an actual animation (ie from normal to reflected state). I think the best idea is to just move points on a straight line from there starting point to the end (reflected) point, and define the reflection by the line in which you reflect.

Cheers,
Jonathan

MacGyver

2007-01-11, 02:21

All the icons scroll left and right, where as the 3rd icon from the right is fixed in place.

Also, why did -height let me flip it, but -width didn't?

Sorry if I'm not coherent .
My job sucks, I've been awake for 42 hours straight.
I'm starting to hallucinate.
I'm going to bed.

http://a445.ac-images.myspacecdn.com/images01/33/l_70612581327b400bb877c56a91e192fc.jpg

See I can't make graphics to save my life.

Jezz_X

2007-01-11, 02:28

To be honest I couldn't even figure out how you did the reflection then I noticed you used negative numbers for the width and height, How did you even discover that that works ? seems like a huge guess even jmarshall who did the skin engine thought you id it a different way

jmarshall

2007-01-11, 02:30

Never thought that -height would work, but it does just fine :) An unintended consequence of going to unsigned floats for storage of all coordinates :)

If you just use a negative height instead of negative width it flips it correctly, so no need for the reflection animation as you point out.

I'll add support I think for the multiple colordiffuse/vertex so you can fade better.

Cheers,
Jonathan

kraqh3d

2007-01-11, 03:26

couldnt an image with a gradient alpha channel be placed on top of the icon image to give it the appearence that the reflection is fading away?

jmarshall

2007-01-11, 04:12

Yes, but then it's fading the foreground instead of the background. Would be fine for the case above, but not so good if you were fading to a non-constant background.

SleepyP

2007-01-11, 05:56

thats sweet!!!

jarod71

2007-01-11, 07:35

genuis!
looks great, but one think i would recommend that varies from the ms version is to put a snyopsis of the movie from the database info on the main screen, so u can scroll through the covers and see what the movie is about as well. maybe it could be put in the same brown overlay that contains the movie title? i think we can stray from the ms skin and make it more functional.

i love that we can duplicate other gui's from other projects, it shows the power of the new skin engine. I think xbmc is best served with original interfaces though. or mix and match to create something unique and different from others. I love the kaleidescape idea of having the movie info on the main screen show up when that movie is highlighted. I hope we will see a fantastic skin emerge from this... xbmc just keeps getting better and better!

jmarshall

2007-01-11, 10:56

Ok, I've fixed the flipping vertically in SVN, and I've added the new <colordiffuse> stuff and enabled them for lists. eg:

<control type="image">
<posx>4</posx>
<posy>-30</posy>
<width>66</width>
<height>65</height>
<info>ListItem.Icon</info>
</control>
<control type="image">
<posx>4</posx>
<posy>100</posy>
<width>66</width>
<height>-65</height>
<info>ListItem.Icon</info>
<colordiffuse topleft="007f7f7f" topright="007f7f7f">7f7f7f7f</colordiffuse>
</control>

Will give the shadow effect you are after (near enough). Note we fade to top as the image is reversed.

Cheers,
Jonathan

MacGyver

2007-01-11, 13:47

It's like jmarshall said, it's not possible in any window other then library and VideoInfo.
I tried, for a long time, but I guess I can try to find a way to trick it, but it's like he said, I doubt it.

Jmarshall, I'm new to all this SVN stuff, do you mean it's in the XBMC source now, meaning I'd have to compile it to use those functions?

Also I was wondering about whether you could just implement four point image handeling such as" posTL=0,0 posTR=150,0 posLL=0,150 posLR=150,150, it would let people put any corner of an image anywhere, it would let us skew it forward, backwards,for relflections, or rotation to any degree, and as well as any size.

Is that possible, using either the standard pos,posy,height,width or choose to use the 4-point, either or but not both?

Gamester17

2007-01-11, 17:46

is there a way to "Lock" the focused icon to one place, ie. the yellow box stays put, but the list "moves" up/dn lft/rgt?no I think that would be a skin-engine feature request, or?

I can't lock the selection to the center, so the blue bar would disapear if moved to the right to far, also there is no up/dn lft/rgt exit stratagy if the center focus is locked, other then remapping a key and button for "View mode"another skin-engine feature request, I think(?)

I can see now I should have diffused the icon over a blackout square behind the non focused ones.another skin-engine feature request :rolleyes:

I can't get ANY database info to display in any window other then Library mode, or VideoInfo. Do you know how to do this?don't think you can get database info to display in any window other then Library mode,
...but shouldn't you be able to make the skin display VideoInfo (IMDb data) in all views? ???

Adding reflection is easy to the skin engine.

If someone mocks up an xml that does exactly what you want with a 180degree rotation instead of the reflection, I'll implement reflection in the engine.If you just use a negative height instead of negative width it flips it correctly, so no need for the reflection animation as you point out.

I'll add support I think for the multiple colordiffuse/vertex so you can fade better.Those will be very cool eye candy features! They will of benifit if someone wants to make iPhone (http://www.apple.com/iphone/ipod) or Apple TV (iTV) (http://www.apple.com/appletv/tour.html) skin clones as well:
http://www.tgdaily.com/picturegalleries/200701093/5.jpg
http://images.appleinsider.com/events/mw07/appletv-mw-11.jpg
http://images.appleinsider.com/events/mw07/appletv-mw-14.jpg
http://images.appleinsider.com/events/mw07/appletv-mw-19.jpg

Gamester17

2007-01-11, 17:51

Also I was wondering about whether you could just implement four point image handeling such as" posTL=0,0 posTR=150,0 posLL=0,150 posLR=150,150, it would let people put any corner of an image anywhere, it would let us skew it forward, backwards,for relflections, or rotation to any degree, and as well as any size.Again something that would be of benifit for a iPhone or Apple TV (iTV) skin replicas, I believe developement of a such skin has started on the xbox-scene.com skinning forum => http://forums.xbox-scene.com/index.php?showtopic=547284

Gamester17

2007-01-11, 20:23

@MacGyver, looks like you got a rival or potential partner over at the xbox-scene.com XBMC skinning forum (link) (http://forums.xbox-scene.com/index.php?showtopic=526436&st=90&#entry3845641), w84no1 (http://forums.xbox-scene.com/index.php?showuser=40818) is also working on a Kaleidescape skin, sounds like he been wanting to do it for a long time but not got it of the ground until now, several other people has also offered to help him out with the graphics. Maybe you can work together on the project?, (the MC360 skin got loads of skinning and graphics artists colaberating on that skin and that seem to be working great for them).

I am now trying to make a complete skin from scratch that will have a Kaleidescape like feel to it, at least for movies and music. It will not be exactly like Kaleidescape, but I am trying to take the best parts of the Kaleidescape UI and put them in a skin. I have 4 Xboxes with xbmc as the dashboard on all of them. I use 3 out of the 4 exclusively for media centers. My new skin will be geared toward that. The Home.xml will be the hardest as I would like to have a clean interface with only icons (not sure what Kaleidescape looks like at startup?). I am not much of a graphics person so I will have to find free graphics that I like to use with the skin.

MacGyver

2007-01-11, 21:17

I like a challenge (coding not people) :)
I only made mine because I was reading this post, and the link to the real website, and read the whole "..have a crew member fix it without you ever knowing there was a problem.." thing and got pissed off because of the smugness of the comment, so I coded their little interface in 30 min.
I'll post all the source I wrote, I like figuring out problems, and since I SUCK at artwork, it would be a waste for me not to give it to someone with better skills then myself to finish it.
Maybe my source will give him ideas, I come up with ugly wierd code that most people would say would work, but somehow does. (selftaught,sorry)
.:cool:
Here's the CommonContent.xml minus the BigList
<includes>
<include name="Common_List">
<control type="list" id="50">
<viewtype label="535">list</viewtype>
<posx>40</posx>
<posy>50</posy>
<width>570</width>
<height>405</height>
<onleft>2</onleft>
<onright>3</onright>
<onup>50</onup>
<ondown>50</ondown>
<pagecontrol>90</pagecontrol>
<include>common-fade</include>
<itemlayout height="20">
<control type="label">
<posx>15</posx>
<posy>2</posy>
<width>345</width>
<height>14</height>
font16
<textcolor>FFcbcbcb</textcolor>
<include>selectedcolor</include>
<info>ListItem.Label</info>
</control>
</itemlayout>
<focusedlayout height="20">
<control type="image">
<posx>2</posx>
<posy>2</posy>
<width>355</width>
<height>19</height>
<texture>Button-List.png</texture>
<visible>Control.HasFocus(50)</visible>
</control>
<control type="image">
<posx>2</posx>
<posy>2</posy>
<width>355</width>
<height>19</height>
<texture>Button-List-NoFocus.png</texture>
<visible>!Control.HasFocus(50)</visible>
</control>
<control type="label">
<posx>15</posx>
<posy>0</posy>
<width>340</width>
<height>16</height>
font16
<textcolor>FFffffff</textcolor>
<shadowcolor>ff000000</shadowcolor>
<include>selectedcolor</include>
<scroll>true</scroll>
<scrolltime>300</scrolltime>
<info>ListItem.Label</info>
</control>
</focusedlayout>
</control>

<control type="label">
<posx>50</posx>
<posy>460</posy>
<width>615</width>
<height>40</height>
<align>center</align>
font18
<textcolor>FFcbcbcb</textcolor>
<shadowcolor>ff666666</shadowcolor>
<include>selectedcolor</include>
<scroll>true</scroll>
<scrolltime>300</scrolltime>
<info>ListItem.Label</info>
<visible>Control.HasFocus(50)</visible>
</control>
<control>
<description>video rectangle</description>
<type>image</type>
<id>0</id>
<posx>411</posx>
<posy>053</posy>
<width>254</width>
<height>400</height>
<texture>nodvdcase.png</texture>
<visible>!Player.HasVideo</visible>
<include>buttonpanelslide</include>
<visible>Control.IsVisible(50)</visible>
</control>

<control>
<description>video rectangle</description>
<type>image</type>
<id>0</id>
<posx>413</posx>
<posy>055</posy>
<width>251</width>
<height>397</height>
<texture>defaultAlbumCover.png</texture>
<info>ListItem.Icon</info>
<visible>!Player.HasVideo</visible>
<include>buttonpanelslide</include>
<visible>Control.IsVisible(50)</visible>
</control>

<control>
<description>number of files text label</description>
<type>label</type>
<id>12</id>
<posx>650</posx>
<posy>525</posy>
<shadowcolor>ff666666</shadowcolor>
<align>right</align>
<label>-</label>
font10
<include>contentpanelslide</include>
<visible>Control.IsVisible(50)</visible>
</control>

</include>

<include name="Common_BigIcon">
<control type="panel" id="53">
<viewtype label="538">bigicon</viewtype>
<posx>45</posx>
<posy>30</posy>
<width>690</width>
<height>410</height>
<onleft>2</onleft>
<onright>90</onright>
<onup>53</onup>
<ondown>53</ondown>
<pagecontrol>90</pagecontrol>
<include>common-fade</include>
<itemlayout height="110" width="70">
<control type="image">
<posx>5</posx>
<posy>0</posy>
<width>60</width>
<height>100</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>

</itemlayout>
<focusedlayout height="130" width="60">
<control type="image">
<posx>5</posx>
<posy>0</posy>
<width>60</width>
<height>100</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>
</control>
<control type="image">

<posx>-25</posx>
<posy>-30</posy>
<width>120</width>
<height>160</height>
<texture>KSFolder-Focus.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<animation effect="fade" time="400">VisibleChange</animation>
</control>

<control type="image">
<posx>-15</posx>
<posy>-20</posy>
<width>100</width>
<height>140</height>
<info>ListItem.Icon</info>
<aspectratio>stretch</aspectratio>

<colordiffuse>ffffffff</colordiffuse>
<animation effect="fade" time="400">VisibleChange</animation>
</control>

</focusedlayout>

</control>

<control type="image">
<posx>40</posx>
<posy>445</posy>
<width>643</width>
<height>50</height>
<texture>Button-List.png</texture>
<colordiffuse>ffffffff</colordiffuse>
<visible>Control.HasFocus(53)</visible>
</control>
<control type="label">
<posx>50</posx>
<posy>450</posy>
<width>615</width>
<height>40</height>
<align>center</align>
font18
<textcolor>FFcbcbcb</textcolor>
<shadowcolor>ff000000</shadowcolor>
<include>selectedcolor</include>
<scroll>true</scroll>
<scrolltime>300</scrolltime>
<info>ListItem.Label</info>
<visible>Control.HasFocus(53)</visible>
</control>

<control>
<description>number of files text label</description>
<type>label</type>
<id>12</id>
<posx>650</posx>
<posy>525</posy>
<align>right</align>
<label>-</label>
font10
<include>contentpanelslide</include>
<visible>Control.IsVisible(53)</visible>
</control>
</include>

</includes>
beware I don't comment and leave wierd test crap everywhere

MacGyver

2007-01-11, 21:41

Is there a way you can pull my kalidescape stuff from the features forum to here, and stick the microsoft screen stuff in a new thread. I hope it wasn't totally my fault, but the subjects are all over the place, it's hard to keep track.

PS Can you please edit (or tell me how to edit) the title of this thread, I was up for a long time when I typed it, so some of the words got left in my head. It should have read "I have been working on a Kaleidescape Skin, I need some help thou.
Sorry.

w84no1

2007-01-11, 22:55

watzen

2007-01-12, 17:52

Just wanted to say that I liked the effect an put it together with Clearity:

http://84.55.90.88/image01.JPG

<include name="Common_WrapList">


<control type="image">
<description>Black Panel</description>
<posx>63</posx>
<posy>110</posy>
<width>595</width>
<height>380</height>
<texture>Black.png</texture>
<include>common-fade</include>
<visible>Control.IsVisible(54)</visible>
</control>
<control type="wraplist" id="54">
<viewtype label="WrapList">wrap</viewtype>
<posx>65</posx>
<posy>130</posy>
<width>595</width>
<height>355</height>
<onleft>54</onleft>
<onright>54</onright>
<onup>2</onup>
<ondown>2</ondown>
<focusposition>2</focusposition>
<orientation>horizontal</orientation>
<include>common-fade</include>
<itemlayout height="355" width="102">
<control type="image">
<posx>0</posx>
<posy>100</posy>
<width>95</width>
<height>120</height>
<info>ListItem.Icon</info>
<aspectratio>keep</aspectratio>
</control>
<control type="image">
<posx>0</posx>
<posy>339</posy>
<width>95</width>
<height>-120</height>
<info>ListItem.Icon</info>
<aspectratio>keep</aspectratio>
<colordiffuse topleft="007f7f7f" topright="007f7f7f">7f7f7f7f</colordiffuse>
</control>
</itemlayout>
<focusedlayout height="140" width="190">
<control type="image">
<posx>0</posx>
<posy>0</posy>
<width>179</width>
<height>230</height>
<aspectratio>keep</aspectratio>
<info>ListItem.Icon</info>
<animation effect="zoom" start="60,100,85,120" end="0,0,179,230" time="100">Focus</animation>

</control>
<control type="image">
<posx>0</posx>
<posy>460</posy>
<width>179</width>
<height>-230</height>
<aspectratio>keep</aspectratio>
<info>ListItem.Icon</info>
<animation effect="zoom" start="60,339,85,-120" end="0,460,179,-230" time="100">Focus</animation>
<colordiffuse topleft="007f7f7f" topright="007f7f7f">7f7f7f7f</colordiffuse>
</control>


</focusedlayout>
</control>

<control type="label">
<posx>60</posx>
<posy>440</posy>
<width>600</width>
<height>16</height>
special18
<textcolor>FFffffff</textcolor>
<align>center</align>
<info>ListItem.Label</info>
<include>selectedcolor</include>
<include>common-fade</include>
<visible>Control.IsVisible(54)</visible>
</control>
<control type="label">
<posx>90</posx>
<posy>135</posy>
<width>400</width>
<height>400</height>
fontW
<align>left</align>
<textcolor>90cbcbcb</textcolor>
<include>selectedcolor</include>
<info>ListItem.Label2</info>
<visible>Control.HasFocus(54)</visible>
<animation effect="fade" time="400" delay="2000">VisibleChange</animation>
</control>
<control type="label">
<posx>450</posx>
<posy>135</posy>
<width>400</width>
<height>16</height>
font13
<textcolor>FFffffff</textcolor>
<include>selectedcolor2</include>
<info>ListItem.Year</info>
<visible>Control.HasFocus(54)</visible>
<animation effect="fade" time="400" delay="2000">VisibleChange</animation>
</control>
<control type="label">
<posx>450</posx>
<posy>155</posy>
<width>200</width>
<height>16</height>
font13
<textcolor>FFffffff</textcolor>
<include>selectedcolor2</include>
<info>ListItem.Genre</info>
<scroll>true</scroll>
<visible>Control.HasFocus(54)</visible>
<animation effect="fade" time="400" delay="2000">VisibleChange</animation>
</control>
</include>

/mvh Tomas

jmarshall

2007-01-12, 21:27

That won't work any longer. See the Clearity SVN for how it should be done now.

watzen

2007-01-12, 23:47

Alrighty then, things move fast, which is great work by you guys.
feel more than free to remove my previous post.

/mvh Tomas

MacGyver

2007-01-15, 18:29

Thanks again.
I've been away skiing at Garmish-P for the last few days, and came back to see that people will now know I can speak english.

I see that Clearity now supports reflections, that's cool, my time to work on things comes and goes, so at least I know someone is making complete usefull things, rather then just one list view.

Is there a new build of t3ch that supports Jmarshall's code updates?

Thanks again for all your help in figuring out stuff.

watzen

2007-01-15, 19:00

No, not yet.

weinerschnitzel

2007-01-15, 19:19

I would say since the skin engine has many new excellent features being added one after the other, (Love you Jmarshall!) It would be best to go ahead and compile your own. The FAQ wiki helped me out on what I needed to find.
("VS.NET 2003 PRO", XDK (I think "XDK 5933" is the one being distributed now.) TortoiseSVN)
I don't think you'll need the PRO version, but thats the one I got and everything works like a charm.

But ***** won't be there for the pirated warez. So Good Luck!

This may help bring light to the unclear parts:
http://www.xboxmediacenter.com/wiki/index.php?title=XDK
Google may also point you in the right direction if you use the right "keywords":;): .

timdog82001

2007-01-16, 05:14

I have a suggestion....

There has been a python script around for quite a while on xbmcscripts.com called "Kaleidascrape" that adds Kaleidascape functionality to xbmc, and it's really pretty cool. What it does is you queue up a Video File, and then run the script, and it adds a few video files of your choice to the playlist before the originally queued file, and it plays them all. You can add a folder for Movie Trailers, a folder for those Audio Intros for Dolby Digital or THX or whatever, a folder for the Studio Intros, if you'd like, and also a folder for Home Theater Intros, and it chooses one or two random videos from all the folders, depending on how many you set it to, and those are the videos it adds before the feature presentation. For those of you wondering what i mean by Home Theater Intro, these are generally elaborate Cinematic sequences which start with "Welcome to the Smith Family Theater" or something like that and end with "And now, your feature presentation." You can get these customized especially for you (generally costs at least 25 bucks, and depending on teh quality, may cost over a 100 for extremely high end ones), or you can get generic ones for free that would work for anybody.

However, this script has since been broken by changes in the way xbmc handles playlists, along with other changes probably. Somebody though updated it a few months ago, and they also added a couple of new featuers, including the ability to enable a trivia slideshow thing like they have before movies start in theaters, which I thought was a pretty cool feature, and you can make it play music from a particular directory while doing the slideshow, so I put a bunch of music from various movies in a directory and bought a pack of slides for exactly this sort of application for about 3 bucks from a guy over on avs forums i believe and it works great. Also, this guy was attempting to add add a function where it would automatically connect to the apple movie trailer database and grab a couple of random trailers from the "New" category and automatically queue those up instead of Trailers on your hard drive. I don't know if he ever got this working, but it would also be a great feature.

Anyway, I think it would be a great script to try to integrate into the skin, and make it slightly more user friendly. Right now, you have to do a bit of XML editing to tell it where to find the various files and how many of each to play and so on. I imagine it wouldn't be too hard to just make this customizable from within the skin, something that could be found under "Skin Options" as seems to be the trend of the last few months.

Here are some links to get a better idea of what I'm talking about:

Link to the broken script on XBMCScripts.com:
http://www.xbmcscripts.com/index.php?option=com_docman&task=search_result&Itemid=Array&search_mode=phrase&search_phrase=Kaleidascrape%20v0.1

Link to the thread where the guy updated the script and added the Trivia Slides functionality (look in the second post):
http://forums.xbox-scene.com/index.php?showtopic=538697&st=0

Link to downloadable Intro Clips:
http://www.dvdloc8.com/list_dvd_clip.php

Link to Trivia Slides CD Thread:
http://www.avsforum.com/avs-vb/showthread.php?t=564456

Links to Home Theater Intros (can also find some people doing personalized intros on AVS Forums for cheap):

HIGH End (you can find them far cheaper other places, but still spendy..but REALLY cool):
http://www.htmarket.com/perdvdhomthe.html

Lower End than the link above, but still good, and also lower priced:
http://www.cinemawise.com/gallery.htm (I like the "Home Theater Animation" best)
http://store.customintros.com/SearchResults.asp?Cat=20 (you can get these ones for only 12 bucks if you don't care about having your name in it, and only slightly more for personalizing it)
http://hometheaterintro.com/ (I like these least of all, but figured i'd link to them anyway)

Note that almost all of these have sample videos you can download, so if you don't care if the video is perfect and pristine DVD quality, you could just use these for free.

Here is a thread that shows you how to make your own pretty high quality intro with the name of your "theater" and everything in it for free :D:
http://www.avsforum.com/avs-vb/showthread.php?t=715166
For a video of one of the many styles of intros you can make using this thread, check out the link here:

So, you could just integrate the script part, and add links to sites like these in the readme, instructing people how to go about adding their own intros. Anyway, its just a thought. I personally loved the Kaleidascrape script while it worked. It's amazing how jazzed for a movie some of those intro vids can get you.

edwinmcdunlap

2007-01-16, 07:04

thanks, timdog.

those are some really helpful links! :)

timdog82001

2007-01-16, 07:48

sorry, looks like my last link didn't work. Here's a link to that video, its at the bottom of the page:

http://www.stargateunofficial.com/HT_Downloads.asp

timdog82001

2007-01-16, 21:46

I totally forgot to mention, that I think, though I'm not sure, that the updated script might be broken now too. I imagine that for anybody that knew python well could fix it fairly quickly, though I don't really know.

kraqh3d

2007-01-16, 22:21

i just quickly looked over the script and i think i know whats wrong. try just change the playlist number to 1.

#Get the XBMC video playlist#
plist = xbmc.PlayList(1)

timdog82001

2007-01-17, 04:43

thanks kraqh3d, the script starts now, and it does the whole triva slideshow with music bit, but after that it just ends and doesn't play any of the intro vids, or the original queued video file.

kraqh3d

2007-01-17, 16:15

you should confirm that the correct items are in the queue. they should be in the video now playing window.

kraqh3d

2007-01-17, 17:42

if you're using the one with the trivia, it uses two playlists... not exactly sure why. try changing mlist to use playlist 0.

fluidman

2007-01-17, 18:13

guys lets stick to the topic shall we... i'm always looking forward to see update from MacGyver but then i see you guys talk about the python script..

hint: this is the skin forum ;-)

MacGyver

2007-01-18, 18:57

I just switched jobs and don't have a lot of time to code stuff.
I did find time to get the 1/16/07 T3CH build and recode the "Big Screen" gui I through together the other day.
I am a member of the SVN but am too new at it to throw the code up for it.
If anybody smarter then me wants to upload it there, give me your email (or sock-puppet) and I'll send it to you to upload. That way people with better PhotoShop skills can take over the graphics. I can shoot over the Kallidascape stuff too if you want to put that stuff there too, I have yet to recode it for Jmarshals updates though.

Here's the new recode of "Big Screen" (someone might want to make-up a better name for it, if someone wants to upload it to the SVN, you can name it what you like.

:o

MacGyver

2007-01-18, 18:57

http://a377.ac-images.myspacecdn.com/images01/17/l_6372e70601b811bda48a077b0d7ae340.jpg

MacGyver

2007-01-18, 19:01

And here's the original Microsoft screen shot I worked off of.
http://mobilewares.net/blog/bstv2/layer_1.jpg

tslayer

2007-01-18, 19:02

That looks sweet!

MacGyver

2007-01-18, 19:05

I took a little creative license with the focused icon size and the shadow behind it.
I'm still trying to get the database info into the title bar, from the changelog it looks like it might be supported now, but I have yet to see an example of how to use it, the old ways from library and music still don't work. Any ideas?
Also, which one should I devote time to, the "Big Screen" one, or the Kalidescape" one?

tickehead

2007-01-18, 20:05

My vote is for the Kalidescape one.... ;-p j/k

I do hope that you still plan to include the Kalidescape display view..

kraqh3d

2007-01-18, 20:25

what database info in the title bar? it looks like you already have some of it in there, namely the title and year. for video, all you have access to is the title, year, director, genre, rating, and maybe duration (i need to double check if the runtime learned from imdb is translated into the duration field or not.)

** edit **
i just checked and duration isnt available..

jarod71

2007-01-18, 21:06

my vote is big screen first and then the other. if you can get the movie info on that screen I will be in heaven. also, maybe make the background up to the user. looks great, looking forward to anything you code...

MacGyver

2007-01-18, 21:37

Sorry, the year, is part of the name, I have all my files named with IMDB title filenames. ie. "Spider-Man III (2007).avi", I also have a .tbn for every file I have. And all the files in my screen shots are .txt renamed to .avi and a proper .tbn, it saves space on my memory stick.

The background choice sounds great, I'll see what I can do. It will be a little hard because some elements of the screen sit behind others, there is something like 5 layers going on, I built it just like I though it could be done, when someone first posted the microsoft screenshot. It should be simple enough to give color selections by using different .xpr files.
I think I'll go try to make blue right now.

and no I don't really have SM3

kraqh3d

2007-01-18, 22:14

gotcha... that's files view... its very unlikely that database info will be pushed into files view.... here's why...

the library is organized around movies, not files, in order to accomodate multipart videos. today, when you have a large database you may notice some stuttering when a video starts. this is due to the database lookup which is trying to link that file back to a movie. if this was pushed into files view, files view would run at a crawl.

MacGyver

2007-01-18, 23:12

Oh I see, so there's no way to poll the database if say... it's been in focus for 1.5 sec, and only pull the info for the focused icon? I'd even settle for a .tbn style .db file, ie. Spider-Man III.avi, Spider-Man III.tbn, Spider-Man III.db at the source. Would that make it easier, let the host keep the .db? It would be nice too because you wouldn't need to loose the whole thing on a reload, plus you could manually edit them.

Anyway, the color thing was as easy as I thought. Here's some screen shots I made, it now has 6 different color selections.
http://a30.ac-images.myspacecdn.com/images01/4/l_2de1e3687c066e93870c71f0876e92b5.jpg

Any other ideas, let me know. I'll see what I can do.

MacGyver

2007-01-18, 23:16

BTW, thanks for making the skinning engine so easy to use Jmarshal.
And I know the tags are wrong, I used a <label> instead of a <info> on purpose to hold the place. Wishful thinking:)

fluidman

2007-01-18, 23:23

[QUOTE=MacGyver;122604]I'd even settle for a .tbn style .db file, ie. Spider-Man III.avi, Spider-Man III.tbn, Spider-Man III.db at the source. Would that make it easier, let the host keep the .db? It would be nice too because you wouldn't need to loose the whole thing on a reload, plus you could manually edit them.
QUOTE]

i second that... that would be a great feature...

kraqh3d

2007-01-18, 23:39

1) the db is there for speed. having it remote would negate this.
2) the sqlite code is a self contained library and doesnt know anything about xbmc's "filesystems". thus the db has to be local. while it could be changed to be made aware of xbmc's filesystems, see #1.

and personally, i dont think there should be dependancy on library view from files view. its files view. if yuo want the enhanced info, use the library. tahts why its there.

but i did add a way to allow finding info in "remote" imdb xml files. its basically the same imdb xml file on a remote share. the "manual add to database" function looks for these files based on filename. i'm not saying it will be done, but it is concievable to load that info if found.

** edit **
i see you have "listitem.tagline" above. this is not part of the information which is accessible from a list, but is only available in the info window. the difference being that the information which is available to the lists is in the database. all the other stuff is loaded out of a cached xml file.

MacGyver

2007-01-18, 23:54

It's because I don't fully understand the way the database info works, it seems like pulling an entire icon from the hardrive (xbox) would be alot harder then pulling 30 words from an .xml file on the harddrive (xbox), What I was wondering was if say an .xml on the host (along with the .tbn) could be cached on the harddrive (xbox), and the skinning engine made to put the data in that cached .xml into the listitem.? string if the icon has had focus for say 1 second. Does that make sense?

kraqh3d

2007-01-18, 23:57

i never said it didnt make sense. i just said xbmc doesnt do it today and explained why things work as they do. code it up and post a patch.

jarod71

2007-01-19, 05:28

MacGyver,
that black looks super sexy. I was hoping you would do black.

kraqh3d,
would MacGyver be able to achive the same look of those screenhots in library view? I don't really care what view it is in library or file as long as the end result was the same. also, a .db extension sounds like a good solution. we already have .tbn so could this work? I think putting the file name and a small snyopsis of the film in the box under the covers really would make this as professional as can be. if it could even read a txt file placed with the movie and thumb to include that info I would think that would be fine if it cannot pull the info from the database and display it in files view.

so looking forward to this as my view for movies.

MacGyver

2007-01-19, 09:09

Colors are easy jarod71, I can slide a hue control like the best of them, it's graphics I can't do.
Kraqh3d, you're right, I have been avoiding the XDK and XBMC source because I suck at C, but I can usually figure things out if I work at it long enough.
On a different note, I really kind of new to skinning for XBMC, is it possible to use the library view, and skin it to look like the filenames view, also I don't see a library type of "All", if all is there I can just set it to all, and get all my info sans tagline. Is it possible to open a "mini window" view of the "VideoInfo" window and make it the size of the title box I have? Kind of like an overlay if focus is left on the icon for long enough, and the IMBD data for the title is in the database.

kraqh3d

2007-01-20, 00:32

@jarod:
would MacGyver be able to achive the same look of those screenhots in library view?

absolutely. there's no reason the library window couldnt be skinned identically. the only real difference is that files view uses the locations defined in userdata/soruces.xml, and library view uses virtual locations which reference the items in the database.

however, there are still limitations on what pieces of information can be displayed when not in the info window. of course, it is entirely possible to expand this to allow access to more information, but its a trade off. the more information attached to items when navigating, the more memory thats consumed. and remember what i said before about not all the information being present in the database. this means that for each item, the imdb xml information needs to be read in and processed. this will ultimately slow things down. things are already kind of slow so i honestly dont think this is a good idea. (if you have music tag reading enabled but have never scanned, then you know the annoying "scanning media" dialog. do you really want the equivalent of this in video?)

@macguyver:

the info window can be skinned however you like. however, there's only one info window so it'll look that way no matter how its invoked. and i dont think its possible to have it automatically be displayed. as far as i know, the only way to do what you want is to change the source code because, today, only some of the imdb information is available to listitems. and it would essentially be the same whether xbmc loads the information from the previously cached imdb xml file or loads it from a remote xml file. (using a non-xml formated file would just mean alot of new code to parse the data so the easiest course of action is to allow a remote xml file like "manually add to database".)

and im not exactly sure what you mean by a library type of "All" but im assuming you're looking for "Titles" which shows all movies in the database. (there's another option which filters the movie list based on watched or unwatched status. be sure this is set to "All" to ignore that status.) you can jump directly to titles by using activatewindow(myvideolibrary, titles).

and overlays are only graphical right now. for example, one of them is the watched overlay which shows a little checkmark or something.

MacGyver

2007-01-20, 23:28

Ok, I am trying to recode KS to the new skin engine, but I don't have alot of time anymore, but I am working on it when I can, someone really should take the little bit of source I have so far and run with it on the SVN.
Anyway, the top image is of the "Real" KS, the bottom one is mine, I know it doesn't look the exact same, I used fluidman's graphics, and made the menu look like something from the 2000's instead of 1991, I also added a mirror effect, and zooming focus features.

http://a662.ac-images.myspacecdn.com/images01/9/l_2bad63879303436bf93737b9b1006b35.jpg

w84no1

2007-01-21, 03:06

MacGyver

2007-01-21, 11:53

Jezz_X

2007-01-21, 14:02

That's what I'm saying, someone with SVN skills needs to upload it. Send me an email address and I'll send both the big screen one and the ks one, then you can create a svn for them. I don't usually make complete things, I code single screens and views, which is great for private use bad for others, someone else that completes things should take them over, then just tell me what they need help on.
I'm not the leader of this sort of thing but we really only want things in the svn that are complete or we know will be completed the last thing I personally want to do is waste bandwidth / space on my pc downloading a skin that will never be finished :no: Also we really only want skins that are different (yes this falls into this catagory) not just a skin that someone has changed a few xmls in pm3 but it is still basically the same
On another issue, is there a way to lock the focus position on a panel view of icons? Or is there a string available to the skin that tells the current focus position? ie. a title panel knowing that the focus is too far to the right on the screen, and should swing left instead, and vice versa.You can't lock the panel position and as for the second part I don't understand what you mean

MacGyver

2007-01-21, 14:17

Jezz, I sent them to chandler, I simply don't have enough time to be counted on to finish anything, but I'm more then happy to work on whatever anybody needs me too.

As for the last question, maybe this will help:

The top one looks great, but then the bottom one will show you my problem.
If I could lock say the 2nd row,4th from the left icon, it would be no problem.
Since it's not possible, I need to be able let the skin know if the focus has passed the center point, so it knows to open the title box to the left and not off the screen to the right.
http://a188.ac-images.myspacecdn.com/images01/33/l_d936e9896e66755ad3d2eee32f43040b.jpg

MacGyver

2007-01-21, 14:20

In an attempt to emulate this view of Kallidiscape
http://www.avegroup.co.uk/images/res_products_kaleidescape.jpg

Chandler

2007-01-21, 15:22

Abe87

2007-01-21, 15:34

Chandler why don't you start your own svn? You should check out this site

http://www.assembla.com/search/home

I have a svn on this site for a skin that I'm working on. It's private and you can give permission to whom ever you want.

Jezz_X

2007-01-21, 15:42

Well if the leader of the Xbmc skin project (Gamester17 ?) is ok to create a Work in Progress folder and give access for MacGyver, me and people who could help to improve this project, it would be interesting and we will try in free time to maintain/finish theses skin a day. Or maybe we should create a new project on Sourceforge, but it's better to use one place for Skins Svn where they will be all maintained by all peoples involved.
So please, is it possible to have an access to commit theses projects on the Xbmc Skinning project ?
Actually one of the main rules is don't touch anyone elses work :;): because if you were to be added you would have the ability to modifiy anything in the svn like Clearity and Blackbolt Classic (the 2 main developed ones on there at the moment)

Also I'm still big on the idea that until its close to finished its best not to put it on there because honestly not nowing you there is no garentee you will finish it into a fully working 2.1 version skin.

That being said if you all need a place to work on these things as a group until it is completed or at least beta there are many free svn sites around I like this one https://opensvn.csie.org/ its got a great Trac interface and is heaps better than sourceforge as it even allows password protected non public svns until you get it up and going

But Like I said I'm not in charge of the SVN its just my personal opinion I just don't want to see the main svn end up like the cvs from the same site with half finished skins on it

Chandler

2007-01-21, 16:26

Ok i made a Svn on https://opensvn.csie.org/ and i'll give more info tonight to MacGyver and here ;)

w84no1

2007-01-21, 18:02

Ok i made a Svn on https://opensvn.csie.org/ and i'll give more info tonight to MacGyver and here ;)

Cool, I would like to contribute to this skin.

timdog82001

2007-01-21, 22:22

I don't know if there's anything I can help with, but I'd be willing to help too if there's anything that I can do, although I kind of doubt it since my python knowledge is VERY little, I've done heaps of skin mods and stuff, but never made an entire skin or created entirely knew .xml files or anything from scratch...My photoshop skills....well, I know how to fix and doctor a photo pretty well and I can make good quality icons, but again I'm far from a pro, cause at this point, that's more or less where my knowledge ends. But if you think of anything, let me know....If you guys needed any pictures of anything I have a professional grade digital SLR camera which takes amazing pictures

thericky

2007-01-24, 01:47

MacGyver

2007-01-24, 19:24

I'll try to code CD menus for KS, and home.xml for BS tonight.
Talk to Chandler about access to the SVN.
If your good at photoshop that's great, the skins will need icons, gradients, buttons.

Chandler

2007-01-24, 22:05

I'd love to help out where I can. I am quite proficient at Photoshop and would love to see this skin working for video as well as CDs. I'd like to see a web interface skin for this too! Let me know what I can do.

Everyone with good skills who want to have access to the Svn is welcome, post here an example of what you can do, and if the result is MacGyver/Kaleidescape/w84no1 compliant i'll give you access. :nod:

For now the Svn is open with authentification to read/write, it's to early to be publically readable/retriveable, but you'll know what's going on with theses future hot skins. :grin:

MacGyver

2007-01-27, 16:11

Ok here's an update:

I'll upload it to the SVN soon.
http://a481.ac-images.myspacecdn.com/images01/6/l_ebd25901a8fcdf4f4b27da9910c25bc8.jpg

Almost all of the .xmls will need to be replaced, so it may take a bit.

thericky

2007-01-30, 17:29

Everyone with good skills who want to have access to the Svn is welcome, post here an example of what you can do

I'm not sure what kind of examples you want, but you can poke around my podcast web site here:
http://www.distantcreations.com/insidethemagic/

It's 100% my design and my graphics.

Just task me and I'll work on elements of the skin.

Chandler

2007-01-30, 18:37

I'm not sure what kind of examples you want, but you can poke around my podcast web site here:
http://www.distantcreations.com/insidethemagic/

It's 100% my design and my graphics.

Just task me and I'll work on elements of the skin.

Ok, your photoshop skills could be usefull, i send you a PM ;)

Livin

2007-02-18, 17:19

Any updates? I'm anxiously awaiting this skin...

Sydney30

2007-02-19, 00:07

I second the update request.. pics look pretty good.. got an ETA for a beta???

NineT9mustang

2007-02-21, 18:30

k for hours... i stare at the picture of the different background colors with the movie posters... That is soo gorgous, what a view! just wanted to comment on that single part, great job

MacGyver

2007-08-30, 08:20

Some people have wanted to know the status of this skin, so here it goes:

I am currenly working on an XMB (PS3) skin, and it is moving along fast, if I get the time, it should be done in a month or less, I have someone (blaize) working on it with me, so it is moving along fast.

As soon as it is done, I have been planning to finish the Kaleidescape clone, I started it on a whim and XBMC's skinning engine wasn't really diverse enough to cover all the elements of Kaleidescape (and neither were my coding skills), but now that's changed, I believe most of it can be ported over to XBMC now, and fully intend to finish it.

I will try to enlist the help of people like blaize and mikeb, since I have no talent when it comes to graphics, if they help out with the simple graphics this system uses, it should be easy to finish.

Basically when XMBox is done, you'll know I've started Kaleidescrape again.

blaize

2007-08-30, 10:19

i'd be happy to help you with whatever you need for this Kaleidescape skin, so count me in.

Chandler

2007-08-30, 19:18

The private Svn where is hosted Kaleidescape is still private until MacGyver judge the skin is mostly stable/advanced.

If you want to help/work on the project (and maybe 3 other WiP), don't hesitate to ask to MacGyver, or post here a quick exemple of your graphics skills in the style of Kaleidescape, and suggest ideas.

All credits goes to MacGyver since he is alone to work on Kaleidescape (for the moment..).

Maybe we'll open the Svn publically, where are hosted "Work in Progress" skins, when the different authors want to release/ their work in progress skins, the Open Platform will be fully open, for now it's only private.

Ps : Skinners are invited to join our open Svn project, where the idea is to make available to the public a large panel of "Work In Progress" skin, where everyone will know that the skins are not fully working, but the project is open to everyone, and skinners are very welcome.

The skins will be on the official Svn when XBMC Team gives permission (only mostly finished skins are hosted, and that's normal :).)

Gamester17

2007-08-31, 13:43

The skins will be on the official Svn when XBMC Team gives permissionPlease go right ahead (as long as no copyrights is broken), MacGyver is already a member http://sourceforge.net/projects/xboxmediacenter

Chandler

2007-08-31, 19:09

Please go right ahead (as long as no copyrights is broken), MacGyver is already a member http://sourceforge.net/projects/xboxmediacenter

I already know that, since i am the admin of the Svn where is hosted the work in progress skin Verve and Kaleidescape.

MacGyver didn't upload on the official Svn from sourceforge because there is still some stuffs to replace on the skins to not break copyrights, and because the team already told us that only almost finished skins are accepted

It's not new, even if i am not every time disponible, we first host on a private (in first) Svn Verve, Kaleidescape, 7Tft, and the kaleidescape clone from w84no1 like it's said Here (http://xbmc.org/forum/showpost.php?p=123330&postcount=96), and suggested by JezzX Here (http://xbmc.org/forum/showpost.php?p=122914&postcount=90). And i have a copy of a PM you sent me on 2007-01-21, 15:50, to say that you added MacGyver and would be happy to add me too :nod:.

No copyrights is broken, just re-read this topic and our old Pm's :;):

Best Regards
Chandler

Chandler

2007-08-31, 19:23

I can't edit the precedent post, i understood go away, but you said go ahead, and my english is really bad, sorry about that, i understood badly :rofl: lol

Like it s said, i think there is still some copyrighted things, MacGyver will tell us exactly since he is the main project director.

And of course we will upload it when MacGyver will be ready for :;):

billybarty

2007-09-01, 02:23

Looking forward to this -- thanks for all of the effort!

bb

RockDawg

2007-09-01, 04:34

This skin looks like it will rock once it's finished! I can't wait.

wumagic

2008-03-29, 00:26

Has there been any progress made with this skin?

Rookie

2008-08-09, 20:27

Somebody should pick up all these unfinished skin concepts and push them out.If I was a coder I would.I understand these are somebody's ideas,but if they are just going to let them go to waste......

WMP11 theme and this one have a lot of potential,like many other unfinished ideas I have came across in the forums.

Just a idea.

Freddo

2008-08-09, 20:35

Aeons wall view basically stole kaleidescapes only good idea anyways if you ask me.

smcnally75

2008-08-11, 16:31

Aeons wall view basically stole kaleidescapes only good idea anyways if you ask me.

You haven't used a real kaleidescape, have you? The "wall" isn't just a way to display the cover art. When you pause over a movie the system re-sorts the movies around the one you are on and puts movies like it around it. The way it lets you sort movies is pretty impressive too. I use Aeon at home so I'm not knocking it, but it's wall view is nothing like kaleidescapes.

Gamester17

2008-08-12, 21:18

You haven't used a real kaleidescape, have you? The "wall" isn't just a way to display the cover art. When you pause over a movie the system re-sorts the movies around the one you are on and puts movies like it around it. The way it lets you sort movies is pretty impressive too. I use Aeon at home so I'm not knocking it, but it's wall view is nothing like kaleidescapes.That is a seperate request, see => http://xbmc.org/forum/showthread.php?t=27749

Gamester17

2008-08-19, 18:16

http://xbmc.org/forum/showthread.php?t=4390I don't really have much time anymore to work on anything.

I'll have some leave sometime in the future, so I might get bored out of my mind and work on it myself, but I wouldn't hold your breath. :)

It should be a lot easier now, they have put so many great options in the skinning engine now, that you can make just about anything you can think of.I am sure that if you send a PM or e-mail to MacGyver and ask then he will upload the latest version of this skin 'as is' to the XBMC Skinning Project (http://sourceforge.net/projects/xboxmediacenter) SVN, that way you or someone can pick up where he left of and continue working on this skin.

:sniffle:

slippy

2008-11-09, 23:26

As title,

Many thanks in advance

nu1mlock

2008-11-09, 23:28

Couldn't you've asked this in your other topic about the Kaleidesper player?

slippy

2008-11-09, 23:34

sorry I didn't think of that! Do you know if this skin was ever released?

I read some threads here on the development but they seem quite old. I don't know if they halted it.

nu1mlock

2008-11-09, 23:41

Actually no, I don't know if it was ever released.

Why don't you try Horizon or MediaStream for XBMC instead? ;)

slippy

2008-11-09, 23:52

do you know if there are any other media centers out there that have managaed to make a clone of the kaleidescape GUI?

Many thanks in advance

slippy

2008-11-10, 00:11

I was wondering what happened to this kaleidescape skin? Did it end up not being possible to do or did you end up becoming too busy in other things?

I always liked how in kaleidescape you could move all the DVD cover art around the wall. That was amazing. What I like about kaleidescape is how it's so like you are holding the physical boxes in your hands. One thing I would love to see implemented is a feature in which you could use the arrow keys on your remote control like on the apple remote to actual make the DVD cover art move around 360 degrees and zoom in and out. This is a feature that not even kaleidescape has. I have always wanted to read the information on the back of the DVD. We have always seen the front cover in xbmc but seeing the back cover would be just like holding the box down in the shops. That would blow me away. Can it be done?

Many thanks in advance

nu1mlock

2008-11-11, 00:19

Well, no. Sorry.

What's so great about that GUI that hasn't been made better in any skin for XBMC?

Wir3d

2008-11-12, 02:07

xeonicxpression

2008-11-12, 20:55

Could be done but you would need a scraper to pull images for the entire DVD case. But it is possible.

Someone could talk to brian over at mymovies.dk. I think he opened his webservice up to developers, but there are restrictions. I think to use his web service he requires that you bundle his CM software with yours. You also have to restrict features, so that people have to contribute and accumulate so many points to unlock all of the features. That wouldn't really fit in with XBMC's vision.

I used to use MM, but got sick of the "contribution" requirements. It's a nice addon, but it isn't worth paying for, imho. It seems like every new movie that comes out is instantly in the webservice. I think some people get movies before they are released to the general public and add them in. So it's a PITA to get contribution points that way. Thank god I found XBMC. MM can't even come close to matching it.:grin: I will give credit to brian though, his webservice is pretty nice, but he doesn't have fanart.:nod:

loc4me

2009-10-29, 22:01

I'm new to this forum. I just played with a Kaleidescape server the other day and a google search brought me over here. I figured someone had replicated this already and it looks like it is still a work in progress. Is there a way to get the code for what has already been done. I would like to help or continue development on this if possible.