How to set renderer antialias using the threejs API

🧑‍💻 Technical Support
1

I’m running an SLAM scene using the ThreeJS API. This are the pipeline modules.

XR8.addCameraPipelineModules([  // Add camera pipeline modules.
                // Existing pipeline modules.
                XR8.GlTextureRenderer.pipelineModule(),      // Draws the camera feed.
                XR8.Threejs.pipelineModule(),                // Creates a ThreeJS AR Scene as well as a Sky scene.
                LandingPage.pipelineModule(),         // Detects unsupported browsers and gives hints.
                XRExtras.FullWindowCanvas.pipelineModule(),  // Modifies the canvas to fill the window.
                XRExtras.Loading.pipelineModule(),           // Manages the loading screen on startup.
                XRExtras.RuntimeError.pipelineModule(),      // Shows an error image on runtime error.

                // Enables Sky Effects.
                XR8.LayersController.pipelineModule(),
                // Enable World Tracking
                XR8.XrController.pipelineModule(),
                SkyCoachingOverlay.pipelineModule(),

                skySlamScenePipelineModule(), // custom pipeline
            ])

With AFrame there is a configuration in the renderer attribute of the scene component to set the antialias, but I can’t find a way to set it with Three. I would guess it could be configured in the XR8.Threejs.configure(), but it can’t.

Thanks!

2

You can try using glContextConfig:

XR8.run({canvas, glContextConfig: {antialias: false}})

or try setting it in your scene init:

const initializeXrScene = async ({scene, camera, renderer, children}) => {
  renderer.antialias = false
}
3

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.