案例展示

创建天空盒场景

<template>
  <div id="TO"></div>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  //初始化场景
  let TO = new ThingOrigin("sceneName", document.getElementById("TO"), {
    scene: {
      background: {
        type: 'sky', //天空盒类型，可选sky:天空盒;color:颜色;img:图片;workshop:工厂
      }
    }
  });
})
</script>

<style scoped>
#TO {
  width: 100%;
  height: 400px;
  position: relative;
}
</style>

API 介绍

用于初始化一个空白场景

参数说明：

参数名	说明	类型	必填	默认值
sceneName	场景名称	String	是	-
container	场景 dom 元素	HTMLElement	是	-
sceneParams	场景参数	ThingOriginParams	-	-