Three Vue3Three Vue3
指南
  • English
  • 简体中文
GitHub
指南
  • English
  • 简体中文
GitHub
    • 快速开始
    • 场景
    • 天空盒
      • 默认用法
      • 属性
      • 方法
    • 模型加载器

      • 组件加载器
      • 函数加载器
    • 弹出窗口
    • 动态元素
    • 动画
    • 网格模型

      • 波动圆
    • 效果

      • 泛光

类型

类

默认用法

点击我查看代码
<template>
  <tv-scene class="scene" @created="created"></tv-scene>
</template>

<script lang="ts" setup>
import { SkyBox } from 'three-vue3'

const skyBox = new SkyBox([
  '/images/examples/skybox/right.jpg',
  '/images/examples/skybox/left.jpg',
  '/images/examples/skybox/top.jpg',
  '/images/examples/skybox/bottom.jpg',
  '/images/examples/skybox/front.jpg',
  '/images/examples/skybox/back.jpg'
])

const created = (scene) => {
  scene.background = skyBox.scene
}
</script>

<style>
.scene {
  margin-top: 10px;
  width: 100%;
  height: 300px;
}
</style>

属性

名称类型描述
sceneTHREE.CubeTexture用于 THREE.Scene 背景的立方体纹理。

方法

名称参数描述
constructor(images: string[]) => voidimages 包含六张图片,分别是立方体的右、左、上、下、前、后视图。
在 GitHub 上编辑此页
Last Updated:
Contributors: Shing, Shing Rui
Prev
场景