Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem with LUTPass and WebGL1

See original GitHub issue

Describe the bug

The LUTPass is not rendering output when used in a WebGL1 context (Safari and IOS). I have tried both the example (https://threejs.org/examples/?q=post#webgl_postprocessing_3dlut) and my own code with no luck. Chrome and WebGL2 seems to work fine. Safari on desktop and on IOS produce the same errors to console:

WebGL: ERROR: 0:115: 'sampler3D' : Illegal use of reserved word
WebGL: ERROR: 0:115: 'sampler3D' : syntax error
THREE.WebGLProgram: shader error:
WebGL: INVALID_OPERATION: useProgram: program not valid

To Reproduce

Run this demo in Safari or IOS Safari: https://threejs.org/examples/?q=post#webgl_postprocessing_3dlut

Platform:

Device: Desktop and Mobile
OS: MacOS 10.15.7 (19H2) and iOS 14.4
Browser: Safari 14.0 and IOS Safari
Three.js version: 127dev and r126

Issue Analytics

State:
Created 2 years ago
Comments:10 (2 by maintainers)

Top GitHub Comments

2reactions

gkjohnsoncommented, Mar 24, 2021

I’ll take a look at the diff and make a PR with updated formatting this weekend if that sounds good @nilsrydell.

Thanks!

1reaction

mrdoobcommented, Mar 24, 2021

Here’s the diff: https://github.com/nilsrydell/three.js/commit/7936ca7f6e16c4bed2f1d1a171b6741dd27fccaa?w=1

Top Results From Across the Web

Add support for 3DLUT color grading · Issue #19457 ... - GitHub

WebGL1 doesn't support 3d textures so interpolation along depth must be done manually -- I suspect the performance benefits in WebGL2 over ...

Three.js Post Processing 3DLUT

WebGL1 doesn't support 3D textures so we'll use 4x2 2D texture and treat it as a 3D texture inside a custom shader where...

Error: Unsupported Shader Version1: #Version 300 Es

It seems Safari is complaining about this line using sampler3d in WebGL1 even three.js/examples/jsm/postprocessing/LUTPass.js Either way I think a solution ...

Yearly - three.js forum

Topic Replies Views Activity More advanced lookAt? Questions · lookat , rotate 3 135 October 26, 2022 DOMContentLoaded twice · Questions · modules 2 154...

mrdoob/three.js r127 on GitHub - NewReleases.io

#21397 (@takahirox); Better show WebGL2 error messages. ... LUTPass. Fix usage with WebGL1. #21531 (@gkjohnson). MMDLoader. Improve animation system for PMX ...