Equiangular Projection (EAC)

Help & Support
,
1

Trying to implement an Equiangular Projection in order to achieve better visual quality of 360 images. This is the standard used on YouTube videos.

Following the discussion here, I converted correctly the skybox using ffmeg v360 and implemented a shader.

Open project
https://playcanvas.com/project/1406321

Now I’m getting this error I can’t get rid of:

playcanvas-stable.min.js:9 Uncaught TypeError: Cannot read properties of undefined (reading ‘vertexGLSL’)

Any help much appreciated!

2

See the ShaderMaterial API here:

This code is not correct:

    const mat = new pc.ShaderMaterial();
    mat.shader = shader;

See some examples here:
https://playcanvas.vercel.app/#/shaders/shader-burn

1 Like
3

Awesome, Valigursky, thanks! I got it working today.

I’m not sure thought If I did everything 100% correctly, because the visual difference to a standard equirectangular applied to a sphere is not really that relevant to what was posted on the Google forum.

If anyone is interested in manipulating the scene, in order to campare the difference, on the Camera disable/enable the Skybox rendering layer.

1 Like