导出web 代码内容

💡
从"网页嵌套"选项中保存的文件与"公共 URL"使用的文件相同。这是将文件直接添加到 Web 项目中的方法。

  1. 当场景设计完成后,请点击顶部工具栏上的"导出"按钮。
  2. “导出”面板的下拉列表中选择“代码”。然后选择“Vanilla JS (Web Content)”。
  3. 在面板底部,您会找到一个按钮,用于将内容下载为 .zip 文件。
  4. 如果你想运行体验,你可以运行一个本地服务器。从未压缩的文件夹路径打开您的操作系统终端或控制台并运行:python -m SimpleHTTPServer

下面是您的文件结构的示例

image

注意:在索引内.html有一个画布元素,它运行 WebGL 3D 图形。

设置为网页背景

想要把spline的设计内容设置为网页背景,支持3D旋转的动画,并在此基础上进行开发,可通过一下方式:

<body>
  <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe src="你的spline生成的Embed链接" frameborder="0" width="100%" height="100%">
    </iframe>
  </div>
  <div style="position: fixed; width: 100%; height: 100%; pointer-events:none">
    <input style="size:100px;  pointer-events:initial"></input>
  </div>
</body>

👉下一步