Main > Software Forum
HTML5 FrontEnd
arximidis:
--- Quote from: Le Chuck on March 22, 2014, 12:39:30 pm ---
When you go under settings inside the FE the carousel settings are listed under "general" perhaps you could add some layout settings either on the same screen or under a separate tab. That way to make certain adjustments (ie icon size, background, sounds etc) one wouldn't need to manually modify the code. The Carousel settings are awesome, having that level of control over other portions of the FE would really be useful.
Hope that helps explain what I was talking about. Looking forward to updates!
--- End quote ---
Ok, Already did that! :)
When I finish the update, I will inform you
Le Chuck:
--- Quote from: arximidis on March 22, 2014, 01:02:25 pm ---
--- Quote from: Le Chuck on March 22, 2014, 12:39:30 pm ---
When you go under settings inside the FE the carousel settings are listed under "general" perhaps you could add some layout settings either on the same screen or under a separate tab. That way to make certain adjustments (ie icon size, background, sounds etc) one wouldn't need to manually modify the code. The Carousel settings are awesome, having that level of control over other portions of the FE would really be useful.
Hope that helps explain what I was talking about. Looking forward to updates!
--- End quote ---
Ok, Already did that! :)
When I finish the update, I will inform you
--- End quote ---
Awesome, getting really excited about this one - I've been struggling through so many other FEs to get the look and feel I want. I really appreciate the quick responses and think that a lot of folks will really find this very useful. :cheers:
arximidis:
--- Quote from: Le Chuck on March 22, 2014, 12:39:30 pm ---
Edit: Made the changes, a few notes:
If you delete "marquee" FE shows a missing img icon, would be nice to have selection to disable marquees so I don't have to have a blank marquee file needlessly.
PNGs work well, will know how well once I can edit the background - during transition there is a slight degradation in the image but again, once we can get off that white background we'll be able to see how noticeable it is. I think it should be okay as is.
An option - not necessary at all - to set music for each carousel item/emulator would be nice, that way music changes as one spins around
Need option to set carousel rotation speed
For the carousel controls, where does the program "grab" the image? At the bottom left (0,0) or center? I put the icon size at 640x480 so the PNGs would fill but they seems to be a bit off size, or I'm not positioning them right. Here are my carousel settings. FE is at 640x480 also FYI.
xRadius: 1000
yRadius: 320
xPosition: 320
yPosition: -400
Reflection height: 0
It seems like it would be center but my PNGs are getting zoomed a bit - could be because a big part of my images are transparent. Will play around with it more. If FE is ignoring alpha channels for positioning it will be hard to correct for. Having an absolute center based on img resolution would be better. If it's already like that then disregard and I'll keep fiddling with my settings.
--- End quote ---
I am in the process of including more options to the settings page (change the speed of carousel, removing the marquees and loading a background picture. I have tested animated gifs and the do work)
For now
speed: go to line 438 of main.html and change the speed. 1 is fastest (no animation). Speed must be greater than zero, lower than 1
background: open screen.css (in css directory) and remove the background-color:#fff; (line 4) and replace it with:
background:#fff url(../img/background.gif) no-repeat;
Go to img folder and add a background.gif (it can be animated gif too)
P.S. Show my a picture of how FE is setup if possible. It may help me for the settings
Le Chuck:
Alright, making some progress here ;D
The marquee area seems to cut off some of my images. I played around with the background gif trying to get it to repeat using the parameters "repeat" and just putting no parameter but both gave the same result as if "no-repeat" was there. I'm a retard, the gif was compiled to only loop once rather than forever - fixed. Now the background works great.
If you add a feature for a video or screen effect (fast zoom in) to execute when one makes a selection and we're pretty much there.
arximidis:
--- Quote from: Le Chuck on March 22, 2014, 05:21:46 pm ---Alright, making some progress here ;D
The marquee area seems to cut off some of my images. I played around with the background gif trying to get it to repeat using the parameters "repeat" and just putting no parameter but both gave the same result as if "no-repeat" was there. I'm a retard, the gif was compiled to only loop once rather than forever - fixed. Now the background works great.
If you add a feature for a video or screen effect (fast zoom in) to execute when one makes a selection and we're pretty much there.
--- End quote ---
Very Cool!!! :D
Yes you are right. The problem is with the div that is still there even if you remove the marquee pictures. In the new version I have included a setting to hide the marquee (including the div section) just by clicking a checkbox
The repeat method in the css is creating a tile effect ;)
P.S. I was looking for a stars animated gif to include to the next version. You can enable the background picture from the settings page. If it's not so difficult please send it to me to include it
Generally I am looking for pictures, sound effects, background musics etc
EDIT: 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