92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

全真3D實踐: 云網絡體驗館

2022-11-15    seo達人

云網絡 · 產品體系可視化

來到云網絡體驗館,看到的是整個云網絡核心架構的速寫圖景 —— 云上網絡、跨地域、混合云。
抽象的云網絡產品體系在這里被具象化,吸引用戶去深入探索云網絡。

我們通過三維探索的體驗方式,用視覺、動畫、空間去講述云網絡抽象的業務架構,幫助用戶從立體視角,去直觀的領略云網絡產品的功能與架構。
多場景間無縫切換銜接,單場景內沉浸式體驗:

圖片

— 探索云上網絡

 

圖片

— 探索跨地域網絡

 

圖片

— 探索混合云網絡

 

云網絡 · 產品形象設定

由于用戶終端硬件性能差異會很大,所以Web端的Run-time 3D體驗對性能優化,模型的設計都有專業要求。
3D渲染要盡可能的降低性能消耗,同時兼顧產品體系可視化的美觀與識別性。所以我們對16個云網絡產品,在云產品形象、REAL 3D 產品模型資產庫V1.0的基礎上,進一步優化升級了視覺設定。
以負載均衡的產品形象設定為例:

圖片

 

云網絡 ·  REAL 3D技術沉淀

動畫路由 (Animation Router)

經過三維具象化后的云網絡核心架構,共有5大模塊共14個頁面。為了減少性能開銷和切換動畫流暢,所有這些頁面動畫都需要渲染在同一個 HTML <Canvas> 元素內,而非頁面跳轉。

基于全真3D的底層能力 —— GDS,我們為此設計并開發了一個支持URL路由的三維動畫架構管理模塊,將每個頁面的三維場景、動畫、和攝像機實現動畫變換和頁面路由的雙向綁定。當用戶在進入頁面或跳轉時,對這些動畫數值進行賦值和插值計算,以此實現動畫順滑過渡的路由管理。

— GDS:阿里云設計中心自研WebGL圖形技術能力,由豐富的WebGL代碼組件構成

 

低實例化合并渲染 (Less DrawCalls)

完成功能和動畫的開發之后,很重要的一步是渲染性能的優化,在計算與渲染里,實例越少,DrawCalls越少,意味著性能越高。首先是模型面數,在進行3D低面布線建模(Topology)并烘焙AO(Ambient Occlusion)貼圖后,我們對模型進行了低實例化合并,同時根據攝像機運動角度,我們還使用背面剔除(Backface Culling)提升模型渲染性能。

圖片

— 模型面數優化+合并、背面剔除(Backface Culling),以及烘焙

為了控制每一幀顯卡GPU進行渲染批次DrawCall的次數,我們通過REAL 3D圖形合并能力,將動畫邏輯類似的三維元素進行合并渲染,最終平均渲染批次從平均50次每幀降為平均30次每幀。

圖片

— 實例合并渲染、DrawCall與性能控制

 

多終端性能適配 (Adaptive Rendering)

本次體驗館上線到阿里云官網,面對性能各異的消費級電腦,我們準備了多套性能適配方案。全真3D對設備支持情況進行硬件與GPU的檢測,適配跨度從Fallback到四層性能分層,以控制渲染畫布的精細度(DevicePixelRatio)與渲染幀率(Adaptive FrameRate)。

圖片

全真3D致力于云產品架構可視化,與升維下一代云產品管控體驗。
整個云網絡體驗館,協同產品運營與前后端工程師,阿里云設計中心的設計師完成了從體驗維度(業務邏輯、體驗設計)、視覺維度(界面、模型資產)、到技術維度(3D圖形開發)的快速建構。
設計的邊界,可能存在于我們不滿足于現狀,而偏執探尋的下一種可能里。

 


作者:阿里云設計中心
轉載請注明:學UI網》全真3D實踐: 云網絡體驗館

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久久久久久影院| 国产精品一区av| 大桥未久女教师av一区二区| 欧美精品久久久久久久免费观看| 国产成人午夜电影网| 久久久综合av| 亚洲国产精品嫩草影院久久av| 国产成人亚洲综合91| 日本欧美韩国国产| 国产精品免费电影| 久久综合九色综合97婷婷女人| 色噜噜夜夜夜综合网| 最新av在线播放| 欧美国产中文高清| 中文字幕一区二区三区在线视频| 精品毛片久久久久久| 精品福利视频导航| 色一情一区二区三区四区| 久久精品99国产精品| 久久久精品欧美| 99精品国产高清在线观看| 亚洲在线日韩| 国产成人天天5g影院在线观看| 国产精品免费一区二区三区在线观看| 欧美色欧美亚洲另类二区| 99精品国产在热久久婷婷| 亚洲高清电影| 日韩在线观看电影完整版高清免费| 91国语精品自产拍| 第四色在线一区二区| 午夜亚洲一区| 欧美极品少妇videossex| 伊人精品一区| 亚洲激情自拍图| 日韩av在线发布| 欧美丝袜丝交足nylons172| 国内视频一区| 精品国产欧美日韩一区二区三区| 色狠狠综合天天综合综合| 麻豆最新免费在线视频| 俺去了亚洲欧美日韩| xxxx性欧美| 亚洲精品福利资源站| av一区观看| 日韩天堂在线观看| 国产日韩欧美视频在线| 在线观看日韩av电影| 亚洲国产精品国自产拍av| 成人欧美一区二区三区在线观看| 中文字幕av一区二区三区佐山爱| 一区精品在线播放| 欧美三级午夜理伦三级小说| 99国产高清| 久久久国产精品一区二区中文| 国产精品美女网站| 678在线观看视频| 亚洲精品乱码久久久久| 妖精视频一区二区三区免费观看| 亚洲精品99久久久久| 激情综合色播激情啊| 亚州一区二区三区| 欧美日韩亚洲综合一区二区三区| 亚洲高清免费视频| 深夜精品寂寞黄网站在线观看| 2014亚洲片线观看视频免费| 日韩精品中文字幕吗一区二区| 成人一区视频| 欧美一区二区美女| 欧美日韩一区成人| 超级碰碰久久| 91精品久久久久久久久中文字幕| 182在线视频观看| 色www永久免费视频首页在线| 里番在线播放| 色综合网站在线| 1stkiss在线漫画| 久久成人人人人精品欧| 亚洲夂夂婷婷色拍ww47| 蜜臀av国内免费精品久久久夜夜| av片在线观看永久免费| 欧美富婆性猛交| 超碰porn在线| 国产精品久久久久9999吃药| 永久免费看mv网站入口亚洲| 国产亚洲精品成人av久久ww| 日韩国产欧美区| 麻豆av一区二区三区久久| 国产精品一区专区| 久久久福利视频| 最近中文字幕日韩精品| 中文字幕伦理免费在线视频| 91成人国产在线观看| 伊人影院久久| 亚洲欧洲日本一区二区三区| 欧美大片欧美激情性色a∨久久| 狠狠做深爱婷婷久久综合一区| 国产欧美自拍| 欧美日韩国产精品成人| 欧美主播一区二区三区美女| 成人欧美一区二区三区视频| porn视频在线观看| 久久综合之合合综合久久| 精品国产一区二区三区久久久狼| 亚洲午夜久久久| 羞羞视频在线免费国产| 一区二区三区免费| 一二三四区精品视频| 国内精品久久久久影院优| 日韩国产精品91| 国内精品一区二区| 青草久久视频| 影音先锋日韩有码| 九九热精品视频国产| 国产99久久精品一区二区 夜夜躁日日躁| www欧美xxxx| 91国内外精品自在线播放| 麻豆国产欧美一区二区三区r| 91国语精品自产拍在线观看性色| 亚洲欧美日本国产专区一区| 都市激情亚洲| 久久亚洲欧美日韩精品专区| 日韩美女免费视频| 亚洲精品66| 7777精品| 欧美色网址大全| 婷婷六月综合网| 四虎视频在线精品免费网址| 在线视频三区| 一区二区三区成人在线视频| 91综合国产| 日本一区二区三区视频在线看| 日韩在线视频国产| 精品96久久久久久中文字幕无| 欧美诱惑福利视频| 国产成人免费高清| 亚洲一区二区| 99九九久久| 久久亚洲精品国产精品紫薇| 麻豆免费版在线观看| 亚洲精品在线免费观看视频| 亚洲精品综合精品自拍| 亚洲精品自拍动漫在线| 小黄鸭精品aⅴ导航网站入口| 97超碰人人看人人| 成人在线观看一区| 日本vs亚洲vs韩国一区三区| 成人黄色av播放免费| 91色.com| 国产精品xvideos88| 一呦二呦三呦精品国产| 午夜激情久久| 成人av三级| 日韩av影片在线观看| 日本在线电影一区二区三区| 国产精品狼人色视频一区| 国产伦精品一区二区三区高清| 免费一区视频| 色美美综合视频| youjizzjizz亚洲| 又紧又大又爽精品一区二区| 欧美巨大丰满猛性社交| 国产精品免费视频一区二区| 97在线观看视频国产| 欧美xxxx网站|