首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

SDK教程:用3D技术复刻球场梅西,你也能和他同框!

2022世界杯已经开赛了,这次的世界杯有很多特殊之处,比如举办国卡塔尔豪掷2200亿美元,打造历史之最。同时这也是很多球员的最后一次世界杯,“球王”梅西就是最后一战,意义非凡。

不同时期的梅西“同框”

虽然我们看不了现场的比赛,但仍可以借助3D技术,和不同时期的梅西来一个球场同框

只需要借助老子云SDK,不需要专业3D基础就能完成,快来看看怎么实现吧!

步骤一 获取SDK工具

首先获取开发工具-老子云SDK,有三个版本可供选择:H5版SDK、小程序版SDK及unity版SDK,根据不同应用场景,选择不同的SDK下载就可以。

比如,H5版SDK,就可以用于网页端H5页面开发,小程序版可以应用进小程序环境,unity版则可应用于unity项目开发。

这里我们以H5版本SDK为例,在老子云官网完成下载后,进入控制台获取个人身份的SDK_key和秘钥

步骤二 获取3D模型素材

然后进入第二步,准备模型素材。在老子云官网找到相关的3D模型下载,老子云模型库提供了海量的轻量化模型素材,通过关键词就能完成检索。

这里我们以足球场、梅西、内马尔3D模型为例,准备让梅西(阿根廷队员)和内马尔(巴西队员)在球场上来个同框。

首先,找到对应模型详情页面,获取模型ID,然后就可以在SDK开发中实现模型的加载调用

//加载模型viewer.loadModel('1552484687082033152', { onLoad: model => console.log('加载完成'), onProgress: pct => console.log('当前加载进度', pct), onMatLoad: () => console.log('材质加载完成'), onAnimeLoad: () => console.log('动画加载完成') })

当然也可以采用离线方式加载模型,具体操作可参考说明文档。

注意:如果这里你准备的是第三方模型素材,首先需要上传至老子云平台获取模型ID,或AMRT文件,才能结合SDK进行开发哦~

步骤三 SDK的快速应用

素材和工具准备完毕,我们就可以开始应用开发了。

首先要思考:以上都是单独的模型,那怎么把不同的模型集成到一个场景中的特定位置中?比如我们想让梅西站在足球场上。

实现起来好像很复杂,但其实不需要自己写代码,只需要通过老子云SDK现有框架及代码,直接复制就能马上调用。

这里我们参考【加载模型】功能版块,此版块可以实现在场景模型上加载不同模型。

而且,可以无限添加模型素材。通过鼠标点击就可设置添加模型的具体位置,非常简单。

这样也就能简单实现不同模型在场景中的“同框”啦。

当然模型尺寸、角度细节、光影效果、球衣材质等都可以进行代码调整,说明文档都有详细说明,均可在线查看使用!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20221122A01ZBM00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券