I just launched my portfolio featuring interactive WebGL experiences — GPU trails, particles, VAT, and shader-driven visuals on the main and about pages.
I also added gyroscope controls on mobile for a more immersive experience. Would appreciate any feedback!
5 Likes
Beautiful Visuals!
(I did get a few GL context loss after reloading.. I’ve got the following warnings in the console:)
b536a0f1-b343ab8f6a128c3d.js:173 THREE.WebGLProgram: Program Info Log: (200,1): warning X4000: use of potentially uninitialized variable (f_readPosByLogical_int_int_int_int_int)
b536a0f1-b343ab8f6a128c3d.js:173 THREE.WebGLProgram: Program Info Log: (288,1): warning X4000: use of potentially uninitialized variable (f_readPosByLogical_int_int_int_int_int)
layout-3f9609637da876de.js:1 Pre-warming GPU with hidden VATMesh...
(index):1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
(index):1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
2
b536a0f1-b343ab8f6a128c3d.js:197 THREE.WebGLRenderer: Context Lost.
2
b536a0f1-b343ab8f6a128c3d.js:197 THREE.WebGLRenderer: Context Restored.
layout-3f9609637da876de.js:1 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio
55
WebGL: INVALID_OPERATION: delete: object does not belong to this context
(And if its any help.. my browser/gpu setup:
WebGLVersion:WebGL 1.0 (OpenGL ES 2.0 Chromium)
GLSLVersion:WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)
Vendor:Google Inc. (NVIDIA)
Renderer:ANGLE (NVIDIA, NVIDIA GeForce GTX 1080 (0x00001B80) Direct3D11 vs_5_0 ps_5_0, D3D11)
MaxTextureSize:16384
MaxCombinedTextureUnits:32
MaxVertexAttribs:16
MaxRenderBufferSize:16384
MaxCubeMapTextureSize:16384
DepthBits:24
StencilBits:0
MaxVaryingVectors:30)```
1 Like
Thank you! I will look into it.
1 Like