three.js实现纹理offset偏移

最新推荐文章于 2025-06-13 23:38:26 发布

原创

最新推荐文章于 2025-06-13 23:38:26 发布 · 576 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

three.js实现纹理offset偏移

预览

在这里插入图片描述

代码

<template>
  <div class="app">
    <div ref="canvesRef" class="canvas-wrap"></div>
  </div>
</template>

<script setup>
import {
   
    ref, onMounted } from "vue";
import * as THREE from "three";
import {
   
    OrbitControls } from "three/addons/controls/OrbitControls.js";

const canvesRef = ref(null);
const canvasWidth = window.innerWidth;
const canvasHeight = window.innerHeight;