new background and foreground

[too87]

[warycat]

upload the background image here again, the total size is 1024x512, sky 1024x128, sea 1024x384.

[warycat]

in the foreground these mountain under the sea should be put into the background to make the parallax effect. and the size the same as the background image. (the total size is 1024x512, sky 1024x128, sea 1024x384.)

[too87]

[too87]

These new images size in pixel. Let's me know if it's correct or not.

[warycat]

the size of background is 100% ok. the size of foreground(1024x512) is not. and there should also be something in the sky area in the foreground.

[too87]

[mesargent]

Something has come up with my family I can't make it tonight I can meet tomorrow night if anyone is available On May 6, 2014 10:06 AM, "too87" notifications@github.com wrote:

[image: fore_ground]https://cloud.githubusercontent.com/assets/7131766/2892764/cba8cb56-d540-11e3-8ba4-5f585ee9f93c.png

— Reply to this email directly or view it on GitHubhttps://github.com/warycat/SuperSeaLion/issues/21#issuecomment-42330133 .

[warycat]

I loaded the foreground and background together. And include the parallax effect. I think there is a design error here. http://www.warycat.com/SuperSeaLion/ssl.html

[warycat]

awsd for up down left right zx for zoom in zoom out

[too87]

i see. However, both pics have the same size. i will try look into it maybe i can fix something .

[warycat]

I think we need to change the image, because I made some errors in the first place.

• put the mountain in the background to the foreground.
• put a sun and some clouds in the background
• put two water layers with gradient in both foreground and background. so the water surface will show. when we go into or out of the water.
• remove the edge of sea ground in the background. put a big sub marine or a big sunken boat or a big whale in the background under water.
• remove the snow in the foreground and make two small image with the snow crystal so that I can make animation that they are actually falling down.

some of the margin of both foreground and background will be cut due to the implementation limitation. so when you draw the animation take that into account. You can test with the project by adding additional foreground and background image in app/images/ folder. rename it to foreground2.png background2.png accordingly. and replace the foreground1.png and background1.png in the superSeaLion.js to test your new foreground and background image.

[too87]

got it :)

[warycat]

I am not sure that the new design is 100% correct. If you find something wrong tell me about it early. thanks :)

[too87]

What do you mean by "the edge of sea ground in the background"?

[warycat]

@too87 the new map souce code support foreground and background zooming zx entire map cv foreground bn background

[too87]

I want to try the new foreground and background, where can i change it? in the superSeaLion.js?

[mesargent]

If I"m not mistaken, try SuperSeaLionhttps://github.com/warycat/SuperSeaLion / app https://github.com/warycat/SuperSeaLion/tree/master/app / scriptshttps://github.com/warycat/SuperSeaLion/tree/master/app/scripts / loader.js, lines 4 and 5. Not sure if anything else needs to be changed.

On Sun, May 18, 2014 at 4:28 PM, too87 notifications@github.com wrote:

I want to try the new foreground and background, where can i change it? in the superSeaLion.js?

— Reply to this email directly or view it on GitHubhttps://github.com/warycat/SuperSeaLion/issues/21#issuecomment-43456929 .

[too87]

[too87]

the first pic is background and the second one is foreground.