3D Globe
Find Countries on the Earth
? Swipe to view the globe in three dimensions. Tap to select countries. Country names display in the information area. This simple educational app demonstrates interactive learning that can apply to any topic or product.
Swipe & Tap Countries
Instructions
Swipe to view the model in three dimensions. Tap to select elements. Information about your selection displays in the information area.
Sometimes it's easier to select elements when the model isn't rotating. Tap near the model to stop rotation. Select an element on the model. Tap near the model to resume rotation.
See the diagram, with callouts, for elements on the model, at a glance.
Just one texture, prepared with render to texture (RTT), loads and maps the low poly model. Both RTT and low polygon modeling speed download time.
Simplified 3D rendering software implemented with JavaScript, CSS3, WebGL and GLSL. Software renders the model, provides interactive clicks and swipes. The model was prepared for the Kindle book Create 3D Games.
More 3D Media!
Globe Countries Illustration
Tap the following components in the 3D globe, above.
Create 3D Games
Book Two in the Series, Learn WebGL
The e-book,
Create 3D Games
,
teaches how to make two similar 3D games, with WebGL.
The first game, 3D Globe Game
,
demonstrates a range of concepts useful for Web developers. Concepts include efficiency, responsive Web design, and optimization.
Learn to create the Globe Game
where players answer twenty questions to find countries on the globe.
The 3D Biplane Game
,
displays a biplane aircraft. Find parts on the airplane.
The Biplane Game
reuses and reinforces concepts explained with the Globe Game
.
The Biplane Game
also demonstrates how to use the book's software to make your own games.
The book's games run on mobile devices and desktops. Devices such as cell phones, mobile phones including Androids, iPhones, and Windows Phones, benefit from optimization techniques discussed in the book. Optimization techniques allow games to download and run quickly.
