3、灵活的约束系统：Cannon.js的约束系统非常灵活，并且支持各种类型的约束，如距离约束、弹簧约束、旋转约束等。2、真实的物理模拟：Cannon.js提供了一套完整的3D物理模拟功能，包括刚体碰撞、力学模拟和约束等。重力加速度x、y、z分量值，实际开发根据自己项目和坐标系设置即可，咱们假设小球所在的场景，y轴竖直向上，这样重力就速度就是y方向负方向。五、所有的实例和物体都是离不开光照的，没有光

在utils文件中创建一个公共的封装文件。

在文件中调用index.wxml。

技术栈基于vue3+vite，

关键帧轨道(KeyframeTrack)是关键帧()的定时序列, 它由时间和相关值的列表组成, 用来让一个对象的某个特定属性动起来。在使用手册的“下一步”章节中，“动画系统”一文对three.js动画系统中的不同元素作出了概述和的动画层级相反， 关键帧轨道（KeyframeTrack）不会将单帧作为对象存储在“key”数组(一个存有每一帧的时间和值的地方)中。数组按顺序存储该轨道的所有关键帧的时间

用来加载一个Image的加载器。manager — 加载器使用的loadingManager，默认为THREE.DefaultLoadingManager.manager — 加载器使用的loadingManager，默认为THREE.DefaultLoadingManager.ImageBitmap提供了一种异步且有效的资源的途径，用于在WebGL中渲染的纹理。设置加载文件的基本路径或URL。从

虽然也能达到我们想要的预期，但是再开发中 我们会发现有时候很不方便，而且维护的时候也不方便，这时候我们就会想方法给所有的路由跳转方法封装再一起，在需要使用的地方直接调用，这样我们就会方便很多，维护也很方便。首先在我们封装之前要清楚各种路由跳转的路径属于那种路由跳转，我们就需要封装一个路径转换的方法：创建一个js文件utils.js。其他类似的调用方式，就不在这里写了，如果有小伙伴想一起探讨前端相关

对于开发者而言，大家经常接触的是文档docs和案例examples两个文件夹，平时查看文档，可以打开文档docs里面html文件，案例examples里面提供了海量threejs功能案例。three.js-文件包└───build——three.js相关库，可以引入你的.html文件中。│└───docs——Three.js API文档文件│───index.html——打开该文件，本地离线方式预

在我们开发小程序的时候，不能避免要使用到小程序上传图片的。codefuzi一起成长。

在使用uniapp开发小程序的时候，由于公司要求开发微信、百度、头条、支付宝小程序，在这里先写了一个自定义头部（暂不支持支付宝，由于其他项目开始了，后面补上）首先在components文件创建一个header.vue，在pages文件中去调用，import Header from '../../components/header.vue'，header.vue的代码<template>