資訊專(zhuān)欄INFORMATION COLUMN
摘要：概述最近公司在做一個(gè)大型的應(yīng)用，總結(jié)如下建模軟件建模自定義一套語(yǔ)義化的模型格式，并編寫(xiě)模型格式轉(zhuǎn)化插件把建模軟件的模型格式轉(zhuǎn)成自定義格式。
概述
最近公司在做一個(gè)大型的webgl應(yīng)用，總結(jié)如下:
1.建模軟件建模(3d Max revit)
2.自定義一套 語(yǔ)義化的模型格式，并編寫(xiě)模型格式轉(zhuǎn)化插件,把建模軟件的模型格式轉(zhuǎn)成自定義格式。
為什么要自定義語(yǔ)義化的模型格式呢？
因?yàn)?，現(xiàn)在瀏覽器的性能很尷尬說(shuō)好不好，說(shuō)差不差。得優(yōu)化??！
比如：模型里帶了描述數(shù)據(jù)，指這單個(gè)模型的 長(zhǎng)寬高 自定義數(shù)據(jù)等。這些數(shù)據(jù)往往是比較龐大的，而且每一個(gè)小模型都有，不可能隨著模型加載到 瀏覽器上去。那么就得把模型數(shù)據(jù)，與幾何數(shù)據(jù)分離。模型數(shù)據(jù)放數(shù)據(jù)庫(kù)，幾何數(shù)據(jù)保留，并且做一定優(yōu)化，比如只存 原幾何體的基礎(chǔ)信息，通過(guò)變換得到 類(lèi)似的幾何體
（很多場(chǎng)景下，有很多相同的 長(zhǎng)方體，在模型格式中 可以 只存一個(gè)，其他的 copy出來(lái)）
3.瀏覽器性能有限，不能直接加載過(guò)大的模型文件，（太大了一直loading用戶(hù)也受不了）就得 自己寫(xiě) 切割模型 的小工具，把大的模型，切成一個(gè)一個(gè)的小模型，按需加載，或者分布加載。
4.編寫(xiě)展現(xiàn)層對(duì)webgl的交互操作 封裝，推薦庫(kù) Three.js babylon.js cannon.js xeogl.js
各有強(qiáng)處這里就不做說(shuō)明了。
5.后端提供 api 點(diǎn)擊某個(gè)模型，返回對(duì)應(yīng)的模型數(shù)據(jù)。
綜上所述 webgl 的應(yīng)用就是1.webgl 展現(xiàn)層 封裝基礎(chǔ) 交互 操作等.
2.webgl 服務(wù)層
1).提供用戶(hù)上傳模型
2).自動(dòng)轉(zhuǎn)換模型且模型數(shù)據(jù)與幾何數(shù)據(jù)分離
3).自動(dòng)把大模型切割成小模型
4). 提供api
1.完成 webgl server
2.完善 webgl 展現(xiàn)層 各種交互操作
暫時(shí)就想到這些，下面自己寫(xiě)的一個(gè)小的demo 慢慢完善。。。
https://github.com/shinseed/T...
1.npm install || yarn install
2.npm run dev
3.超級(jí)瑪麗 模式操作 w、a、s、d 空格 (只做了向下的碰撞檢測(cè))
SloceJson 使用1.model 文件夾為原始模型文件
2.output 切割完后的模型文件
3.終端進(jìn)入 該目錄 node sliceJson.js
文檔目錄1.src 源碼
2.sliceJson 把大的模型文件切割成小模型
3.static 靜態(tài)資源
4.config webpack 配置
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/87122.html
摘要：或許，它還終將改變用戶(hù)對(duì)移動(dòng)的期待。通過(guò)一個(gè)場(chǎng)景實(shí)例了解前端處理大數(shù)據(jù)的無(wú)限可能隨著前端的飛速發(fā)展，在瀏覽器端完成復(fù)雜的計(jì)算，支配并處理大量數(shù)據(jù)已經(jīng)屢見(jiàn)不鮮。 推薦 1. 神經(jīng)網(wǎng)絡(luò)入門(mén) http://www.ruanyifeng.com/blo... 眼下最熱門(mén)的技術(shù)，絕對(duì)是人工智能，人工智能的底層模型是神經(jīng)網(wǎng)絡(luò)（neural network）。許多復(fù)雜的應(yīng)用（比如模式識(shí)別、自動(dòng)控制）...
摘要：以為例，在產(chǎn)品主數(shù)據(jù)的頁(yè)面工具欄上新增了一個(gè)按鈕，點(diǎn)擊之后，會(huì)顯示一個(gè)彈出窗口，在瀏覽器里利用調(diào)用本地安裝的應(yīng)用，顯示該產(chǎn)品主數(shù)據(jù)的視圖。本文介紹的是另一種用純編程來(lái)以方式顯示產(chǎn)品主數(shù)據(jù)的解決方案。 在Jerry寫(xiě)這篇文章時(shí)，通過(guò)Google才知道，SAP其實(shí)是有自己的3D模型視圖顯示解決方案的。 showImg(https://segmentfault.com/img/remote/...
摘要：偏導(dǎo)數(shù)函數(shù)可以用于片元著色器中的任何變量。偏導(dǎo)數(shù)和用于計(jì)算紋理的一些列的子圖，每個(gè)子圖都比前一個(gè)的尺寸縮小了倍。在紋理取樣過(guò)程中使用偏導(dǎo)數(shù)來(lái)選擇最佳的級(jí)數(shù)。 本文適合對(duì)webgl、計(jì)算機(jī)圖形學(xué)、前端可視化感興趣的讀者。 偏導(dǎo)數(shù)函數(shù)（HLSL中的ddx和ddy，GLSL中的dFdx和dFdy）是片元著色器中的一個(gè)用于計(jì)算任何變量基于屏幕空間坐標(biāo)的變化率的指令（函數(shù)）。在WebGL中，使用...
閱讀 1178·2021-09-10 10:51
閱讀 909·2019-08-30 15:53
閱讀 2735·2019-08-30 12:50
閱讀 986·2019-08-30 11:07
閱讀 1998·2019-08-30 10:50
閱讀 3607·2019-08-29 18:47
閱讀 1319·2019-08-29 18:44
閱讀 1607·2019-08-29 17:01
