#javascript #css
#javascript #css
Вопрос:
Я хочу перемещать изображения вверх в плоскости.
Подробности см. на изображении
На изображении вы можете видеть, что линии нарисованы в трехмерной плоскости. Я хочу показать летающий дрон над линиями. Рассматривайте эти линии как траекторию для беспилотника в воздухе. Я хочу показать, что дрон летит по этому пути в воздухе.
Мой вопрос не в том, как я могу перемещать беспилотник по поверхности, я могу сделать это легко. Дроны очень хорошо перемещаются по поверхности. Я хочу переместить беспилотник в воздухе.
Основной вопрос
Дрон — это изображение.
Как я могу придать изображению z-смещение, чтобы оно выглядело как в воздухе. Какая-нибудь библиотека, или тени, или еще что-нибудь, что мы можем сделать?
Комментарии:
1. Независимо от того, какое смещение z вы предоставляете, оно все равно отображается на 2D-дисплее. вы должны рисовать таким образом, чтобы придать ему трехмерную перспективу. Вы можете начать отсюда: developer.mozilla.org/en-US/docs/Web/CSS/perspective или используйте любую 3D-библиотеку JavaScript.
2. Я буду смотреть
perspectiveтак, как вы сказали.3. > используйте любую библиотеку JavaScript 3D .. … Можно ли это сделать с помощью threejs
4. да, любая 3D-библиотека, о которой вы знаете или с которой вам удобно.
5. если вы хотите что-то вроде этого snapsvg.io/demos/#globe взгляните на snapsvg, а также, если вам нужна какая-то реальная 3D-вещь, взгляните на cesium.com/docs/tutorials/build-a-flight-tracker