案例展示

创建天空盒场景

智能区域检测

<template>
  <div class="scene-container relative">
    <!-- 地面背景 -->
    <div class="ground bg-gray-200 h-96 w-full"></div>
    <!-- 智能区域检测标识 -->
    <div class="detect-label transform -rotate-6 translate-y-[-10px] bg-gray-800 text-white font-bold py-2 px-6 shadow-lg">
      智能区域检测
    </div>
  </div>
</template>

<script setup>
// 无额外逻辑，可留空
</script>

<style scoped>
.scene-container {
  perspective: 1000px; /* 增加透视效果，让贴地感更真实 */
}
.ground {
  background-image: linear-gradient(to bottom, #d1d5db, #9ca3af); /* 地面渐变，模拟真实地面 */
}
</style>

API 介绍

用于初始化一个空白网格场景

参数说明：

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