The OutlinePass issue remains unresolved. The screen keeps flickering when a model is selected, and it even flickers continuously when the mouse cursor is stationary. I can’t figure out the cause. Any expert advice would be greatly appreciated. Thank you.
engine.composer = new EffectComposer(engine.renderer);
const renderPass = new RenderPass(engine.scene, engine.camera);
engine.passArr?.push(renderPass);
const outlinePass = new OutlinePass(new THREE.Vector2(engine.viewer.width, engine.viewer.height), engine.scene, engine.camera);
outlinePass.visibleEdgeColor = new THREE.Color(0x00FFFF);
outlinePass.hiddenEdgeColor = new THREE.Color(0x0000FF);
outlinePass.edgeThickness = 1.0;
outlinePass.edgeStrength = 3.0;
outlinePass.edgeGlow = 0.0;
outlinePass.pulsePeriod = 0.0;
outlinePass.usePatternTexture = false;
engine.passArr?.push(outlinePass);
const outputPass = new OutputPass();
engine.passArr?.push(outputPass);
const effectFXAA = new ShaderPass(FXAAShader);
effectFXAA.uniforms['resolution'].value.set(1 / engine.viewer.width, 1 / engine.viewer.height);
engine.passArr?.push(effectFXAA);
engine.passArr?.forEach(pass => {
engine.composer?.addPass(pass);
});
engine.viewer.addEventListener("update", () => engine.composer?.render());
engine.viewer.addEventListener("resize", (args: any) => {
engine.composer?.setSize(args.size.width, args.size.height);
effectFXAA.uniforms['resolution'].value.set(1 / args.size.width, 1 / args.size.height);
});
