微信小程序ThreeJs加载3D模型

Posted 2023-04-23

参考技术A 微信小程序使用ThreeJs需要使用官方库 threejs-miniprogram ，API和原生ThreeJS基本一样，很好上手。喜欢数字孪生或者游戏的朋友，强烈推荐学习ThreeJs。该库入门简单，官方有很多优秀的demo可供参考，文档(包含中英文)也比较详细。有计划用ThreeJS做一个动物世界，模拟原始森林里各种各样的有趣的可爱的动物，包括它们声音和故事。有兴趣的或想加入这个计划的朋友可以在下面留言。

添加canvash画布，设置宽度100%，高度设置为屏幕高度减去状态栏高度和导航栏高度。

导入threejs，并创建threejs变量传入模型中，方便使用该变量。

2020-07-31 微信小程序数据刷新与重新加载

参考技术A onLoad  生命周期回调—监听页面加载

onShow  生命周期回调—监听页面显示

onReady  生命周期回调—监听页面初次渲染完成

onHide 生命周期回调—监听页面隐藏

onUnload  生命周期回调—监听页面卸载

1.执行某方法后数据刷新与重新加载

    可直接调用 onLoad ， onShow ， onReady 方法

    this.onLoad(),this.onShow(),this.onReady()

    方法执行后会重新调用对应的执行方法，里面的数据会重新渲染执行

2.页面回退或隐藏显示后

    当进入新的页面比如：添加，修改等，再返回当前页面重新渲染数据。

    可直接将获取数据的方法写在onShow()中，当页面重新显示后就会再次运行onShow()中的方法