Tag: glsl

Cocos2d – iPhone上的月食效果: 我有一个关于实现像月食一样的效果的问题。效果应该看起来像在这个gif的第一秒钟。所以就像一个黑色的影子，越过了这个圈子。理想的情况是一个函数，我可以通过一个参数的百分比来获得这个数量作为一个阴影在圆上：我面临的问题是我的背景是一个渐变。所以不可能有一个黑色的圆圈在月球上移动来获得效果。我尝试了CCClippingNode东西，但它看起来不好。此外，边缘上的剪辑总是有点像素化。我想过使用GLSL着色器来达到这个效果，但是我对GLSL并不是很熟悉，我找不到一个例子。效果是为iPhone开发的应用程序游戏。我使用版本3（当前版本）中的cocos2d框架。有人有一个想法如何得到这个效果？一个想法，我可以开始search？先谢谢你

Opengl着色器问题 – 奇怪的光reflection文物: 这几天我一直在摔跤。我想我已经把它缩小到每个顶点切线的问题了，但我不确定解决这个问题的最好方法。上下文是iPhone应用程序，opengl es2使用我自己的引擎。我的着色器是使用提供的每个顶点切线创buildTBNmatrix的凹凸贴图（法线贴图）。顶点着色器将光vector和眼vector转换为切空间，将它们传递给碎片着色器并计算光照。但是我的前两个testing模型中的一些几何graphics在光照中显示了奇怪的伪像。在镜面reflection中最容易看到。在试图debugging这个我已经取代了正常的地图与平坦的普通PNG ..所有像素是128,128,255。我也硬编码的颜色。我的第一个模型是一个button形状。它显示了神器在外圈上的扇形镜面reflection。重要的是要注意的是，这里的UV贴图方法是“平坦的”，使得垂直于贴图的边基本上在那里纹理纹理。我会认为这会使切线难以计算，因为两个点将具有完全相同的纹理坐标。我尝试debugging渲染设置gl_FragColor不同的variables。当设置为每个顶点的法线时，我们看到扇形消失，表明法线是正确的。但是，将其设置为每个顶点的切线时，您可以看到扇贝。下一个形状是一个简单的球体。有了它，模型的顶部和底部就是神器展示的地方。在线框中，你会看到这是几个三angular形在一个顶点相遇的地方。因为每个三angular形都有完全不同的紫外线贴图，所以我无法将自己的头围绕在切线上。如果我不显示着色器代码，我想我会得到很多flack。顶点着色器： v_fragmentTexCoord0 = a_vertexTexCoord0; gl_Position = u_modelViewProjectionMatrix * vec4(a_vertexPosition,1.0); vec3 normal = normalize(u_normalMatrix * a_vertexNormal); vec3 tangent = normalize(u_normalMatrix * a_vertexTangent); vec3 bitangent = cross(normal, tangent); mat3 TBNMatrix = mat3(tangent, bitangent, normal); […]

使用未声明的标识符“gl_InstanceID”: 大家好，我一直在iOS平台上尝试OpenGLES2.0中的Instanced绘图。我的渲染代码 glEnableVertexAttribArray(…); glVertexAttribPointer(…) glDrawElementsInstancedEXT(GL_TRIANGLES,IndicesCount, GL_UNSIGNED_SHORT, 0, 5); 和我的顶点着色器 attribute vec4 VertPosition; uniform mat4 mvpMatrix[600]; void main() { gl_Position = (mvpMatrix[gl_InstanceID]) * VertPosition; } 我收到错误：使用未声明的标识符'gl_InstanceID' 我的glsl版本是1.0，如果版本是问题，那我该如何升级？任何其他方式在GLSL中使用“gl_InstanceID”？

如何在GLSL ES中编写const数组: 我想为iPhone上的OpenGL ES应用程序编写一个简单的顶点着色器，但是我的数组构造函数正在给我带来麻烦。 attribute vec4 normal; attribute vec4 position; void main(void){ const vec4 vertices[3] = vec4[](vec4(0.25, -0.25, 0.5, 1.0), vec4(-0.25, -0.25, 0.5, 1.0), vec4(0.25, 0.25, 0.5, 1.0)); gl_Position = vertices[gl_VertexID]; } 当使用这段代码时，着色器无法编译，并给出了错误信息：错误：0:13：'（'：语法错误：数组大小必须出现在variables名称后面

在iOS上使用OpenGL ES 2.0进行实例化绘图: 简而言之：任何人都可以确认是否有可能使用内置variablesgl_InstanceID （或gl_InstanceIDEXT ）在顶点着色器上使用OpenGL ES 2.0在iOS上启用GL_EXT_draw_instanced ？更长：我想使用glDrawArraysInstanced和gl_InstanceID绘制一个对象的多个实例，我希望我的应用程序可以在多个平台（包括iOS）上运行。规范明确指出，这些function需要ES 3.0。根据iOS设备兼容性参考 ES 3.0仅在less数设备（基于A7 GPU;因此是iPhone 5s，但不在iPhone 5或更早版本）上可用。所以我的第一个假设是我需要避免在旧的iOS设备上使用实例化的绘图。但是，在兼容性参考文档中，更进一步说，所有的SGX系列5处理器（包括iPhone 5和4s）都支持EXT_draw_instanced扩展。这让我觉得我确实可以在老版本的iOS设备上使用实例化绘图，查找和使用glDrawArraysInstanced的扩展函数（EXT或ARB）。我目前只是在Windows上运行一些使用SDL和GLEW的testing代码，所以我还没有在iOS上testing任何东西。但是，在我目前的设置中，我无法在顶点着色器中使用gl_InstanceID内置variables。我收到以下错误信息： 'gl_InstanceID'：variables在当前的GLSL版本中不可用在GLSL中启用“draw_instanced”扩展名不起作用： #extension GL_ARB_draw_instanced : enable #extension GL_EXT_draw_instanced : enable 当我特别声明我需要ES 3.0（GLSL 300 ES）时，错误消失： #version 300 es 尽pipe在ES 2.0环境下，我的Windows桌面机器似乎能正常工作，但我怀疑这是否适用于iPhone 5。那么，我是否应该放弃在旧iOS设备上使用实例化绘图的想法？

使用GLSL数组的SceneKit着色器修改器: 我正在尝试在SceneKit中将一些点传入一个着色器修改器，但我无法制定出正确的语法。在我的着色器扩展代码中，我有： uniform vec2 points[100]; 如果我打电话… material.setValue(NSValue(point: CGPoint(x: 100.5, y: 50.5)), forKey: "points") …然后它设置points[0]的值，这使我认为这也许是不可能的。我已经尝试了许多其他的组合键和值，但似乎没有任何工作。有一个更好的方法吗？我的最终目标是修改arrays中一组点的表面漫reflection颜色，否则使用默认渲染。有没有更好的方法来做这个在着色器比循环vec2的数组？谢谢你的帮助。

如何在SceneKit中添加着色器的透明度？: 我想从图像中获得透明度效果，现在我只是用一个圆环来testing，但着色器似乎不能用于alpha。从我从这个线程（使用Scenekit中的混合函数）和这个有关透明度的维基链接（ http://en.wikibooks.org/wiki/GLSL_Programming/GLUT/Transparency ）所了解的内容中， GLBlendFunc被SceneKit中的杂pragma transparencyreplace。你会知道这个代码有什么问题吗？我使用SceneKit创build了一个新项目，并将船舶网格更改为圆环。编辑：我正在尝试搭乘飞机，但是下面的图片并没有出现在飞机内部，而是在下面的红色和棕色框中显示。我的形象与阿尔法：结果（带有alpha的图像应该代替棕色）： let plane = SCNPlane(width: 2, height: 2) var texture = SKTexture(imageNamed:"small") texture.filteringMode = SKTextureFilteringMode.Nearest plane.firstMaterial?.diffuse.contents = texture let ship = SCNNode(geometry: plane) //SCNTorus(ringRadius: 1, pipeRadius: 0.5) ship.position = SCNVector3(x: 0, y: 0, z: 15) scene.rootNode.addChildNode(ship) let myscale : CGFloat = 10 […]

在iOS OpenGL ES 2.0中将纹理的一部分（精灵表/纹理贴图）应用于点精灵: 看起来这应该很容易，但是使用点精灵的纹理的一部分有很多困难。我广泛search了各种答案，但没有一个处理我遇到的具体问题。到目前为止，我学到了什么：点精灵绘图的基础知识如何处理点精灵呈现为实心方块如何改变点精灵的方向如何使用点精灵的多个纹理，在这里靠近.. 那点精灵+精灵表已经在之前完成了，但是只能在OpenGL ES 2.0（不是1.0）这是我想要实现的图表我在哪里：我有一组工作点精灵都使用同一个单一的方形图像。例如：一个16×16的圆圈图像效果很好。我有一个Objective-C方法，它会生成一个包含多个图像的精灵表的600×600图像。我已经validation这是通过将整个精灵图片应用于用GL_TRIANGLES绘制的四边形来工作的。我已经成功地使用了上面的方法来绘制精灵表的一部分到四边形。我只是不能让它与点精灵一起工作。目前，我正在生成纹理坐标，指向我定位的精灵表中的精灵中心。例如：使用底部的图像; 星级：0.166,0.5; 云：0.5,0.5; 心脏：0.833,0.5。码：顶点着色器 uniform mat4 Projection; uniform mat4 Modelview; uniform float PointSize; attribute vec4 Position; attribute vec2 TextureCoordIn; varying vec2 TextureCoord; void main(void) { gl_Position = Projection * Modelview * Position; TextureCoord […]

在iOS中渲染水画: 我一直在iOS中使用OpenGL ，并使用glColor4f(r,g,b,a)设置颜色，然后在白色的UIImageView上绘制自己的颜色。我基本上有一个画笔，然后移动到我的用户的触摸，然后它画在canvas上的颜色。但是这种颜色需要水漆（如污迹的颜色）有没有人了解/知道如何获得像这个应用程序水的颜色，以及如何背景UIImageView有纹理呢？ https://itunes.apple.com/us/app/hello-watercolor/id539414526?mt=8 或在这里结帐水漆。 http://www.fiftythree.com/paper 我创造了一个赏金，因为我真的很难掌握如何从正常的颜色中获得如此stream畅的颜色。即使你们把我指向正确的方向，或者如何得到water-paint效果的示例代码，这将是非常有帮助的^ _ ^ 作为一个奖励，如果你能指出如何让canvas看起来逼真并与油漆混合起来，那么也是有帮助的。 Blending/GLSL是否与这些有关？有没有关于这个样品的项目？

如何为着色器devise一个简单的GLSL包装器: 更新：因为我马上需要一些东西，所以我创build了一个简单的着色器包装器，它可以处理我需要的东西。你可以在这里find它： GitHub上的ShaderManager 。请注意，它是为Objective-C / iOSdevise的，因此可能对每个人都没用。如果您有任何关于devise改进的build议，请告诉我！原始问题：我是使用GLSL着色器的新手。我对GLSL语言和OpenGL接口非常熟悉，但是在devise使用着色器的简单API时遇到了麻烦。 OpenGL的C接口与着色器交互看起来很麻烦。我似乎无法在网上find任何涵盖这些APIdevise的教程。我的问题是：任何人都有一个好的，简单的APIdevise或模式来包装OpenGL着色器程序API？以下面的简单例子。假设我有一个模拟固定function的顶点着色器和两个片段着色器 – 一个用于绘制光滑的矩形，一个用于绘制光滑的圆。我有以下文件： Shader.vsh : Simple vertex shader, with the following inputs/outputs: — Uniforms: mat4 Model, mat4 View, mat4 Projection — Attributes: vec4 Vertex, vec2 TexCoord, vec4 Color — Varying: vec4 vColor, vec2 vTexCoord Square.fsh : Fragment shader […]