我将一个简单的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()
答案 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
还解释了如何取消名称。