CANVAS 2D上下文中的纹理

时间:2011-02-23 19:49:46

标签: html5 canvas webgl

刚开始尝试填充画布,我正在尝试将纹理应用于对象(blob示例中的blob - http://www.blobsallad.se/)。此示例使用2D上下文,并且似乎没有实现webGL。我能找到的关于纹理的所有信息都使用了webGL,我想知道完成这个专长是多么容易。无论如何我可以将webGL的纹理特征结合到这个画布而不重写代码吗?总而言之,我想这个问题是询问2D上下文可用的方法是否也可用于webGL上下文...如果是这样,我想我可以改变上下文并应用我的纹理?如果我认为这一切都错了或在概念上感到困惑,请告诉我。

谢谢, 布兰登

2 个答案:

答案 0 :(得分:2)

我已经尝试将图像绘制到2D画布,然后将其用作WebGL画布的纹理。它有效,但性能很糟糕(从浏览器到浏览器确实有所不同)。我目前正在考虑其他一些重构方法。我不推荐任何超过静态地将图像绘制到一个或两个2d画布的东西。

你可以在项目中的lanyard / src / render / SurfaceTileRenderer.js中看到一个疯狂的例子:http://github.com/fintler/lanyard

答案 1 :(得分:2)

您是否希望将纹理应用于2D形状?

尝试这样的事情 http://jsfiddle.net/3U9pm/