Google Store 怎样使用 glTF 3D 模子改变产物教诲

Google 为举世广大用户提供种类繁多、连续改进的硬件产物。Google 的智能手机、智能手表、耳机、平板电脑、智能家居装备等产物均通过 Google Store(谷歌市肆) 以及遍布举世的实体和数字第三方零售商贩卖。作为一个以在人工智能、智能家居和个人装备体验方面不绝开辟创新而闻名的举世品牌，Google 面临着一项巨大挑衅：打造引人入胜、行之有效的产物培训和营销质料，并使其在天下各地都能有效发挥作用。可以去glbxz.com官方下载模子glb和gltf格式模子   http://glbxz.com

2021 年，Google 开始在谷歌市肆中使用 glTF ™ 3D 产物模子，同时支持图片和视频等传统媒体。其时，我向导着 Google 硬件营销客户体验团队。我们动手采取并优化低多边形 3D 资源管道和 WebGL 框架，以提拔 Pixel 和 Nest 产物在谷歌市肆和第三方电商渠道的用户体验。将交互式 3D 技能引入谷歌市肆是顺理成章的一步：作为网络上最受欢迎的开源 3D 查察器之一<model-viewer>的开辟者，我们拥有深厚的内部专业知识，可以或许为各种目的用户提供高质量的基于欣赏器的 3D 和 AR 体验。别的，作为 Khronos Group 的积极参加者，Google 直接参加了 glTF 3D 格式的连续演进，确保这一开放尺度可以或许满足像我们如许的用例的需求。
Google 的产物教诲和营销质料中更多地使用 3D 模子，这一变革产生了巨大影响，不但促进了公司自身目的的实现，也为 glTF 生态体系带来了紧张的增补。本案例研究探究了 Google 怎样使用 glTF 改进产物教诲、低沉资本、简化工作流程，同时提拔 3D 内容创作的程度。
挑衅

2021 年之前，Google 依赖静态图片和视频等传统媒体举行产物培训和营销。制作这些素材，并用符合的语言和文化符号将其出现给举世差别的受众，既耗时又耗资。这是一个永无止境的挑衅：一套产物培训质料完成后，新功能发布或产物更新大概又须要团队重新开始。
理论上，使用数字产物模子可以让我们更高效地创建新质料，并轻松更新，以跟上产物发展的步调。然而，在 Google 产物培训和电商体验中采取 3D 模子仍存在一些已知的挑衅须要降服。

• 视觉保真度：Google 的产物，尤其是 Pixel 手机，以其独特的品牌色彩和时尚的计划而闻名。因此，数字模子必须与这些产物的真实颜色和纹理相匹配。
  
• 兼容性： 我的目的不但仅是打造更好的 Google Store，更是一个更精美的网络。因此，我的团队并非只想在我们本身的网站上添加 3D 素材，而是渴望可以或许轻松地将这些素材摆设到第三方零售商网站、交际媒体平台以及其他服务（比方 Google 搜刮和 AR 体验）上。
  
• 文件巨细和性能：我们在 Google Store中实现的任何零售体验都必须面向举世全部客户群。市肆中的模子须要举行优化，以便在差别装备（包罗手机和较慢的互联网毗连）上实现良好的运行。
  
• 面向未来：只管终极比传统媒体更高效，但开辟传神的 3D 产物模子须要大量投资。确保我们创建的模子可以或许随着新技能、新装备或新 Web 尺度的出现而连续发挥作用至关紧张。
  

办理方案与实行

在应对这些挑衅的同时，我们致力于提拔产物教诲和客户参加度，其方法以 <model-viewer> 和 glTF 为中央。通过这些基于尺度的方法，我们可以或许实现更高效的工作流程、更快的内容创建速率和更佳的用户体验，从而彻底改变我们产物在网络上的出现方式。
glTF 是创建轻量级且视觉上引人入胜的 3D 模子的理想办理方案。为了给 Google Store 打造互动体验，我们将高保真模子压缩成针对网页优化的低多边形 GLB 文件。这种方法使我们可以或许应对举世范围内扩展 3D 资源的挑衅，确保模子可以或许在跨平台和装备快速加载，同时保持高程度的细节。我们使用 <model-viewer> 将 3D 模子直接嵌入 Google 市肆商品页面，让顾客可以或许以传统图片或视频无法相比的方式旋转、缩放和欣赏商品。
内容创作流程由 Google 内部团队与外部供应商XYZ Agency共同协作完成。XYZ Agency 创建高保真 3D 模子，Google 团队将其用于营销质料以及 Google 市肆中摆设的低多边形 glTF 模子。全部模子都存储在一个会合式数字资产管理 (DAM) 平台中，确保举世营销团队可以或许轻松访问，并实现跨地区宁静台的划一性。
在创建网页优化素材资源时，我们会从高保真底子文件中导出低多边形 GLB 模子：Google 市肆中的模子包罗 2 万到 9 万个三角形，详细取决于模子的复杂程度。然后，我们使用DRACO压缩多少网格。作为内部最佳实践，我们将网页优化素材资源的巨细限定为 2 MB，以确保交互式 3D 体验可以或许快速渲染。
开辟 PBR 中性色调映射器

随着 Google 对 glTF 的使用范围不绝扩大，我们在出现传神色彩方面碰到了挑衅。我们将标题归咎于素材色调映射：像 ACES 如许的影戏色调映射器可到达的色彩范围有限，尤其是在输出到 sRGB 屏幕时。Google 的几款产物品牌颜色恰好落在 ACES 所衰减的色彩范围内，导致产物在终极渲染中显得褪色。线性色调映射（又称“未应用色调映射器”）可以进步饱和度，但也带来了新的标题，比方智能手机或智能手表等闪亮物体的色调倾斜或尺寸丧失。
在埃米特·拉利什 (Emmett Lalish) 的向导下，谷歌团队通过创建全新的色调映射器办理了这个标题，该映射器专为在电子商务等场景中实现精准的色彩出现而计划。这项工作于 2024 年 5 月作为 Khronos 官方规范发布，名为Khronos PBR 中性色调映射器 (Khronos PBR Neutral Tone Mapper )。内容创作者可以在纹理文件中验证 glTF 模子的色值，而 Khronos PBR 中性色调映射器可在灰阶照明下，在终极渲染中实现准确的 1:1 色彩出现，并在阳光等彩色光线下出现无毛病的色彩。
Khronos PBR 中性色调映射器的开辟对 Google 和整个互联网的内容创作者来说都是一大利好。它紧缩了 QA 周期，由于我们如今在终极渲染中碰到色彩标题的大概性大大低沉。PBR 色调映射器还使更新资源文件变得更加容易，无需在新配色发布时举行大量的额外 QA。
资产的可重用性也得到了提拔。我们的 3D 模子不但用于 Google 市肆，还用于创建视频、动画和其他营销质料。借助 Khronos PBR 中性色调映射器，我们的营销和图形计划团队可以改变场景中的光照，而无需调解底子模子以实现色彩保真度。此色调映射器现已成为 <model-viewer> 的默认设置。
效果

Google 推出的交互式3D 产物模子对客户体验和内部工作流程都产生了明显影响。通过从基于视频和照片的教诲质料转向 3D 模子，Google 将产物教诲质料的开辟资本低沉了 50% 以上。我们的产物信息发布速率也比从前快了四倍。
Google 正在连续拓展 3D 技能在产物教诲中的应用。已往三年，Google 提供的交互式产物教诲体验数量增长了四倍，受益于 3D 模子的产物数量也增长了两倍。比方，Pixel 7 的发布为每个 SKU 提供了三种交互式配色，从而提供了更具沉醉感的产物探索体验。
我们的零售互助搭档也从中受益。Google 现已将这些模式扩展到高出 15 家第三方零售商，包罗百思买 (Best Buy) 和 Telstra。无论顾客在那里购买 Google 产物，都能得到引人入胜、最新的体验。
Google 和 Web 的未来

通过这个过程，Google 开辟出了最佳实践，任何渴望通过 3D 模子改善电子商务体验的品牌都可以应用这些最佳实践：

• 文件巨细优化：将模子巨细保持在 2MB 以下可确保快速加载时间和流畅的用户体验，尤其是在网速较慢的地区。
  
• 均衡保真度与性能：确保 3D 模子的视觉精确性至关紧张。Google 使用 PBR 中性色调映射器是办理色彩标题的关键，而 DRACO 压缩等其他工具则可以在不增大文件巨细的情况下出现更丰富的细节。
  
• 跨平台划一性：通过在全部产物线上尺度化 glTF 的使用，Google 可以或许确保在 Google Store、第三方零售商以及交际媒体和 AR 体验等其他平台中得到划一的体验。
  

glTF 将成为未来沉醉式体验的底子，无论是在网页上，还是通过下一代 AR 和 VR 体验。我的目的始终是创造一个更精美、更实用、更易访问的网络。下一步，我预计将逾越交互式产物教诲，拓展到假造试穿和完全沉醉式的假造情况。随着 AR 和 VR 技能的不绝发展，谷歌在 3D 范畴的投资以及对 Khronos Group 的参加，使我们可以或许在网页上提供更丰富、更具互动性的体验。
3D 技能彻底改变了 Google 引导和吸引客户的方式。借助 glTF，Google 打造了一套可扩展且高效的办理方案，不但提拔了客户体验，还简化了内部工作流程并低沉了资本。Google 在 3D 模子方面的履历教导，可以为任何渴望通过互动式沉醉式内容加强电商战略的品牌提供蓝图。