RetroFE forums

No sound after selecting. Same configuration works on 0.80.

This theme has a very specific goal in mind: to be functional and look good with no metadata. I've settled on this as my philosophy for frontends because to my perception, it is unfeasible to have the majority of our games with appropriate metadata within even the next 10 years (too many obscure games, lack of worldwide organization regarding standards, etc), and therefore including metadata as part of the design will invariably leave you with games were you will see no video, you'll have a low-quality scan of the cover, no logo, etc, which to me looks terribly awkward due to lots of blank gaps on screen and logo-no logo-logo-logo-no logo-no logo type of scenarios. Some other things addressed were trying to pass bad quality videos as presentable, the avoidance of repeated info, and the avoidance of unnecessary info.



I realize this is a very specific mindset, so here's a very specific theme for very specific people: https://mega.nz/#!OAlVhBTK!yeR-gzsH61lyMcYIbzvxNxaMsxCQUVLA8zy1Pssv2fs

People who download it may find themselves having to rename the layout folders, as I use somewhat unorthodox names (always the original name ie. 'Atari Video Computer System' instead of 'Atari 2600'). I'm not nearly satisfied with it, but it works at a basic level.

Anybody knows a way to do this? I tried making a .lnk to citra.exe with "Start maximized" on the properties, but it won't open it as the launcher.

For example, a red background when entering the NES collection, and blue one when entering the Genesis collection. Seems rather easy but the wiki is down for me so I'm lost.

I'm using

  <reloadableImage type="background" mode="layout" x="0" y="0" alpha="1" width="stretch" layer="16">
        <onMenuEnter menuIndex="1">
          <set duration=".01">
           <animate type="alpha" to="1" algorithm="easeinquadratic"/>
          </set>
        </onMenuEnter>

        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="1" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
    </reloadableImage>
for the main menu, but I'm not sure how to call it for the collection menus.

Is there any program you guys would recommend for this? I have quite a lot of games that show no metadata associated with them because the name of the mismatches (Chrono Trigger.zip =/= Chrono Trigger (USA).avi)

Any way to do this? The first two I believe are default as it is how it works with just "<reloadableVideo imageType="screenshot", but if I want the element (in this case, the background image) to load the front artwork if (1) no video has been found (2) no screenshot has been found, all I cant think of is to set the front artwork as a layer under video/screenshot. It works, but it looks very awkward when switching from one game to another as you can briefly see the artwork pop up for a second...

The code:

<!----------------------------------------------------------------------------------------------------------------------------------->
  <!-- Settings -->
<!----------------------------------------------------------------------------------------------------------------------------------->

<layout width="1920" height="1080" font="fonts/HelveticaNeue-Bold.otf" loadFontSize="42" loadFontSize="60" fontColor="dedede">

<!----------------------------------------------------------------------------------------------------------------------------------->
  <!-- Sounds -->
<!----------------------------------------------------------------------------------------------------------------------------------->

  <sound type="highlight" src="sounds/highlight.wav" />
  <sound type="select" src="sounds/select.wav" />

<!----------------------------------------------------------------------------------------------------------------------------------->
  <!-- Main Menu -->
<!----------------------------------------------------------------------------------------------------------------------------------->

  <reloadableImage type="background" mode="layout" x="0" y="0" width="stretch" layer="0">
        <onMenuEnter menuIndex="0">
            <set duration=".01">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onMenuEnter>

        <onMenuExit menuIndex="0">
            <set duration=".01">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onMenuExit>
    </reloadableImage>

    <image src="images/transition.png" x="0" y="0" width="stretch" alpha="0" layer="6">
        <onMenuExit menuIndex="0">
          <set duration="0.5">
            <animate type="alpha" to="1" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>

        <onMenuEnter menuIndex="0">
          <set duration="0.5">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
    </image>

    <image src="images/timeline.png" x="center" y="center" yOrigin="center" xOrigin="center" height="250" width="stretch" alpha="1" layer="5">
    </image>

     <menu type="custom" imageType="logo" scrollTime=".24" scrollAcceleration=".04" orientation="horizontal" x="0" width="center" y="center" yOffset="400" algorithm="easeinquadratic" >
    <itemDefaults  x="center" y="center" yOrigin="center" xOrigin="center" width="300" maxHeight="175" spacing="10" yOffset="0"  alpha="0.5" fontSize="60" layer="6"/>
    <item xOffset="-1420" alpha="0" />
    <item xOffset="-1060">
      <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="0.5" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item xOffset="-720">
            <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item xOffset="-380">
            <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item selected="true" width="400" layer="7" alpha="1">
            <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item xOffset="380">
      <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item xOffset="720">
      <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="0.5" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha"  to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>

    <item xOffset="1060">
      <onMenuEnter menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="0.5" algorithm="easeinquadratic"/>
        </set>
      </onMenuEnter>
      <onMenuExit menuIndex="0">
        <set duration="0.5">
          <animate type="alpha" to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </item>
    <item xOffset="1420" alpha="0" />
  </menu>

<!----------------------------------------------------------------------------------------------------------------------------------->
  <!-- Sub Menu -->
<!----------------------------------------------------------------------------------------------------------------------------------->

   <menu type="custom" imageType="" orientation="vertical" width="1500" height="100" scrollTime=".24" scrollAcceleration=".04">
    <itemDefaults font="fonts/HelveticaNeue-Bold.otf" spacing="2" y="center" x="center" yOrigin="center" xOrigin="center" fontSize="42" width="1500" maxHeight="120" layer="16" alpha="1"/>
      <item xOffset="0" angle="0" yOffset="-664" alpha="0" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="-568">
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="-464">
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="-354">
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="-238">
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="-120">
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" yOffset="0" layer="17" width="1500" maxHeight="200" alpha="1" selected="true" fontSize="72" fontColor="000000">
      <onMenuExit menuIndex="1">
        <set duration=".01">
          <animate type="alpha" to="0" algorithm="easeinquadratic"/>
         </set>
     </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="120" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="238" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="354" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="464" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="568" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

      <item xOffset="0" angle="0" yOffset="664" alpha="0" >
        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
      </item>

   </menu>

    <image src="images/video_overlay.png" x="0" y="0" width="stretch" alpha="0" layer="13">
        <onMenuEnter menuIndex="1">
          <set duration=".01">
           <animate type="alpha" to="1" algorithm="easeinquadratic"/>
          </set>
        </onMenuEnter>

        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
    </image>

    <image src="images/dark_overlay.png" x="0" y="0" width="stretch" alpha="0" layer="13">
        <onMenuEnter menuIndex="1">
          <set duration=".01">
           <animate type="alpha" to="0.3" algorithm="easeinquadratic"/>
          </set>
        </onMenuEnter>

        <onMenuExit menuIndex="1">
          <set duration=".01">
            <animate type="alpha" to="0" algorithm="easeinquadratic"/>
          </set>
        </onMenuExit>
    </image>

    <image src="images/items.png" x="center" y="center" yOrigin="center" xOrigin="center" height="150" width="stretch" alpha="0" layer="13">
      <onMenuEnter menuIndex="1">
        <set duration=".01">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>       
        </set>
      </onMenuEnter>

      <onMenuExit menuIndex="1">
        <set duration=".01">
          <animate type="alpha" to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </image>

    <image src="images/items.png" x="center" y="center" yOrigin="center" xOrigin="center" height="150" width="stretch" alpha="0" layer="17">
      <onMenuEnter menuIndex="1">
        <set duration="0.1">
          <animate type="alpha" to="1" algorithm="easeinquadratic"/>       
        </set>
      </onMenuEnter>

      <onMenuExit menuIndex="1">
        <set duration=".01">
          <animate type="alpha" to="0" algorithm="easeinquadratic"/>
        </set>
      </onMenuExit>
    </image>

  <reloadableVideo imageType="screenshot" alpha="1" x="0" y="center" yOrigin="center" Width="stretch" layer="7">
    <onEnter>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
        <animate type="x" to="0"/>
        <animate type="y" to="center" />
        <animate type="Width" to="stretch"/>
      </set>
    </onEnter>
    <onMenuEnter menuIndex="0">
      <set duration=".01">
        <animate type="x" to="0"/>
        <animate type="y" to="0" />
        <animate type="y" to="center" />
        <animate type="Width" to="stretch"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onMenuEnter>
    <onHighlightEnter menuIndex="0">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onMenuExit menuIndex="0">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
    </onMenuExit>
    <onExit>
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
    </onExit>

    <onMenuEnter menuIndex="1">
      <set duration=".01">
        <animate type="x" to="0"/>
        <animate type="y" to="center" />
        <animate type="Width" to="stretch"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onMenuEnter>
    <onHighlightEnter menuIndex="1">
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onMenuExit menuIndex="1">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
      <set duration=".01">
        <animate type="x" to="0"/>
        <animate type="y" to="center" />
        <animate type="Width" to="stretch"/>
      </set>
    </onMenuExit>
  </reloadableVideo>

   <reloadableImage type="artwork_front" alpha="1" angle="0" x="center" y="center" xOrigin="center" yOffset="-700" xOffset="0" yOrigin="top" width="stretch" layer="7">
    <onEnter>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onEnter>
    <onMenuEnter menuIndex="0">
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onMenuEnter>
    <onHighlightEnter menuIndex="0">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onMenuExit menuIndex="0">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
    </onMenuExit>
    <onExit>
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
    </onExit>

    <onMenuEnter menuIndex="1">
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onMenuEnter>
    <onHighlightEnter menuIndex="1">
      <set duration=".01">
        <animate type="alpha" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onMenuExit menuIndex="1">
      <set duration=".01">
        <animate type="alpha" to="0" algorithm="easeinquadratic"/>
      </set>
    </onMenuExit>
  </reloadableImage>

<!----------------------------------------------------------------------------------------------------------------------------------->
  <!-- Other -->
<!----------------------------------------------------------------------------------------------------------------------------------->

  <reloadableImage type="playlist" mode="commonlayout" alpha="1" x="1850" y="430" xOrigin="center" yOrigin="top" maxHeight="96" layer="19">
        <onEnter>
            <set duration=".8">
                <animate type="nop"/>
            </set>
        </onEnter>
 
       <onExit>
            <set duration=".01">
                <animate type="alpha" to="0" algorithm="easeinquadratic"/>
            </set>
        </onExit>
 
      <onMenuEnter menuIndex="0">
            <set duration=".8">
                <animate type="y" to="430" algorithm="easeinquadratic"/>
            </set>
        </onMenuEnter>

        <onMenuEnter menuIndex="1">
            <set duration=".01">
                <animate type="y" from="-50" to="0" algorithm="easeinquadratic"/>
            </set>
        </onMenuEnter>
 
      <onMenuExit>
            <set duration=".01">
                <animate type="alpha" to="0" algorithm="easeinquadratic"/>
            </set>
        </onMenuExit>
     
        <onIdle>
            <set duration="1">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
            <set duration="1">
                <animate type="alpha" to="1" algorithm="easeinquadratic"/>
            </set>
        </onIdle>
 </reloadableImage>

</layout>

What I want is that the sole transition when entering a collection from the main menu, is that the screen fades to black. The closest I've gotten involves the logos having a transition animation were they slowly fade out, which I don't want! I haven't themed in a while, so I don't remember why I had to do it like this, I think it was because otherwise the collection logos would appear after entering the collection and so on... so anyway, I want upon selecting the collection, all elements of the menu stay as they are, and then a black image "slowly" covers the screen, and then fades out again so that it shows the games of the collection... it's difficult to explain without seeing my theme so please try it out (it's a mod of a theme someone shared here):
https://mega.nz/#!SJMDiKJY!CE208_ARZFkVO_YGekhBDFKAB7jLeXXwsTodawS33PU


Also, is there any way I can have the title of a game resized to the width of the bar (instead of getting cut out), if there's no logo? Right now it looks like "Klonoa: Door...", but maybe it'd be better if it displayed "Klonoa: Door to Phantomile" on a smaller font (to make it fit). It may look bad for long titles (cause they'd end up with a really small font), but it'd be interesting to test regardless.