Время от времени вы видите что-то, что достигает многого с очень малым. В этом случае у нас есть впечатляющий, почти 3D-дисплей, созданный из стандартных деталей плюс датчик движения прыжка.
Это не могло быть более простым. Изображение земного шара создается с помощью Three.js библиотека 3D-графики JavaScript, работающая с Canvas, SVG или WebGL. С постоянно растущей скоростью JavaScript, кто знает, возможно, WebGL станет избыточной функцией в ближайшем будущем, если мы сможем визуализировать непосредственно на холсте.
В этом случае создаются четыре вида земного шара, которые отражаются от четырех сторон пирамиды из плексигласа. Стороны пирамиды наклонены под углом 45 градусов для правильного горизонтального обзора. Обратите внимание, что при взгляде чуть выше или ниже будет некоторое искажение. Дисплей-это просто стандартный монитор, лежащий на столе.
Последним штрихом является использование датчика движения Leap, взаимодействующего с JavaScript через WebSocket. Вы можете видеть, что это действительно работает, и глобус вращается в ответ на движения рук.
Это выглядит хорошо, но обратите внимание, что у него есть свои ограничения. Изображение-это не настоящий объемный дисплей, а четыре различных вида, которые вы видите в зависимости от того, на какую сторону пирамиды вы смотрите. Это хорошая идея, реализованная Робби Тилтоном.
Когда вы принимаете во внимание, насколько прост этот подход, вы должны признать, что он удивительно эффективен.
Это также, по — видимому, демонстрация того, что контроллер Leap Motion способен делать реальные вещи-и с помощью JavaScript.