淘宝人生专属小屋--虚拟人和虚拟场景技术探索.docx

D

D

oo0●D2

oo0●

D2终端技术大会

D2TerminalTechnologyConference

D2

D2TERMINAL

淘宝人生专属小屋

虚拟角色和虚拟场景技术探索

梵昀

阿里巴巴淘宝互动娱乐前端工程师

D2

D2终端技术大会

D2TerminalTechnologyConference

Doo●我们有什么我们想做什么

D

oo●

我们一起来创作

目录

技术框架内幕

未来展望

R

D

D

D2

D2终端技术大会

D2TerminalTechnologyConference

第十七届

第十七届

D2终端技术大会

2022.12.17-12.18

2022.12.17-12.18

前端

前端客户端

合作伙伴

阿里云开发者社区ALIBABACLOUDDEVELOPERCOMMUNITY老司机技术SWIFTOLDDRIVER钉钉开发者InfoQ极客传媒segmentaui思否早STSalon

阿里云开发者社区

ALIBABACLOUDDEVELOPERCOMMUNITY

老司机技术

SWIFTOLDDRIVER

钉钉开发者

InfoQ极客传媒

*排名不分先后顺序扫码进入D2官网

*排名不分先后顺序

DD2

D

D2终端技术大会

D2TerminalTechnologyConference

我们有什么?我们想做什么?

入口路径

我的主页首11840好友消息签

我的主页首11840

措相关

J

J旅行有收获啦②

大吉

运势快照

毛班

毛R

去完成

新获得

立即上身

旦退

s抽礼包有奖m免费描

去兑换去拍照去逛街抽套装换装扮

品牌衣橱上新话题拍照11.10-11.12

#毛毛狂欢派对

淘宝人生首页

同仓库口家具店All

同仓库

口

家具店

All体验馆

个生小屋

图鉴兑换

大吉

运势快照

□

□返回人生主页③

集图鉴

数字藏品

哈攻暗

20你的新家上线啦，快来领取乔迁礼物~

开始旅行

推荐穿搭去衣橱邀请好友全部

推荐穿搭

田1899田1299

还未添加好友

田1200

田1200田1699

换这套

下查看更多旅行攻略

旅行玩法首页人生小屋

同体验馆仓库人生小屋

同

体验馆仓库

人生小屋

D

D2

D2终端技术大会

D2TerminalTechnologyConference

我们想做什么:

人生小屋演示视频人生小屋

人生小屋演示视频

D

D

D2终端技术大会

D2TerminalTechnologyConference

戊们一起来创作GetStarted!

D

D

D2

D2终端技术大会

D2TerminalTechnologyConference

CanvasUI

Canvas

前端层

WebGLReactWeb

WebGL

React

室内场景房间模型

室内场景

房间模型家具模型

相机

游戏逻辑

碰撞检测动作交互

选中拖拽

人物控制

人物控制人物动画

人物阴影

术框架内幕

Figure-SD

Figure-SDK

Hilo3d引擎层

Hilo3d

Hilo3d

D

D

D2

D2终端技术大会

D2TerminalTechnologyConference

室内场景

Step1:加载房间模型

制作场景场景文件格式转换场景导入

3D场景模型three.js

3D场景模型

three.js引擎选择

babylon.js

FileLoader

E

ConvertTool

→{glTF}MAYA

→

{glTF}

USDHilo3d

USD

VoASISENGINE

VoASISENGINE

Scene

Houdini可

Models

Camera

Lights

Animations

回→D

D

D

D2

D2终端技术大会

D2TerminalTechnologyConference

Renderer室内场景

Renderer

SceneCamera场景按平面划分同Step1:

Scene

Camera

场景

按平面划分

floorNodewallANodewallBN