Hello,
We are seeking a WebGl or Threejs to help us make something interesting. I'd like to try and use some of these technologies to make something cool. Ideally, you'll be a Web Designer or Developer with a background in WebGL.
The Project
I would like to create a searchable 3D globe in WebGL, Threejs and HTML5.
1) A globe that initializes with [login to view URL] (as per [login to view URL]) and line markers for airports based on size (small, medium, large) with appropriate lighting.
2) The globe should zoom in on the United States. ([login to view URL]) using an animation similar to ([login to view URL])
3) Selecting an airport creates a named marker. ([login to view URL])
e.g. New York - Los Angeles. It should show a marker for all airports (Airport Marker), the selected airports (Selected Airport Marker) and a line connecting destinations (Flight Path). (Please see [login to view URL])
You should be able to change airports, either depart or arrive, and the globe should update.
The page should use standard Bootstrap CSS and Html for styling.
Nice To Have but not Essential
4) Animate [login to view URL] to fly between selected airports. 1 way repeat for single journey. Back and forth between the two destinations.
5) Extra points if lighting matches time of day and can be set using a DateTime. (Lighting could be similar to this example [login to view URL])
We are seeking a great visual here. You must be able to demonstrate some artistic flair using the technologies we have outlined.
Please contact me with any questions.
Here some files relating to my first attempts and examples to get you started.
[login to view URL] has a list of ALL airports with lon lat. Please see GlobeTest for usage, must filer by country and airport type. Must be US and of type Airport ( not seaport etc).
The initial GlobeTest that we created and it was built with - [login to view URL] ([login to view URL])
We like the initial zoom on this one. Viewpoint example - [login to view URL]
Examples with markers + trails = [login to view URL]
([login to view URL]) please see [login to view URL] to see which features we want from this globe.
[login to view URL] = [login to view URL] with alterted colours.([login to view URL])
I can build you a 3D globe as you described using [login to view URL] and JavaScript.
Relevant Skills and Experience
Over 15 years in Aust as a contract coder. I specialize in data viz using d3.js & [login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]
Proposed Milestones
$30 NZD - Deliver [login to view URL] as per your #1
$30 NZD - Deliver initial animation as per your #2
$80 NZD - Deliver selected Src & Dst airport as per your #3
$85 NZD - Animate heron as per your #4
Additional Services Offered
$40 NZD - Light changing as per your #5