Carousel Enhancements

EctoOne

Since i hate waiting (no offence), i had to find a way to reduce the confusion i had when using the horizontal wheel with Up/Down keys.
This is what i came up with:
alt text
To make it clear: The 5 smaller Metroids are the system logos on the actual carousel, and i've used the system.fullName variable to see what system is selected.

lilbud

@ectoone As a Metroid fan, thats frickin cool.
0_1504027103520_a63dcdac-aa49-4a4a-af11-63782718bdc4-image.png

EctoOne

@lilbud I always wanted to make a Metroid theme but I was never satisfied with the results. With the new enhancements, I'm now at least quite comfortable with the system view (Credits to Andrew Ariza for the image).
And I'm actually a bit surprised by the result I got by using the carousel, with a static system logo, to create some sort of animation. Saved me a lot of work, because I thought I had to create matching logos for each system.
Still need to figure out what to do with with detailed view tho. I have a rough version, but I'm not satisfied yet. It's hard to find a good wallpaper and a layout where the colors are readable without having to use semi-transparent boxes as element background.

jdrassa

@ectoone would you mind posting your carousel config? It would be helpful for testing. Thanks.

EctoOne

@jdrassa Sure thing.

<!-- SystemCarousel -->  
<feature supported="carousel">
 <view name="system">
  <carousel name="systemcarousel">
   <type>vertical_wheel</type>
   <origin>0.5 0.5</origin>
   <pos>0.5 0.82</pos>
   <size>1 1</size>
   <color>00000000</color>
   <logoScale>2</logoScale>
   <logoSize>0.1 0.1</logoSize>
   <maxLogoCount>5</maxLogoCount>
   <logoRotation>35</logoRotation>
   <logoRotationOrigin>0.5 -4</logoRotationOrigin>
  </carousel>
 </view>
</feature>

jdrassa

@EctoOne Is that from the metroid theme? Could you post the planet one as well?

EctoOne

@jdrassa Here ya go:

<!-- SystemCarousel -->  
<feature supported="carousel">
 <view name="system">
  <carousel name="systemcarousel">
   <type>vertical_wheel</type>
   <origin>0.5 0.5</origin>
   <pos>0.5 0.5</pos>
   <size>1 1</size>
   <color>00000000</color>
   <logoScale>1.9</logoScale>
   <logoSize>0.125 0.160</logoSize>
   <maxLogoCount>5</maxLogoCount>
   <logoRotation>15</logoRotation>
   <logoRotationOrigin>0.5 11.5</logoRotationOrigin>
  </carousel>
 </view>
</feature>

Can i go to bed now? :)

Retroboy69

@ectoone Hi, have you ever considered creating an enhancement that resembled a conveyor/escalator type of carousel?

EctoOne

@retroboy69 I'm not the guy who's coding the enhancements, I'm just trying to find the limits of them ;)
You need to ask @jdrassa for such requests.

Retroboy69

@jdrassa Have you ever considered creating conveyor/escalator type code. That would be cool.

ruckage

@retroboy69 said in Carousel Enhancements:

@jdrassa Have you ever considered creating conveyor/escalator type code. That would be cool.

I'm curious - what do you mean as that's very vague. Can you link to a video showing an example?

Capeman

@retroboy69

@jdrassa Have you ever considered creating conveyor/escalator type code. That would be cool.

@ruckage

I'm curious - what do you mean as that's very vague. Can you link to a video showing an example?

I think he means like the opening story roll from Star Wars. Amiright?

dmmarti

Quick question - trying to make the curvature of the vertical wheel reversed.

By default....the new carousel option code...

  <carousel name="systemcarousel">
    <type>vertical_wheel</type>
    <pos>0.5 0.0</pos>
    <size>0.5 1</size>
    <logoScale>1.125</logoScale>
    <logoSize>0.2 0.2</logoSize>
    <color>00000000</color>
    <maxLogoCount>5</maxLogoCount>
    <logoRotation>7.5</logoRotation>
<logoRotationOrigin>-5 0.5</logoRotationOrigin>
<logoAlignment>right</logoAlignment>        
  </carousel>

However, if we change the logoRotationOrigin from negative to positive...

  <carousel name="systemcarousel">
    <type>vertical_wheel</type>
    <pos>0.5 0.0</pos>
    <size>0.5 1</size>
    <logoScale>1.125</logoScale>
    <logoSize>0.2 0.2</logoSize>
    <color>00000000</color>
    <maxLogoCount>5</maxLogoCount>
    <logoRotation>7.5</logoRotation>
<logoRotationOrigin>5 0.5</logoRotationOrigin>
<logoAlignment>right</logoAlignment>        
  </carousel>

This switches the curvature of the vertical wheel (now bends to right instead of bending to the left)...however, that leads to a different behavior with the up/down buttons.

I see this referenced above (using up/down on a horizontal menu) ... but was curious if any updates were done to swap the behavior when the have a positive logoRotationOrigin value.

Thanks!

jdrassa

@dmmarti You should be able to fix this by making logoRotation negative.

dmmarti

@jdrassa - works like a charm now!

I didn't even think about making that a negative number..haha....I played with the others, but not that one.

Thanks again!

jdrassa

@ectoone said in Carousel Enhancements:

Am I stupid or is horizontal_view not an option!? Because it's kinda confusing to use Up/Down while browsing on this carousel.

It took a little bit longer than I had hoped, but I finally implemented support for 'horizontal_wheel'. It should be available now if you use the emulationstation-dev module.

herb_fargus

@jdrassa I hate it. But good work ;)

paffley

Love it, great work @jdrassa

EctoOne

@jdrassa Wow, I thought that it was added a long time ago. I stopped tinkering with it because I ran out of ideas for a matching detailed view for the Metroid carousel I made.

zerobyzero

Was the color/transparency selection for the selected/unselected elements of the carousel implemented in the end?

Regards