Click here to Skip to main content
13,197,271 members (55,270 online)
Rate this:
Please Sign up or sign in to vote.
See more:
If can be so kind I am looking for ideas and advice.
If you dont want to read the background please go to the
For this version comment.

I have an idea an the approach I think will work
but don't know enough about WebGL to know if I am right.

Some background.

  1. We have very large satellite images, 30,000 x 20,000 in size of total area.
  2. On top of this image we want to place and 3D objects which move over this image.

This app already exists in 2D using WPF.

I created my own version of Deep Zoom to handle this image display.
I did this by creating several pre-scaled tile folders.
Each folder contains a certain zoom level.
Each tile currently is at 512x512 but can be altered to any square sized boundary.
I have only 5 zoom levels I currently use. I use the video cards scaler to deliver all the tween sizes. Example. The user is at a zoom level of 25% I grab the tiles from the 20% folder and zoom them up 5%.
Also when the user is at zoom level "X" I only use the image tiles necessary
to cover the display at that zoom level.
In other words, I load as few tiles as possible to fill the screen with some overlap. If the user moves left or right up or down I load new tiles as necessary to display the image. This keeps ram usage low and image load times quick.
The tiles are currently 512x512 pixels in size though they can be made at any size but 512x512 seemed to perform OK.

Then application then overlays and moves several types of 2D sprites on top of the image. Thats a quick run down on what we currently have.

For this version:
We want to move to the web. We want to keep the image quality if we can but want to enhance the app to have a 3D overlayed objects.

We are looking to the future so we are looking at using HTML 5
I started thinking we could use a canvas and as the user moves we reload the tiles
just as before but that does not give us 3D.

What I think is the background would be a texture but there is so much I dont know.

So I have a large question.

For a background texture can I continually swap it out and zoom and offset it based on zoom level and or offset position?

I see several examples where you load a static texture and the camera view does the reset but hey this texture is 30,000 x 20,000 pixels at 100% so that standard thing is out.

Idea's help suggestions.

Posted 19-Sep-12 4:18am
Updated 19-Sep-12 22:56pm
Marcus Kramer 19-Sep-12 10:54am
I don't have any advice for you, but I am very interested in this one. +5 for the question.
I haven't had the time to play with something similar to this, but have been wanting to for a while. Good luck and if you get a good solution together and can share snippets of it there may be a really cool article or tip here.
Manfred R. Bihy 20-Sep-12 4:48am
There should be a prize for well framed questions!
I deem this one to be a likely candidate. :) 5+

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web01 | 2.8.171020.1 | Last Updated 20 Sep 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100