【微信小程序】【AR】threejs-miniprogram 安装(76/100)
配置threejs-miniprogram环境
搭建node环境
初始化node工程
npm init
导入threejs-miniprogram
npm i threejs-miniprogram
注意:安装threejs-miniprogram 后一定要进行 构建npm 否则引用不生效。由于开发工具和版本的关系可能路径有区别已知路径:工具–构建npm;详情-本地设置–启用npm;
threejs-miniprogram 使用
// pages/ar/ar.js
import getBehavior from './behavior'
import yuvBehavior from './yuvBehavior'
const {
renderExample1} =require('./example1')
const {
showAR} =require('./threeJSDemos/threeJS_1')
import {
createScopedThreejs} from 'threejs-miniprogram'
Page({
behaviors: [getBehavior(), yuvBehavior],
/**
* 页面的初始数据
*/
data: {
theme: 'light',
camera:null,
scene:null,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
wx.createSelectorQuery()
.select('#webgl'