Webgl clear()问题

时间:2017-01-08 16:49:32

标签: javascript python transcrypt

我将一个简单的WebGL示例移植到Transcrypt(请参阅下面的代码),尝试一下,它就运行了!除了一个细节;似乎gl.clear()调用在某种程度上没有正确翻译,因为它在Firefox中出现以下错误:

+

注释掉该行使示例有效。

的Python:

TypeError: gl.py_clear is not a function

HTML:

from org.transcrypt.stubs.browser import document, __new__


def make_shader(gl, vs, fs):

    prog = gl.createProgram()

    def add_shader(type_, source):
        s = gl.createShader(gl.VERTEX_SHADER
                            if (type_ == 'vertex')
                            else gl.FRAGMENT_SHADER)
        gl.shaderSource(s, source)
        gl.compileShader(s)
        if not gl.getShaderParameter(s, gl.COMPILE_STATUS):
            return
        gl.attachShader(prog, s)

    add_shader('vertex', vs)
    add_shader('fragment', fs)
    gl.linkProgram(prog)
    if not gl.getProgramParameter(prog, gl.LINK_STATUS):
        raise RuntimeError("Could not link the shader program!")

    return prog


def attribute_set_floats(gl, prog, attr_name, rsize, arr):
    gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer())
    gl.bufferData(gl.ARRAY_BUFFER, __new__(Float32Array(arr)),
                  gl.STATIC_DRAW)
    attr = gl.getAttribLocation(prog, attr_name)
    gl.enableVertexAttribArray(attr)
    gl.vertexAttribPointer(attr, rsize, gl.FLOAT, False, 0, 0)


def draw():
    gl = document.getElementById("webgl").getContext("webgl")
    gl.clearColor(0.8, 0.8, 0.8, 1.0)  
    gl.clear(gl.COLOR_BUFFER_BIT)  # <- error!

    prog = make_shader(gl,
                       ("attribute vec3 pos;"
                        "void main() {"
                        "    gl_Position = vec4(pos, 2.0);"
                        "}"),
                       ("void main() {"
                        "    gl_FragColor = vec4(0.5, 0.5, 1.0, 1.0);"
                        "}"))

    gl.useProgram(prog)

    attribute_set_floats(gl, prog, "pos", 3, [
        -1, 0, 0,
        0, 1, 0,
        0, -1, 0,
        1, 0, 0
    ])

    gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)


draw()

1 个答案:

答案 0 :(得分:0)

名称&#39;清除&#39;是一个别名,因为否则它会与Python字典冲突“清除”。方法,由Transcrypt接受特殊处理以允许任意字典内容。

(Transcrypt无法预测对象或变量的类型,因为Python是动态类型的。)

如果您使用&#39; js_clear&#39;相反,它应该工作,所以:

  • gl.js_clear(gl.COLOR_BUFFER_BIT)

两种选择,在我看来都不是首选:

  • 使用__pragma__ ('js', '{}', 'gl.js_clear(gl.COLOR_BUFFER_BIT)')
  • 使用__pragma__ ('noalias', 'clear')本地联盟&#39;清除&#39;

所有预定义的别名都列在:

http://www.transcrypt.org/docs/html/special_facilities.html#pragma-alias

还解释了如何取消名称。