GlobeSpinner
- 1 Devlogs
- 1 Total hours
This a rigged interactive globe spinner, similar to Wheel Of Names but for countries on a 3d globe, with weights for desired outputs =)
hey there! Welcome to my first devlog for Globe Spinner =)
I was working on a presentation and wanted a super simple “Wheel of Names” style spinner, but specifically as a 3D globe. I searched all over the internet and literally could not find a clean, simple one anywhere… so I decided to just build it myself!
My main technical question was: is it possible to build a smooth interactive 3D globe that has an easy ,one file structure without dragging in a massive, heavy 3D engine like Three.js?
And yeah we can (otherwise this wouldnt really exist) I took world boundary topology in TopoJSON format, projected it onto a 2D canvas, and hooked up a pretty simple animation loop.
It uses D3 to project the 3d globe onto an HTML5 canvas with a 550 x 550 px canvas size and an orthographic 3d proejction view, running at 60 fps
It may have broken the first time because of a few rookie typos, but it is all solved now and boots up with live server .
all my code is in github under a pretty innnovative repo name (it’s lowk just GlobeSpinner)
its not much rn but with a bit of styling i think it will be pretty good in some time =)
