【微信小程序】【AR】threejs-miniprogram 安装(76/100）

lichong951

已于 2023-11-20 09:38:13 修改

阅读量3.8k

点赞数

分类专栏： # 微信小程序文章标签：微信小程序微信小程序switch 微信小程序怎么打断点调试微信小程序单选框微信开发者工具mac 微信小程序断点调试

于 2022-08-01 19:00:00 首次发布

本文链接：https://blog.csdn.net/lichong951/article/details/126094866

版权

本文介绍了如何配置threejs-miniprogram环境，包括搭建node环境、初始化工程及构建npm的注意事项。还提到了threejs-miniprogram的使用，并预告了未来的AR专题。同时，推荐了自研API调试开发工具SmartApi，详细说明了其开发背景、功能特性以及下载地址。

摘要由CSDN通过智能技术生成

在这里插入图片描述

配置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(