Main > Software Forum
HTML5 FrontEnd
Le Chuck:
Here are two sounds and the starfield gif for your use!
I dropped in the select sound to the current theme and couldn't get it to play. Tried both wav and mp3. Deleted the old sound and named it "select" - is that function disabled right now or did I mess something up?
Le Chuck:
--- Quote from: arximidis
[b ---EDIT[/b]: try this
In screen.css go to #GameTitle (line 12) and change height to zero. Then go to #GameCarusel (line 13) and change top to zero
--- End quote ---
That seemed to have worked but I found another issue.
I added some directions to the background and I think the bounding box for the carousel is messing up the background. Without the text I noticed that the stars skipped just a bit but with it it is very obvious. You'll note that when I go to the menu the background is fine. Also, the bottom of the box cuts off just a bit of the Empire Strikes Back icon. If there's a simple way to fix this great, if not I can move the text to the bottom and just work around the issue.
I slowed the scroll down to .03, it is very responsive and the icons are smooth, smoother than the video shows. Fiddled with the sound some more, I can do a custom background music but I can't get the noise to run when I select a game. I'm wondering if that's because I'm in the carousel menu and not a rom selection menu? Also, just noticed that "choose" could really use an extra "o". I'll have to fix that ;D ;D
arximidis:
--- Quote from: Le Chuck on March 22, 2014, 06:31:22 pm ---Here are two sounds and the starfield gif for your use!
I dropped in the select sound to the current theme and couldn't get it to play. Tried both wav and mp3. Deleted the old sound and named it "select" - is that function disabled right now or did I mess something up?
--- End quote ---
Thanks for the images (I am looking for better images for the emulators and intro videos)
Yes the sound functions are disabled for now, because I have some weird crashes when opening the settings page (or reloading), at least in Windows 8 (I will test it in Windows XP to see what happens) The problem is caused by VLC and I can't figure out what is the reason. Maybe is a bug of the vlc mozilla plugin.
The sounds are there from the first version og HTML FE which was using microsoft media player with no problems. Maybe I will give the option to use microsoft media player for windows users (instead of vlc)
For now, I will re-enable them (buy giving the option to disable them, if things go wrong)
--- Quote from: Le Chuck on March 22, 2014, 11:52:27 pm ---
That seemed to have worked but I found another issue.
I added some directions to the background and I think the bounding box for the carousel is messing up the background. Without the text I noticed that the stars skipped just a bit but with it it is very obvious. You'll note that when I go to the menu the background is fine. Also, the bottom of the box cuts off just a bit of the Empire Strikes Back icon. If there's a simple way to fix this great, if not I can move the text to the bottom and just work around the issue.
I slowed the scroll down to .03, it is very responsive and the icons are smooth, smoother than the video shows. Fiddled with the sound some more, I can do a custom background music but I can't get the noise to run when I select a game. I'm wondering if that's because I'm in the carousel menu and not a rom selection menu? Also, just noticed that "choose" could really use an extra "o". I'll have to fix that ;D ;D
--- End quote ---
It looks very nice!!! :)
I see the animation is smooth for you. In my case I cause a pause when it restarts (but I have tested it only in windows 8 with a medium machine)
You can not run any sounds, because they are disabled (I will re- enable them in next version)
For the small cut off, try this (not sure if it works)
In screen.css go to #GameCarusel (line 13) and increase the height property
edit:
The problem is in the following line of code
Go to main.html to line 1075 and change the height of #carousel1 from 380px to a greater value
P.S. I have some great news for the cube effect too. It may be possible to include it, if I play around with the code
Le Chuck:
--- Quote from: arximidis ---
The problem is in the following line of code
Go to main.html to line 1075 and change the height of #carousel1 from 380px to a greater value
--- End quote ---
Line 1095 in mine.
Changed to 480 - no more issue with icons being cut off. Still have the break at the top in the the background. Might be due to the marquee box tho (even though it's set at 0px wide and 0px tall). Tried several different values and couldn't get that to resolve so it's likely something else.
There was also an issue with the icons disappearing before the screen edge on the right side during a scroll. Adjusted Line 13 in screen.css to 640x480 for the carousel and that cleaned it up.
The css and html files are well written by the way - I'm starting to be able to hunt through and tweak things on my own and know rather than guess what the outcome will be. A GUI will always be more user friendly but these give a really great level of control.
I noticed that the background image doesn't scale - I have 800x600 animation so I had to set the FE size to that and tell everything else to zoom. It looks great but I'm worried about folks upscaling to maybe 1024x768 - will they need a custom animation or can the backround animation be stretched too?
Uploaded a pic to clarify, also it shows that box that is messing up the background - I'll try and see how many px wide it is in photoshop and track it down that way if I can.
Also: went and fixed the background text and left a slightly larger gap between text and border which avoided that trimming issue. Still something to figure out but this is a fine workout for now. Really looking great, can't wait to see the new features you have up your sleeve!
arximidis:
Yes, the background picture can be zoomed too. In fact, this is exactly what I am doing to the new version. Even if this setting is completed, I haven't released the new version due to the other modifications I am still working on
However, remember that zoom always keeps the original ratio of the main window.
If you want to play with the code the modification is quite simple. Instead of changing the body element (restore to the original settings) do the same thing to the #MainContent element in screen.css
As for the problem to the top, yes it's not the marquee. At first I thought it was the marquee that the capturing software was placing :-[
Well it's the vlc plugin (the one that plays the videos and music)
To hide it go to main.html at line 1061. You will see an element <embed type="application/x-vlc-plugin" name="VLC" id="mvlc"
Just before this line insert the following
<div id="VLCs" style="top:-20;position: absolute;">
The go to the line where the embed element closes (width="0" height="0">) and after that insert the following
</div>
and you will be ok
I am so jealous :laugh:
I want my FE to look exactly like yours, but instead of the games, I want the emulators to rotate the same way. That means I need better pictures for the emulators (eg MAME, dosbox, nestopia, visualboy advance etc).
I beleive Maximus arcade and GameEx have nice pictures, but I don't want to include non-free pictures.
Any suggestion?