带你读《2022技术人的百宝黑皮书》——3D技术在数字藏品中的应用(2)

带你读《2022技术人的百宝黑皮书》——3D技术在数字藏品中的应用(1) https://developer.aliyun.com/article/1248014?groupCode=taobaotech

当供应商提供模型落库完成，通过对应的 mid（模型的oss地址索引），业务可以接入 对应的渲染组件进行渲染，过程中可以调用 setGameObjectInfo 这个函数进行动态纹理的修改，具体渲染组件中的 API 接口设计如下：

interface GameObjectInfo {
 /**
 * 图片纹理url，淘宝 CDN 资源地址
 */
 img?: string;
 /**
 * 视频纹理url，淘宝CDN资源地址
 *
 * @remarks
 * 如果img 和 videoSrc同时存在优先videoSrc
 */
 videoSrc?: string;
 /**
 * 设定 gameObject 颜色
 */
 color?: string;
 /**
 * 材质是否需要反光
 */
 isShine?: boolean;
}
interface setGameObjectInfo {
 /**
 * 针对模型或者模型中sku的某一个面进行贴图设置
 */
 (midOrSkuName: string, data: Record<string, GameObjectInfo>,): Promise<void>;
}

技术挑战

基于已有的模型渲染能力，结合本次的技术方案，这几部分挑战可能在这个后续的开发链路中需要重点关注：

1.针对通用相框模型需要预先处理，一个是mesh 的拆分，另一个是mesh 的合并，调整对应 mesh面的 UV 映射，这部分使用什么软件进行处理？

2.如何将web 中标准的 gltf 相框模型供给到淘内App，淘内App 模型是需要通过unity 进行转化，这中间的转化链路应该是怎么样？同时这个转化过程中如何能够保证两个平台中效果是一致的？

3.渲染脚本应该如何修改，整体的实现思路应该是怎么样？在这个过程中如何保证模型的渲染效果？提高模型的渲染性能，提高C端的用户体验？

带你读《2022技术人的百宝黑皮书》——3D技术在数字藏品中的应用(3) https://developer.aliyun.com/article/1248012?groupCode=taobaotech