5个版本

1.0.0 2024年5月4日
0.2.3 2024年7月24日
0.2.2 2024年5月27日
0.1.0 2024年5月3日

#193 in WebAssembly

Download history 284/week @ 2024-04-29 20/week @ 2024-05-06 2/week @ 2024-05-20 174/week @ 2024-05-27 10/week @ 2024-06-03 3/week @ 2024-06-10 2/week @ 2024-07-01 99/week @ 2024-07-22 14/week @ 2024-07-29

每月113次下载

MIT/Apache

4.5MB
7K SLoC

JavaScript 6.5K SLoC // 0.0% comments Rust 388 SLoC // 0.0% comments TSX 2 SLoC

Dioxus Spline Hero Image

dxius-spline

dxius-spline 允许您直接在Dioxus网站中导出和使用Spline场景。

🌈 Spline 是一个友好的网络3D协作设计工具。

网站Twitter社区文档

用法

基本

要使用dxius-spline,首先您需要访问Spline编辑器,点击 导出 按钮,选择 "代码"。

您应该会看到类似这样的内容

您可以将URL复制并传递给Dioxus中的 Spline 组件

use dioxus-spline::Spline

Spline {
  scene: String::from("https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode") 
}

您应该在Dioxus应用程序中看到您导出的场景。

高级

您还可以

  1. 通过 SplineApplication.find_object_by_nameSplineApplication.find_object_by_id 查询Spline对象。
  2. 给任何 SplineEvent 绑定事件监听器
  3. 触发Spline事件并修改Spline对象!

要了解如何操作,请访问示例和gh-page

有关更多信息,请参阅文档

https://docs.rs/dioxus-spline/latest/dioxus_spline/

致谢

依赖项

~11–18MB
~249K SLoC