隆重推出 Vectary Canvas,一个用于 AI 加速创意构思的新空间。 → Canvas

骑行鞋配置器

创建交互式 3D 演示,或打造你专属设计的鞋子定制器。

什么是鞋子配置器?

骑行鞋配置器是一种交互式 3D 视觉呈现,它能展示的不只是颜色和材质选项。得益于 3D 动画,它还能深入剖析鞋子的技术细节。最终的演示可以直接作为链接分享用于内部演示,也可以嵌入到网站中(甚至能与结账系统连接)。

概念开发

这个鞋子项目的目标是通过交互式配置展示其技术细节和独特创新。

‍

交互元素解析:

  • 鞋底结构,通过爆炸图展示不同层级。
  • 锁片固定,以及如何将其安装和固定在鞋子上。
  • 鞋子紧固系统
  • 不同的材质选项

‍

最终款式还可以通过增强现实(AR)分享,并在真实环境中查看。

如何制作骑行鞋配置器

模型设置

‍

模型是在 Rhino 中创建并导出为 .fbx 文件的。由于大多数表面的复杂性,在此项目中需要特别注意模型的拓扑结构。因此,我们将鞋子导入 Blender 中来修复 UV 映射,以确保所有贴图都能在 Vectary 中正确呈现。

‍

布光设置

‍

鉴于鞋面复杂的曲线,灯光的作用是突出这些形状并增强立体感。为此,矩形灯是首选,它能让你轻松控制光源的位置和方向。和许多项目一样,降低环境设置中的光照强度以优先保证局部光源至关重要。为主要光源添加阴影效果,可以进一步提升场景的真实感与细节表现。

‍

材质

‍

材质选择在这个项目中至关重要。虽然骑行鞋拥有柔和的轮廓,但其主要材质往往较为粗糙。我们的目标是在塑料美感与织物柔和度之间取得平衡,创造出一种兼具柔和与坚固的混合外观。将 图案融入颜色贴图 ,能增强材质的真实感。在确定贴图的整体外观后,需要 烘焙其光照贴图和环境光遮蔽 ,从而引入更多细节,提升最终的呈现效果。

交互

‍

场景中的交互主要通过热点实现,这些热点以动态 2D 图像呈现。点击这些热点可以触发各种动画,例如旋转鞋子以查看鞋底细节,或者拆解各个部件以探索缓震和网状材质等特性。动画还演示了如何使用螺丝在鞋底指定位置安装锁片。此外,点击 logo 即可激活材质切换器,让你可以在黑白两色鞋款之间进行选择。技术信息则包含在悬浮 UI 中,点击热点即可获取。

拥有骑行鞋 3D 配置器的好处

解析

可视化

决策

将交互式体验融入你的网站

通过集成 API,实现 3D 物体配置器与网页之间的交互,体验互动式的叙事魅力。本项目的目的是展示物体的动画如何与网站的滚动位置以及 UI 颜色的变化保持同步。该项目基于 Framer 网页平台开发。

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board