Каковы максимальные размеры рендера Canvas Three.js?

Question

Когда я устанавливаю размер холста рендеринга на ~ 4000x4000px, это нормально, однако, начиная примерно с 4000 (протестировано 5k, 6k, 8k), кажется, что сцена каким-то образом «обрезается».См. Изображение ниже:

Таким образом, до ~ 4К контента правильно отображается в центре холста, а для более высоких размеров холста он обрезает контент.

1. Это ограничение Three.js / WebGL?
2. Если да, то каковы фактические максимальные размеры холста, которые не вызывают никаких «деформаций»?
3. Могу ли я что-нибудь с этим сделать?Мне нужно получить снимок холста в высоком разрешении (8 КБ).

Answer 1

Что я могу с этим поделать?Мне нужно получить снимок холста в высоком разрешении (8 КБ).

Вы можете визуализировать части сцены, используя Camera.setViewOffset, а затем собрать части в большое изображение.

Вот библиотека, которая делает это

https://greggman.github.io/dekapng/

Я знаю, что здесь я написал ответ, который показывает, как это сделать в three.js, так как я написал эту библиотеку, потому чтомоего ответа.К сожалению 10 минут поиска не подняли>: (* ​​1015 *

Answer 2

Это не ограничение three.js, а ограничение максимального размера буфера рисования.Он определяется поставщиком браузера и не может быть превышен приложением.Больше информации в этом выпуске github:

https://github.com/mrdoob/three.js/issues/5194