建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序工具庫類·threejs
threejs-miniprogram
Three.js 小程序 WebGL 的適配版本。
創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括長陽網(wǎng)站建設(shè)、長陽網(wǎng)站制作、長陽網(wǎng)頁制作以及長陽網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，長陽網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到長陽省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
使用
可參考 example 目錄下的示例項(xiàng)目或參照以下流程：
- 通過 npm 安裝
npm install --save threejs-miniprogram
安裝完成之后在微信開發(fā)者工具中點(diǎn)擊構(gòu)建 npm。
- 導(dǎo)入小程序適配版本的 Three.js
import {createScopedThreejs} from 'threejs-miniprogram'
Page({
onReady() {
wx.createSelectorQuery()
.select('#webgl')
.node()
.exec((res) => {
const canvas = res[0].node
// 創(chuàng)建一個(gè)與 canvas 綁定的 three.js
const THREE = createScopedThreejs(canvas)
// 傳遞并使用 THREE 變量
})
}
})
說明
- 本項(xiàng)目當(dāng)前使用的 Three.js 版本號為 0.108.0，如要更新 threejs 版本可發(fā) PR 修改或 fork 后自行修改。
- 該適配版本的 THREE 不在全局環(huán)境中，如使用 Three.js 的其他配套類庫，需要自行傳入 THREE 到類庫中。
- 如在使用過程中發(fā)現(xiàn)有適配問題，可通過 issue 反饋或發(fā) PR 修復(fù)。
文章標(biāo)題：創(chuàng)新互聯(lián)小程序教程：微信小程序工具庫類·threejs
URL分享：http://www.5511xx.com/article/dpejipc.html
