ТРЕХ JS, часто может казаться угловой и прямой. Я не использовал его очень долго и поэтому изо всех сил пытаюсь понять, как кривить мир так сказать. Я бы предположил, что визуализатор или что-то должно быть изменено, но идея состоит в том, чтобы взять 2d-карту и превратить ее в простую игру с тремя полосами. Однако, если вы посмотрите на картинку ниже из другой подобной игры, как я могу добиться эффекта рыбьего глаза?Закругленная плоскость В ТРЕХ JS
ответ
Я хотел бы сделать такой эффект на каждой вершину основания в зависимости от расстояния от камеры. Кроме того, возможно, немного оптимизированная перспективная камера с большим вертикальным фовом повысит эффект «извилины». Это просто простой эффект искажения, который каким-то образом был имитирован, вероятно, он действительно не изогнут. Надеюсь это поможет.
Я уверен, что существует множество возможных подходов ... Вот один из них, который создает хороший эффект искажения ствола.
Вы можете сделать что-то подобное, отринув обычную широкоугольную камеру до текстуры, а затем проецируйте ее на плоскость в форме линзы (сфера ровная), затем фактическая визуализация на экране - от камеры, указывающей на это.
У меня нет кода, доступного банкомату, но я могу его выкопать за несколько дней, если это будет интересно. Или вы можете просто приспособиться к примерам three.js. Three.js включает в себя некоторые примеры постпроцессинга, где сцена сначала отображается в текстуру, эта текстура применяется к квадрату, а затем фотографируется с помощью ортографической камеры. Вы можете изменить такой пример, изменив ортографическую камеру на перспективу, а затем исказив/изменив квадрат на нечто более подходящее.
Взятый до крайности, этот подход может привести к некоторым пикселизациям/блочным артефактам.
- 1. Три js Добавить плоскость в сцену
- 2. Закругленная кнопка в Android
- 3. «Ориентационный куб» в трех JS
- 4. Избегайте растяжения в трех js
- 5. Морфовая сфера в плоскость
- 6. Прозрачная закругленная граница в Chrome
- 7. Закругленная угловая кнопка ASP.NET
- 8. Прекрасно закругленная граница
- 9. Изображение закругленная кнопка JavaFX
- 10. Основы Tween JS на трех кубах JS
- 11. ТРЕХ JS Pixelated Render Target?
- 12. Как создать половину цилиндра в трех js?
- 13. поворот вокруг центра управления в трех js
- 14. Как масштаб изменяет объект в трех js?
- 15. проблема с диагональю куба в трех js
- 16. Координаты на основе камеры в трех js
- 17. Создайте фоновую сцену в трех js
- 18. Morph куб с катушкой в трех JS
- 19. Анимация системы частиц в трех JS
- 20. Параллельная плоскость в openGL
- 21. Картезианская плоскость в Java
- 22. Android закругленная кнопка с изображениями
- 23. Кнопки UIImage (закругленная кнопка Rect)
- 24. Внутренняя и внешняя закругленная граница
- 25. Простая закругленная угловая форма ListView
- 26. Закругленная нижняя граница для div
- 27. кривая линия css закругленная граница
- 28. Закругленная форма с системной тенью
- 29. Закругленная кривая в нижнем крае | CSS
- 30. Закругленная торцевая крышка 2d линий в единстве5