Недавно я разрабатывал изометрическую систему рендеринга для отображения трехмерных сеток в Javascript. Все элементы сетки представляют собой кубы одинакового размера, единственное различие между ними — текстура, представляющая значение этой координаты. Мое приложение требует графического отображения больших сеток, даже если в окне просмотра одновременно видна только небольшая часть.
Поскольку я использую Canvas, который медленно рисует тысячи фигур за кадр, я настраиваю свой скрипт на циклический просмотр каждого блока, но рисую его грани только в том случае, если они 1.) рядом с пустым пространством сетки и 2.) внутри окна просмотра. . Эта система отлично работает для небольших сеток, но поскольку моему приложению потребуются значительно большие сетки (1000+x1000+x128), мне нужно будет добавить некоторые улучшения производительности для конечного продукта.
Кто-нибудь, кто работал с системами рендеринга, знает, как я могу оптимизировать свой движок? Одна вещь, которая, я думаю, может быть эффективной, будет пытаться не перебирать каждое значение сетки, даже если оно не рисуется. Однако я не знаю наиболее эффективного способа узнать, следует ли перебирать значение сетки или нет (в настоящее время я просматриваю КАЖДОЕ значение, а затем вычисляю, следует ли его рисовать).
Если я был слишком расплывчатым, пожалуйста, скажите мне, и я буду рад уточнить. Спасибо за ваше время и опыт; Я студент, и любая помощь очень поможет моему обучению.
