Текстуры в 2D-контексте CANVAS

Question

Я только начинаю экспериментировать с заливкой холста, и я пытаюсь применить текстуру к объекту (пример BLOB-объектов из BLOB-объекта - http://www.blobsallad.se/). В этом примере используется 2D-контекст, но он непохоже, что он реализует webGL. Вся информация о текстурировании, которую я смог найти, использует webGL, и мне было интересно, как легко было бы совершить этот подвиг. Могу ли я в любом случае включить функции текстурирования webGL в этот холст, не переписывая код?Подводя итог, я предполагаю, что этот вопрос спрашивает, доступны ли методы, доступные для 2D-контекста, также для контекста webGL ... Если так, то я полагаю, что я мог бы просто изменить контекст и применить свою текстуру? Если я думаю овсе это неправильно или я в замешательстве, пожалуйста, дайте мне знать.

Спасибо, Брэндон

Answer 1

Вы хотите применить текстуру к 2D-фигуре?

Попробуйте что-то вроде этого http://jsfiddle.net/3U9pm/

Answer 2

Я экспериментировал с рисованием изображения на 2D-холсте, прежде чем использовать его в качестве текстуры для холста WebGL. Это работает, но производительность ужасна (она действительно варьируется от браузера к браузеру). В настоящее время я рассматриваю несколько других вариантов его рефакторинга. Я не рекомендовал бы это для чего-то большего, чем статическое рисование изображения на одном или двух 2D холстах.

Вы можете увидеть пример сумасшествия в файле lanyard / src / render / SurfaceTileRenderer.js в проекте по адресу: http://github.com/fintler/lanyard