Hey,
So I've been messing around with some webkit things, and created this for my server loading screen:
[url]http://sammyservers.com/loading/loading_board.php[/url]
As you can see, it works just fine in any webkit browser (tested in Safari and Chrome), but when I take it ingame, it shows as this:
[media]http://dl.dropbox.com/u/3287852/in-game-loading.png[/media]
Any ideas?
Ummm...I don't think the garrysmod browser has flash.
Besides that, what's the problem?
This doesn't utilise flash. Well accept for the music.
The problem is mainly the "did you know" box. I'm using some webkit animation there, and ingame, it's completely ignored, as well as the webkit gradient background.
[css]
#footer{
position: absolute;
bottom: 0;
left: 25%;
right: 25%;
text-align:center;
padding-top: 5px;
/*border-left: 1px solid #b2ceff;
border-right: 1px solid #b2ceff;
border-top: 1px solid #b2ceff;
border-bottom: 1px solid #b2ceff;
background-color: #d1dfff; */
width: 50%;
opacity: 0.9;
height: 80px;
-webkit-border-top-left-radius:50px;
-webkit-border-top-right-radius:50px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-animation-name: footerboom;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#A7E0FE), to(#FFFFFF));
}
@-webkit-keyframes footerboom {
0% {
-webkit-transform: scale(1.0) rotate(0deg);
}
33% {
-webkit-transform: scale(1.35) rotate(-3deg);
}
67% {
-webkit-transform: scale(1.25) rotate(3deg);
}
100% {
-webkit-transform: scale(1.0) rotate(0deg);
}
}
[/css]
If you compare that screenshot to the browser window in Chrome, you'll notice the did you know box straight away.
[QUOTE=jimbodude;27439402]This doesn't utilise flash. Well accept for the music.
The problem is mainly the "did you know" box. I'm using some webkit animation there, and ingame, it's completely ignored, as well as the webkit gradient background.
[css]
#footer{
position: absolute;
bottom: 0;
left: 25%;
right: 25%;
text-align:center;
padding-top: 5px;
/*border-left: 1px solid #b2ceff;
border-right: 1px solid #b2ceff;
border-top: 1px solid #b2ceff;
border-bottom: 1px solid #b2ceff;
background-color: #d1dfff; */
width: 50%;
opacity: 0.9;
height: 80px;
-webkit-border-top-left-radius:50px;
-webkit-border-top-right-radius:50px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-animation-name: footerboom;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#A7E0FE), to(#FFFFFF));
}
@-webkit-keyframes footerboom {
0% {
-webkit-transform: scale(1.0) rotate(0deg);
}
33% {
-webkit-transform: scale(1.35) rotate(-3deg);
}
67% {
-webkit-transform: scale(1.25) rotate(3deg);
}
100% {
-webkit-transform: scale(1.0) rotate(0deg);
}
}
[/css]
If you compare that screenshot to the browser window in Chrome, you'll notice the did you know box straight away.[/QUOTE]
Does the GMOD browser use the IE control, which doesn't support webkit?
According to [url]http://wiki.garrysmod.com/?title=P.HTML[/url] it uses WebKit 532.1. The steam browser uses the same I assume. It also shows my other webkit things, such as the "animated" circles, and the reflections.
So I'm stumped. I have no idea why this footer animation isn't working.
[editline]15th January 2011[/editline]
Just tried this in the Steam Browser, and it works just perfectly there. Now I'm even more confused. I thought the loading screen rendered the page exactly the same as the steam browser did?
Since the Steam update, they do use Webkit.
[editline]16th January 2011[/editline]
The huge one with the UI overhaul, I mean.
[QUOTE=Qombat;27440943]Since the Steam update, they do use Webkit.
[editline]16th January 2011[/editline]
The huge one with the UI overhaul, I mean.[/QUOTE]
Yeah, right. So does anyone have any clue why the loading screen would render my page, as seen is first post, but the steam browser would render it just fine?
Could you not use jQuery for that?
Well sure, but I'd rather just use these webkit css3 animations. They work just perfectly in a webkit browser, and steam's browser, and other webkit features work fine in the loading screen, so I'm stumped as to why this element just won't work.
It seems as if the entire CSS for the "footer" element is just not loading, as it's not centered, and not at the bottom of the page, which are simple CSS functions.
Indeed, using some sims2, and things from other games as placeholders for now.
Going to quote what I said above, so it hopefully get's noticed:
[QUOTE=jimbodude;27441081]Well sure, but I'd rather just use these webkit css3 animations. They work just perfectly in a webkit browser, and steam's browser, and other webkit features work fine in the loading screen, so I'm stumped as to why this element just won't work.
It seems as if the entire CSS for the "footer" element is just not loading, as it's not centered, and not at the bottom of the page, which are simple CSS functions.[/QUOTE]
It's because the loading screen isn't threaded unless you are downloading a file.
[QUOTE=Skull435;27458372]It's because the loading screen isn't threaded unless you are downloading a file.[/QUOTE]
Being threaded or not shouldn't have any impact on what is rendered, and what isn't. I'd expect the css for the footer to load, and of course, the animation would lag, but it seems as if none of the css is even loaded.
Holy fuck sims music
It's not going to animate, ever. Don't make animated things for the sv_loadurl page. The only time the panel is updated is when the game code passes information to the panel.
[editline]20th January 2011[/editline]
Don't bother with links either, or any form of interactivity. sv_loadingurl was implemented as a simple form of display, not to take advantage of full web rendering capabilities.
[editline]20th January 2011[/editline]
(Input isn't read by the HTML panel during the loading.)
[QUOTE=amcwatters;27557396]It's not going to animate, ever. Don't make animated things for the sv_loadurl page. The only time the panel is updated is when the game code passes information to the panel.
[editline]20th January 2011[/editline]
Don't bother with links either, or any form of interactivity. sv_loadingurl was implemented as a simple form of display, not to take advantage of full web rendering capabilities.
[editline]20th January 2011[/editline]
(Input isn't read by the HTML panel during the loading.)[/QUOTE]
Not true. It all animates just fine when downloading files. The webkit circles animate fine, and so does the Did You Know? box. See [url]http://sammyservers.com/loading/loading_board.php?simulate=1[/url] for an example.
And yeah, I know the links are pointless, just got no real need to remove them, as like you said, they can't be clicked.
This problem fixed itself anyways. I assume it was just a cache issue or something.
