🆕

代码API 到Web

代码 API 支持您将互动式 3D 体验无缝集成到项目中,提供更大的控制和定制化能力。它使您能够从现有代码和用户界面中直接触发动作、修改对象属性,并创建动态、响应式的 3D 环境。

⚠️
注意:代码API 是一组工具,供开发人员在 Spline 场景与自定义代码之间添加自定义交互。这与实时 API 不同,后者是一个功能,支持在 Spline 编辑器内创建与 Spline 场景的 API 连接。 🆕实时API

主要功能

💡
这是对 代码API 关键功能的高级概述,关于更具体的功能,请参阅下方相关库的文档。
  • 调整变量:检索和更新 Spline 场景中的变量。
  • 调整属性:动态更新位置、缩放、旋转等。
  • 触发过渡:根据事件创建过渡效果和动画。
  • 事件监听器:响应 3D 场景中的实时事件。

支持平台

代码 API 基于 Spline Runtime,并且可用于 Vanilla.js、React 和 Next.js。想了解更多详细信息,请继续阅读下文。您还可以在此处了解支持的导出格式。

导出为代码

Vanilla.js 代码 API

我们的 Vanilla.js Runtime 库是所有基于Runtime库的核心(我们的 React 和 Next.js 库内部也使用它)。

你可以打开这个 CodeSandbox 示例开始使用。了解更多关于 Vanilla.js 和 Spline 之间的 代码API 功能的信息,请查看以下相关文档👇🏻。

React 代码 API

React 作为 Vanilla.js Spline Runtime 的封装,支持您能够在 React 项目中充分利用 代码API 的全部功能。Vanilla.js Runtime库中的所有功能在 React 库中同样可用。

了解更多关于 React 和 Spline 之间的代码API 功能的信息,请查看下方相关文档👇🏻。

Next.js

我们的 Next.js 库与 React 库几乎相同,除了增加了一些 Next.js 特有的功能。您在 React 库中能做的所有事情,在 Next.js 库中也可以实现。

了解更多关于 Next.js 和 Spline 之间的 代码 API 功能的信息,请查看下方相关文档👇🏻。

👉下一步

原生3D嵌入iOS