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