草庐IT

UNPACK_FLIP_Y_WEBGL

全部标签

javascript - 有没有办法让 WebGL 在屏幕外渲染,而无需将 webgl Canvas 附加到 DOM?

我原以为这是一个很容易找到答案的问题,但结果却非常难以捉摸。基本上,我正在尝试使用WebGL来完成一些图像处理和生成任务的繁重工作,并且我希望它在屏幕外工作。理想情况下,我希望WebGL将场景渲染到我可以从中gl.readPixels()的帧缓冲区,或者渲染到webglCanvas,以便我可以将它用作源对于context.drawImage()。问题是,我不想显示webglCanvas本身,我只想将它的一部分复制到我有常规“2d”上下文的可见Canvas。到目前为止,如果没有以下初始化,我似乎无法让它工作,这对我来说似乎是一个丑陋的hack:glCanvas=document.crea

html - 使用预乘 alpha 时,WebGL 中的 Alpha 渐变不平滑

我有一款LibGDX游戏,其中有平滑渐变的卡通云。游戏中还有其他渐变示例也存在类似问题,但云彩是最明显的示例。它们在Android、iOS和游戏的桌面版本中看起来不错,但在WebGL版本中,渐变绘制得不那么平滑。似乎只有alpha梯度有问题。其他渐变看起来还不错。我在Chrome和IE中尝试了3种不同的设备,所有3种设备都产生了相同的结果。您可以在此处找到HTML5版本的测试。https://wordbuzzhtml5.appspot.com/canvas/我在github上添加了一个示例IntelliJ项目https://github.com/WillCalderwood/Cloud

html - 任何免费的开源 WebGL 编辑器?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion首先,我为我糟糕的英语道歉。我们的开发团队正在开发一个项目,该项目是用GWT编写的,旨在为用户提供协作环境。用户可以从事不同的项目,包括动画制作、图像编辑、3D结构建模等。所以我们必须为他们提供合适的编辑器。我只想知道,有没有免费/付费的开源编辑器,可以嵌入到我们的项目中?如果满足以下规范就更好了:·最好与html5兼容,以便从最新技术中获益·可以是webgl·应该开

html - getContext ('webgl' ) 与 getContext ('3d' ) 有什么区别?

我开始学习WebGL,因为我找到了一些旧教程,我不知道在2014年什么是正确的方法?我启动了(基本),并且在教程中他们说了类似的话:usegetContext('2d')andifyouwanttouseWebGLthenyouput3dinsteadof2d但现在我正在学习,我发现教程谈论getContext('webgl')而不是getContext('3d').句法有变化吗?还有this文章说没有真正的3D,但他们只使用光线转换?! 最佳答案 MozillaDeveloperNetowrk(MDN)文档是这样说的:getCon

html - WebGL:enablevertexattribarray 索引超出范围

这是我的顶点和片段着色器:precisionmediumpfloat;uniformsampler2DuSampler;varyingvec4vColor;varyingvec2vTextureCoord;voidmain(void){gl_FragColor=vColor;//gl_FragColor=texture2D(uSampler,vec2(vTextureCoord.s,vTextureCoord.t));}attributevec3aVertexPosition;attributevec4aVertexColor;attributevec2aTextureCoord;un

frameworks - WebGL框架

我打算编写一个基于WebGL的3DFPS游戏。我应该使用一些WebGL框架吗?当今最活跃和最受欢迎的WebGL库是什么?它是否支持LOD、Heightmaps、COLLADA和一些Materials系统?谢谢。 最佳答案 很惊讶没有人提到Three.js.它背后有强大的社区,定期添加新功能。您可以在WebGLplayground上尝试并使用它:http://webglplayground.net/新项目有一个Three.js模板。 关于frameworks-WebGL框架,我们在Stac

html - 从 Web Worker 内部使用 WebGL : is it possible ? 如何?

我打开了这个matrixmultiplicationbenchmarks并且我的浏览器(Firefox7.0.1)卡住,直到基准测试完成(我在旧的AsusEeePC1000H中打开页面)。我听说WebWorker的发明是为了将处理与显示网页分开。是否可以使用WebWorkersAPI使WebGL不会停止整个Web浏览器? 最佳答案 为清楚起见:您链接到的基准测试根本不使用WebGL。(我应该知道,我写了它。)在那个特定的基准测试中,你现在绝对可以在WebWorker中运行它,它会非常好。(有趣的事实-WebWorkers在构建基准测

javascript - WebGL 中的索引缓冲区?

我正在尝试学习一些WebGL(来自本教程http://learningwebgl.com/blog/?page_id=1217)。我遵循了指南,现在我正在尝试实现自己的演示。我想创建一个图形对象,其中包含要出现在场景中的每个单独对象的缓冲区和数据。目前,我有一个位置顶点缓冲区、一个纹理坐标缓冲区和一个法线缓冲区。在教程中,他使用了另一个缓冲区,一个索引缓冲区,但仅用于多维数据集。索引缓冲区实际上是做什么用的?我应该实现它吗?它对多维数据集以外的任何东西都有用吗? 最佳答案 对象的顶点由3D坐标系(euclidiancoordinat

javascript - WebGL 中更好的文本质量

我正在寻找一种在WebGL中绘制更好质量(任意)文本的方法。目前我在2DCanvas上使用位图字体渲染并将它们块传输到WebGL上下文中。此处描述了此方法http://delphic.me.uk/webgltext.html这是我现在知道的在WebGL中绘制任意unicode文本的唯一解决方案。这种方法的问题是这些是位图字体,在较小的字体大小上看起来块状。我主要使用18的字体大小,与桌面质量字体相比,结果非常块状。我知道threeJS有一个字体库可以生成更好看的文本,但是我不想使用threeJS,因为我有自己的包装器,它可以很好地满足我的需要并且不想增加threeJS的额外开销。那么如

javascript - 如何制作 JavaScript HTML 5 Canvas 图像 "page flip",就像您在 Flash 中常见的那样?

有没有人尝试过使用JavaScript和HTML5的canvas标签重新创建您在Adob​​eFlash中常见的图像翻页效果?有没有框架或者jQuery插件可以实现这种效果?Flash中的翻页功能允许您捕获模拟书页的一Angular并像翻真实书页一样翻页。我真的很想学习如何使用JavaScript和HTML5的Canvas标签来做到这一点,但不知道从哪里开始,也不知道需要什么公式。Examplepageflipinflash 最佳答案 您可能会看一下基于HTML5的翻页器的另一个(不错的)实现:http://jpageflipper