Three.js: текстура в текстуру данных
Я пытаюсь реализовать отложенный просмотр веб-камеры в javascript, используя Three.js для возможностей WebGL.
Мне нужно хранить кадры, полученные с веб-камеры, чтобы они могли отображаться через некоторое время (от нескольких миллисекунд до нескольких секунд). Я'я могу сделать это без Three.js, используяcanvas
а такжеgetImageData()
, Ты можешь найтипример на jsfidle.I '
я пытаюсь найти способ сделать это без холста, но используя Three.jsTexture
или жеDataTexture
объект.Вот пример того, что яя пытаюсь, Проблема в том, что я не могу найти, как скопировать изображение из (Texture
image
имеет типHTMLVideoElement
) другому.
ВrotateFrames()
Функция старого кадра должна быть потеряна, а новый заменить, как в FIFO. Но линия
frames[i].image = frames[i + 1].image;
просто копирует ссылку, а не данные текстуры. ПохожеDataTexture
должен сделать это, но яя не могу получитьDataTexture
изTexture
или же .HTMLVideoElement
Любая идея?
Предупреждение: у вас должна быть камера и позволить браузеру использовать ее для работы примеров. И, очевидно, вы должны иметь обновленный браузер.