Author Topic: play.mg - New look proposal (Read 1773 times)

kagu · « **on:** 18 September 2014, 20:03:21 »

If you want to preview , you can have a look here
http://master.staging.megaglest.org/next/games.php

atze · « **Reply #1 on:** 19 September 2014, 17:11:28 »

Oh yeah, that looks really great.

Real good work.

Ishmaru · « **Reply #2 on:** 20 September 2014, 21:42:19 »

kagu · « **Reply #3 on:** 21 September 2014, 19:09:53 »

Thanks atze and Ishmaru , I hope they approve it so I could continue.

tomreyn · « **Reply #4 on:** 28 September 2014, 16:14:36 »

Looks awesome!

Is there anything we can do about the non-free-ness of this background video? I would like the new design to go on GitHub, and it should be fully GPL compatible.

Maybe we can also convert the video to an animated image to (possibly save on bandwith and client processing time)?

kagu · « **Reply #5 on:** 29 September 2014, 15:25:05 »

Yes , I like to have 100% GPL , but the video (looks very nice though) isn't . A similar alternative would be good , I searched with no luck.
I think since its a fog only , there could be a video which loops under 2-3 seconds , and it could have 200-400 kb, so animated gif I think it wouldn't be good.

titi · « **Reply #6 on:** 29 September 2014, 23:17:06 »

I think videos like this can be made with gimp!

GunChleoc · « **Reply #7 on:** 1 October 2014, 11:34:06 »

Looks like a standard cloud effect to me, so a static version should be easy to generate.

Filters -> Render -> Clouds -> Take your pick.

What resolution do you need?

kagu · « **Reply #8 on:** 1 October 2014, 11:39:42 »

As you can see the background is a looping video of fog, I tried to do that in GIMP with GAP but I have problems.
I think 1024x768 would be good.

GunChleoc · « **Reply #9 on:** 1 October 2014, 14:21:18 »

Here are some cloud variations: http://www.foramnagaidhlig.net/temp/clouds.zip

I don't know how to animate them though without causing huge files.

I set the filter to make them tileable, so the background on huge screens could be filled with these (CSS background repeat).

titi · « **Reply #10 on:** 2 October 2014, 12:56:42 »

We want those huge files!
Or can you export them as a video and recode them in h264 or whatever to reduce their size.

GunChleoc · « **Reply #11 on:** 2 October 2014, 13:09:43 »

The format I get from Gimp is an animated gif that's around 25 MB. You really want the users to load such a big file in their browser, just so they can look at some stats?

kagu · « **Reply #12 on:** 2 October 2014, 14:43:58 »

Yes , maybe we can compress it , if not possible , then we should probably go with a static image.

GunChleoc · « **Reply #13 on:** 3 October 2014, 09:46:12 »

The animation I was trying to do was only a blend animation anyway, beybe someone who knows HTML5/CSS well can generate the same off the images in the xcf. That would be the solution that uses least bandwidth.

tomreyn · « **Reply #14 on:** 3 October 2014, 19:45:40 »

I concur with Alket, it's not easy to find something matching online. I searched for

Code: [Select]

html5 OR css cloud OR smoke OR nebula backgroundand

Code: [Select]

html5 OR css cloud effectand the only half-way matching results I could find are:

https://codepen.io/montanaflynn/pen/orxwK

http://www.clicktorelease.com/blog/how-to-make-clouds-with-css-3d
(as discussed at http://www.paulrohde.com/css-3d-clouds-retake/ )

And those were pretty CPU intensive for me. On the other hand, the download is pretty small.

jammyjamjamman · « **Reply #15 on:** 11 October 2014, 20:17:01 »

Quote from: tomreyn on 3 October 2014, 19:45:40

I concur with Alket, it's not easy to find something matching online. I searched for
Code: [Select]
html5 OR css cloud OR smoke OR nebula backgroundand
Code: [Select]
html5 OR css cloud effectand the only half-way matching results I could find are:

https://codepen.io/montanaflynn/pen/orxwK

http://www.clicktorelease.com/blog/how-to-make-clouds-with-css-3d
(as discussed at http://www.paulrohde.com/css-3d-clouds-retake/ )

And those were pretty CPU intensive for me. On the other hand, the download is pretty small.

I really like the look of those CSS's, but I'm not sure how much of a problem the large cpu usage will be. It requires 20-30% of my i5 3210m, and is very choppy on my phone (naturally).

The page only uses a high amount of cpu if it's being shown on the display.

GunChleoc · « **Reply #16 on:** 13 October 2014, 08:57:07 »

Maybe we should just go with a nifty but static image then. Personally, I have always hated having to wait for my browser to compute/download nifty blinky moving stuff, when all I want is to access a piece of information.

titi · « **Reply #17 on:** 23 October 2014, 14:47:57 »

I prefer it plain with a picture too.

kagu · « **Reply #18 on:** 23 October 2014, 15:30:19 »

What I really wanted to do was something like this http://www.heroesofnewerth.com/intro . But I guess the picture would do.

kagu · « **Reply #19 on:** 11 November 2014, 22:09:40 »

Now I did this http://master.staging.megaglest.org/next/games.php

It also has Medals, gold , silver and bronze.
I'm still working in it, suggestions are welcome.

GunChleoc · « **Reply #20 on:** 12 November 2014, 07:51:01 »

I'm not a fan of looking at blurred stuff, it makes my brain go funny. Maybe try desaturating/lowering the contrast and playing with the brightness.

kagu · « **Reply #21 on:** 12 November 2014, 08:04:45 »

Yeah, you are right, i have to change it. In my monitor it looked good, but testing here, its not lookable

News:

Author Topic: play.mg - New look proposal (Read 1773 times)