webpackの外部パッケージの依存解決の失敗の多さが問題。

webpackのバンドリングタスクも残しつつ、browserifyに移行していきたい。

まずテスト環境のみbrowserifyに移行するつもりだが、productのビルド環境とテスト環境が異なるというのは問題であるために、それに伴いproduct環境も移行する。

Refactor these class structure

• Texture
• TextureWrapper
• BufferTexture
• BufferTextureWrapper

and make ResourceManager be able to manage these class instance in one of array.

I should fix it

• sequence? getSupportedExtensions();
• object? getExtension(DOMString name);
• void activeTexture(GLenum texture);
• void attachShader(WebGLProgram? program, WebGLShader? shader);
• void bindAttribLocation(WebGLProgram? program, GLuint index, DOMString name);
• void bindBuffer(GLenum target, WebGLBuffer? buffer);
• void bindFramebuffer(GLenum target, WebGLFramebuffer? framebuffer);
• void bindRenderbuffer(GLenum target, WebGLRenderbuffer? renderbuffer);
• void bindTexture(GLenum target, WebGLTexture? texture);
• void blendColor(GLclampf red, GLclampf green, GLclampf blue, GLclampf alpha);
• void blendEquation(GLenum mode);
• void blendEquationSeparate(GLenum modeRGB, GLenum modeAlpha);
• void blendFunc(GLenum sfactor, GLenum dfactor);
• void blendFuncSeparate(GLenum srcRGB, GLenum dstRGB, GLenum srcAlpha, GLenum dstAlpha);
• void bufferData(GLenum target, GLsizeiptr size, GLenum usage);
• void bufferData(GLenum target, BufferDataSource? data, GLenum usage);
• void bufferSubData(GLenum target, GLintptr offset, BufferDataSource? data);
• [WebGLHandlesContextLoss] GLenum checkFramebufferStatus(GLenum target);
• void clear(GLbitfield mask);
• void clearColor(GLclampf red, GLclampf green, GLclampf blue, GLclampf alpha);
• void clearDepth(GLclampf depth);
• void clearStencil(GLint s);
• void colorMask(GLboolean red, GLboolean green, GLboolean blue, GLboolean alpha);
• void compileShader(WebGLShader? shader);
• void compressedTexImage2D(GLenum target, GLint level, GLenum internalformat,GLsizei width, GLsizei height, GLint border,ArrayBufferView data);
• void compressedTexSubImage2D(GLenum target, GLint level,GLint xoffset, GLint yoffset,GLsizei width, GLsizei height, GLenum format,ArrayBufferView data);
• void copyTexImage2D(GLenum target, GLint level, GLenum internalformat,GLint x, GLint y, GLsizei width, GLsizei height, GLint border);
• void copyTexSubImage2D(GLenum target, GLint level, GLint xoffset, GLint yoffset,GLint x, GLint y, GLsizei width, GLsizei height);
• WebGLBuffer? createBuffer();
• WebGLFramebuffer? createFramebuffer();
• WebGLProgram? createProgram();
• WebGLRenderbuffer? createRenderbuffer();
• WebGLShader? createShader(GLenum type);
• WebGLTexture? createTexture();
• void cullFace(GLenum mode);
• void deleteBuffer(WebGLBuffer? buffer);
• void deleteFramebuffer(WebGLFramebuffer? framebuffer);
• void deleteProgram(WebGLProgram? program);
• void deleteRenderbuffer(WebGLRenderbuffer? renderbuffer);
• void deleteShader(WebGLShader? shader);
• void deleteTexture(WebGLTexture? texture);
• void depthFunc(GLenum func);
• void depthMask(GLboolean flag);
• void depthRange(GLclampf zNear, GLclampf zFar);
• void detachShader(WebGLProgram? program, WebGLShader? shader);
• void disable(GLenum cap);
• void disableVertexAttribArray(GLuint index);
• void drawArrays(GLenum mode, GLint first, GLsizei count);
• void drawElements(GLenum mode, GLsizei count, GLenum type, GLintptr offset);
• void enable(GLenum cap);
• void enableVertexAttribArray(GLuint index);
• void finish();
• void flush();
• void framebufferRenderbuffer(GLenum target, GLenum attachment, GLenum renderbuffertarget, WebGLRenderbuffer? renderbuffer);
• void framebufferTexture2D(GLenum target, GLenum attachment, GLenum textarget, WebGLTexture? texture, GLint level);
• void frontFace(GLenum mode);
• void generateMipmap(GLenum target);
• WebGLActiveInfo? getActiveAttrib(WebGLProgram? program, GLuint index);
• WebGLActiveInfo? getActiveUniform(WebGLProgram? program, GLuint index);
• sequence? getAttachedShaders(WebGLProgram? program);
• [WebGLHandlesContextLoss] GLint getAttribLocation(WebGLProgram? program, DOMString name);
• any getBufferParameter(GLenum target, GLenum pname);
• any getParameter(GLenum pname);
• [WebGLHandlesContextLoss] GLenum getError();
• any getFramebufferAttachmentParameter(GLenum target, GLenum attachment, GLenum pname);
• any getProgramParameter(WebGLProgram? program, GLenum pname);
• DOMString? getProgramInfoLog(WebGLProgram? program);
• any getRenderbufferParameter(GLenum target, GLenum pname);
• any getShaderParameter(WebGLShader? shader, GLenum pname);
• WebGLShaderPrecisionFormat? getShaderPrecisionFormat(GLenum shadertype, GLenum precisiontype);
• DOMString? getShaderInfoLog(WebGLShader? shader);
• DOMString? getShaderSource(WebGLShader? shader);
• any getTexParameter(GLenum target, GLenum pname);
• any getUniform(WebGLProgram? program, WebGLUniformLocation? location);
• WebGLUniformLocation? getUniformLocation(WebGLProgram? program, DOMString name);
• any getVertexAttrib(GLuint index, GLenum pname);
• [WebGLHandlesContextLoss] GLsizeiptr getVertexAttribOffset(GLuint index, GLenum pname);
• void hint(GLenum target, GLenum mode);
• [WebGLHandlesContextLoss] GLboolean isBuffer(WebGLBuffer? buffer);
• [WebGLHandlesContextLoss] GLboolean isEnabled(GLenum cap);
• [WebGLHandlesContextLoss] GLboolean isFramebuffer(WebGLFramebuffer? framebuffer);
• [WebGLHandlesContextLoss] GLboolean isProgram(WebGLProgram? program);
• [WebGLHandlesContextLoss] GLboolean isRenderbuffer(WebGLRenderbuffer? renderbuffer);
• [WebGLHandlesContextLoss] GLboolean isShader(WebGLShader? shader);
• [WebGLHandlesContextLoss] GLboolean isTexture(WebGLTexture? texture);
• void lineWidth(GLfloat width);
• void linkProgram(WebGLProgram? program);
• void pixelStorei(GLenum pname, GLint param);
• void polygonOffset(GLfloat factor, GLfloat units);
• void readPixels(GLint x, GLint y, GLsizei width, GLsizei height, GLenum format, GLenum type, ArrayBufferView? pixels);
• void renderbufferStorage(GLenum target, GLenum internalformat, GLsizei width, GLsizei height);
• void sampleCoverage(GLclampf value, GLboolean invert);
• void scissor(GLint x, GLint y, GLsizei width, GLsizei height);
• void shaderSource(WebGLShader? shader, DOMString source);\
• void stencilFunc(GLenum func, GLint ref, GLuint mask);
• void stencilFuncSeparate(GLenum face, GLenum func, GLint ref, GLuint mask);
• void stencilMask(GLuint mask);
• void stencilMaskSeparate(GLenum face, GLuint mask);
• void stencilOp(GLenum fail, GLenum zfail, GLenum zpass);
• void stencilOpSeparate(GLenum face, GLenum fail, GLenum zfail, GLenum zpass);
• void texImage2D(GLenum target, GLint level, GLenum internalformat, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, ArrayBufferView? pixels);
• void texImage2D(GLenum target, GLint level, GLenum internalformat,GLenum format, GLenum type, TexImageSource? source); // May throw DOMException
• void texParameterf(GLenum target, GLenum pname, GLfloat param);
• void texParameteri(GLenum target, GLenum pname, GLint param);
• void texSubImage2D(GLenum target, GLint level, GLint xoffset, GLint yoffset, GLsizei width, GLsizei height, GLenum format, GLenum type, ArrayBufferView? pixels);
• void texSubImage2D(GLenum target, GLint level, GLint xoffset, GLint yoffset, GLenum format, GLenum type, TexImageSource? source); // May throw DOMException
• void uniform1f(WebGLUniformLocation? location, GLfloat x);
• void uniform1fv(WebGLUniformLocation? location, Float32Array v);
• void uniform1fv(WebGLUniformLocation? location, sequence v);
• void uniform1i(WebGLUniformLocation? location, GLint x);
• void uniform1iv(WebGLUniformLocation? location, Int32Array v);
• void uniform1iv(WebGLUniformLocation? location, sequence v);
• void uniform2f(WebGLUniformLocation? location, GLfloat x, GLfloat y);
• void uniform2fv(WebGLUniformLocation? location, Float32Array v);
• void uniform2fv(WebGLUniformLocation? location, sequence v);
• void uniform2i(WebGLUniformLocation? location, GLint x, GLint y);
• void uniform2iv(WebGLUniformLocation? location, Int32Array v);
• void uniform2iv(WebGLUniformLocation? location, sequence v);
• void uniform3f(WebGLUniformLocation? location, GLfloat x, GLfloat y, GLfloat z);
• void uniform3fv(WebGLUniformLocation? location, Float32Array v);
• void uniform3fv(WebGLUniformLocation? location, sequence v);
• void uniform3i(WebGLUniformLocation? location, GLint x, GLint y, GLint z);
• void uniform3iv(WebGLUniformLocation? location, Int32Array v);
• void uniform3iv(WebGLUniformLocation? location, sequence v);
• void uniform4f(WebGLUniformLocation? location, GLfloat x, GLfloat y, GLfloat z, GLfloat w);
• void uniform4fv(WebGLUniformLocation? location, Float32Array v);
• void uniform4fv(WebGLUniformLocation? location, sequence v);
• void uniform4i(WebGLUniformLocation? location, GLint x, GLint y, GLint z, GLint w);
• void uniform4iv(WebGLUniformLocation? location, Int32Array v);
• void uniform4iv(WebGLUniformLocation? location, sequence v);
• void uniformMatrix2fv(WebGLUniformLocation? location, GLboolean transpose, Float32Array value);
• void uniformMatrix2fv(WebGLUniformLocation? location, GLboolean transpose,sequence value);
• void uniformMatrix3fv(WebGLUniformLocation? location, GLboolean transpose,Float32Array value);
• void uniformMatrix3fv(WebGLUniformLocation? location, GLboolean transpose,sequence value);
• void uniformMatrix4fv(WebGLUniformLocation? location, GLboolean transpose,Float32Array value);
• void uniformMatrix4fv(WebGLUniformLocation? location, GLboolean transpose,sequence value);
• void useProgram(WebGLProgram? program);
• void validateProgram(WebGLProgram? program);
• void vertexAttrib1f(GLuint indx, GLfloat x);
• void vertexAttrib1fv(GLuint indx, Float32Array values);
• void vertexAttrib1fv(GLuint indx, sequence values);
• void vertexAttrib2f(GLuint indx, GLfloat x, GLfloat y);
• void vertexAttrib2fv(GLuint indx, Float32Array values);
• void vertexAttrib2fv(GLuint indx, sequence values);
• void vertexAttrib3f(GLuint indx, GLfloat x, GLfloat y, GLfloat z);
• void vertexAttrib3fv(GLuint indx, Float32Array values);
• void vertexAttrib3fv(GLuint indx, sequence values);
• void vertexAttrib4f(GLuint indx, GLfloat x, GLfloat y, GLfloat z, GLfloat w);
• void vertexAttrib4fv(GLuint indx, Float32Array values);
• void vertexAttrib4fv(GLuint indx, sequence values);
• void vertexAttribPointer(GLuint indx, GLint size, GLenum type, GLboolean normalized, GLsizei stride, GLintptr offset);
• void viewport(GLint x, GLint y, GLsizei width, GLsizei height);

Refactor those class to prepare implementing TextureRenderer

• ViewportRenderer
• RendererBase

Implement easy sprite renderer to make it easier to do debug.

http://outerra.blogspot.com/2012/11/maximizing-depth-buffer-range-and.html

GL ERROR :GL_INVALID_OPERATION : glUniform3fv: wrong uniform function for type
RENDER WARNING: there is no texture bound to the unit 0

9j3.js:18874 WebGL: drawElements: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering or is not 'texture complete'. Or the texture is Float or Half Float type with linear filtering while OES_float_linear or OES_half_float_linear extension is not enabled.

Remove original implementation from these class below, and use gl-matrix.

• Quaternion
• Vector2
• Vector3
• Vector4
• Matrix

Which gl extensions will be used as minimum requirement?

Candidates

• OES_texture_float
• OES_element_index_uint
• OES_vertex_array(?)

[.WebGLRenderingContext-0x7fb574b6c750]GL ERROR :GL_INVALID_OPERATION : glDrawElements: attempt to access out of range vertices in attribute 1

以下の環境でエラーが発生します:
mac os x 10.10.4
Intel Iris 1536 MB
Google Chrome 46.0.2461.0 canary (64-bit)

https://www.cg.tuwien.ac.at/research/vr/lispsm/wimmer-egsr04-lispsm.pdf

• Implement USM for spechific situation
• Implement LiSPSM for general situation

Flip Y orientation of g-buffer texture

reduce jquery dependencies from Goml/GomlLoader.ts

• Point Light
• Directional Light
• Spot Light
• Area light

GOML files for debugging are getting to be larger and larger.
It became too complex.This must be fixed by HAML.

gulp doc

Running task above, error below is occurred.

Using TypeScript 1.4.1 from /Users/pnlybubbles/Devs/jThree/node_modules/typescript/bin
Error: /Users/pnlybubbles/Devs/jThree/jThree/src/Core/CanvasManager.ts(97)
 Property 'webkitRequestFullScreen' does not exist on type 'HTMLCanvasElement'.

WebGLが有効かどうかをチェックする

it might take too much time

Add unit test....

• bowerとwebpackの親和性が良くない
• 利用しているbowerのパッケージがnpmに存在するため、npmとbowerを共存させる必要性が無い

これらの理由からbowerの削除を検討します