国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

threeJs模塊化開(kāi)發(fā)解決方案 import-three-examples

tinyq / 2181人閱讀

摘要：最近的老項(xiàng)目要遷移到已有的后臺(tái)中，但發(fā)現(xiàn)的插件的包真少，老項(xiàng)目中每引一個(gè)插件就得專門(mén)去修改文件中的干脆寫(xiě)了一個(gè)插件使中的所有的第三方庫(kù)都能正常引入廢話不多說(shuō)了直接上使用方法了需要的依賴的配置渲染進(jìn)程的其他第三

最近three的老項(xiàng)目要遷移到已有的vue后臺(tái)中，但發(fā)現(xiàn)threeJs的插件npm的包真少，老項(xiàng)目中每引一個(gè)插件就得專門(mén)去修改文件中的import exports.

So,干脆寫(xiě)了一個(gè)webpack插件使three-examples中的所有的第三方庫(kù)都能正常引入.

廢話不多說(shuō)了.直接上使用方法了

需要的依賴:

cnpm i three --save
cnpm i imports-loader exports-loader --save-dev
cnpm i import-three-examples --save-dev

webpack的配置:

const ThreeExamples = require("import-three-examples")

module.exports = {
  ......
  ......
  module: {
    rules: [
      ......
      ......
      {
        test: /.js$/,
        loader: "babel-loader"
      },
      ...ThreeExamples
    ]
  }
}

渲染進(jìn)程:

import OrbitControls from "three/examples/js/controls/OrbitControls"
import FBXLoader from "three/examples/js/loaders/FBXLoader"
// three/examples/js的其他第三方庫(kù) 引入方式同上
// 實(shí)例創(chuàng)建方式如下
......
......

let controls = new OrbitControls(camera, el)

let fbx = new FBXLoader()

fbx.load(url, function (_obj) {
  console.log(_obj)
})

......
......

github地址: https://github.com/xiongtongz...

如果遇到問(wèn)題,歡迎提出,一起完善插件方便更多人.(會(huì)持續(xù)維護(hù))

最后按照慣例求個(gè) STAR~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/100596.html

相關(guān)文章

  • SegmentFault 技術(shù)周刊 Vol.35 - WebGL：打開(kāi)網(wǎng)頁(yè)看大片

    摘要：在文末，我會(huì)附上一個(gè)可加載的模型方便學(xué)習(xí)中文藝術(shù)字渲染用原生可以很容易地繪制文字，但是原生提供的文字效果美化功能十分有限。 showImg(https://segmentfault.com/img/bVWYnb?w=900&h=385); WebGL 可以說(shuō)是 HTML5 技術(shù)生態(tài)鏈中最為令人振奮的標(biāo)準(zhǔn)之一，它把 Web 帶入了 3D 的時(shí)代。 初識(shí) WebGL 先通過(guò)幾個(gè)使用 Web...

    objc94 評(píng)論0 收藏0

  • 產(chǎn)品三維模型在線預(yù)覽

    摘要：次時(shí)代傳統(tǒng)的方式就是創(chuàng)建次時(shí)代模型，對(duì)應(yīng)中的材質(zhì)是高光網(wǎng)格材質(zhì)對(duì)象，通常貼圖文件包含顏色貼圖法線貼圖和高光貼圖。 產(chǎn)品在線展示案例預(yù)覽 玉鐲在線預(yù)覽：http://www.yanhuangxueyuan.co... 汽車在線預(yù)覽：http://www.yanhuangxueyuan.co... Web3D技術(shù)歷史 可通過(guò)插件或WebGL技術(shù)實(shí)現(xiàn)Web3D，在線網(wǎng)頁(yè)上預(yù)覽操作三維...

    DirtyMind 評(píng)論0 收藏0

  • vue-threeJS數(shù)據(jù)驅(qū)動(dòng)的三維圖形可視化

    摘要：數(shù)據(jù)驅(qū)動(dòng)的三維圖形可視化在信息暴漲的年間，冷暴力的扁平化確實(shí)有效降低用戶的信息焦慮感，使有限的精力更高效處理過(guò)多的信息流。 數(shù)據(jù)驅(qū)動(dòng)的三維圖形可視化 在信息暴漲的2010-2016年間，冷暴力的扁平化確實(shí)有效降低用戶的信息焦慮感，使有限的精力更高效處理過(guò)多的信息流。二維平面化扁平化在蘋(píng)果等大頭引領(lǐng)下，成為大眾用戶機(jī)器交流默認(rèn)的語(yǔ)言。然后，隨著PC、平板、手機(jī)、智能家居等用戶持有終端的性...

    SegmentFault 評(píng)論0 收藏0

  • 在SAP UI中使用純JavaScript顯示產(chǎn)品主數(shù)據(jù)的3D模型視圖

    摘要：以為例，在產(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/...

    FingerLiu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<