vue3和threejs单击按钮模型高亮显示

文章目录

  • 一、在组件中引入three.js依赖的文件
  • 二、在setup函数中定义全局变量
  • 三、在setup函数中创建outlineObj (selectedObjects),参数为选中的模型所组成的数组[]
  • 四、必须在animate函数中执行composer.render()
  • 总结


一、在组件中引入three.js依赖的文件

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";

二、在set

你可能感兴趣的:(前端,3D模型,javascript,vue-cli3,three.js)