threejs点击模型实现模型边缘高亮的选中效果--更改后提高帧率

先来个效果图

之前写的那个稍微有点问题，帧率只有30，参照官方代码修改后，帧率可以达到50了，在不全屏的状态下，帧率60

---

1.首先需要导入库

// 用于模型边缘高亮
import {
    EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js"
import {
    RenderPass } from "three/examples/jsm/postprocessing/RenderPass.js"
import {
    OutlinePass } from "three/examples/jsm/postprocessing/OutlinePass.js"
import {
    ShaderPass } from "three/examples/jsm/postprocessing/ShaderPass.js"
import {
    FXAAShader } from "three/examples/jsm/shaders/FXAAShader.js"
import {
    SMAAPass } from "three/examples/jsm/postprocessing/SMAAPass.js"
import {
    UnrealBloomPass } from "three/examples/jsm/postprocessing/UnrealBloomPass.js"

然后需要注意，我这里使用的是vue的框架，但是对于变量的定义我用的是全局的定义。

// 模型边缘高光
let composer;
let outlinePass;
let renderPass;
let effectFXAA;

2.添加EffectComposer效果组合器

add_composer()</