草庐IT

threejs-miniprogram

全部标签

ThreeJS-学习基础(一)

下载组件threejsnpminstallthree-S 引入threejsimport*asTHREEfrom"three";代码   import*asTHREEfrom"three";exportdefault{ name:"HOME", components:{  //vueQr,  //glHome, }, data(){  return{  }; }, methods:{ }, mounted(){  //1.创建场景  constscene=newTHREE.Scene();  console.log(scene)  //2.创建相机  constcamera=newTHREE.

ThreeJS-学习基础(一)

下载组件threejsnpminstallthree-S 引入threejsimport*asTHREEfrom"three";代码   import*asTHREEfrom"three";exportdefault{ name:"HOME", components:{  //vueQr,  //glHome, }, data(){  return{  }; }, methods:{ }, mounted(){  //1.创建场景  constscene=newTHREE.Scene();  console.log(scene)  //2.创建相机  constcamera=newTHREE.

Threejs入门教程

一、本地搭建Threejs官方文档网站1.官网地址:https://github.com/mrdoob/three.js 下载压缩包并解压或使用gitclone若github过慢,则使用gitee对应网址:three.js:mrdoob/three.js同步库2.目录解析3.启动方式在three.js项目根目录下执行如下命令,yarn可使用npminstallyarn-g安装#安装依赖yarninstall#启动项目yarnstart浏览器访问:二、parcel搭建three.js开发环境1.简介目的:方便模块化进行three.js项目的学习和开发Parcel官网:Buildingawebap

Threejs入门教程

一、本地搭建Threejs官方文档网站1.官网地址:https://github.com/mrdoob/three.js 下载压缩包并解压或使用gitclone若github过慢,则使用gitee对应网址:three.js:mrdoob/three.js同步库2.目录解析3.启动方式在three.js项目根目录下执行如下命令,yarn可使用npminstallyarn-g安装#安装依赖yarninstall#启动项目yarnstart浏览器访问:二、parcel搭建three.js开发环境1.简介目的:方便模块化进行three.js项目的学习和开发Parcel官网:Buildingawebap

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

【微信小程序系列:五】小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体

1.先言这个工具我网上基本找不到任何一篇文章说这个miniprogram-elder-transform的使用的,==,既然没有,那咱就自己写第一篇~Android字体大小标准默认16px,iOS字体大小标准默认17px。个人觉得,微信用户设置字体大小超过或等于22px,小程序就可以进行老年化适配。适老化官方文档2.提示获取微信用户字体大小方法。获取后可以进行一些自己的操作。wx.getSystemInfo({success(res){console.log('用户字体大小(单位px)',res.fontSizeSetting)}})3.使用打开终端,安装插件工具,构建npm。工具GitHub

threeJs 模型obj和mtl格式转gltf格式并压缩

threeJs中,模型obj和mtl格式转gltf格式并压缩这里需要下载一些文件,文件位置可以按照我这个放好,也可以自己放。总共需要lib文件夹,里面包含很多js,还有一个obj2gltf.js文件下载请点前往下面网址,0资源分享的:https://download.csdn.net/download/a_yingying/86539507下载完成后1.在public里面建立modules文件夹2.创建gltf文件夹3下载上面提供的lib文件夹和obj2gltf.js4.把objmtl文件放在gltf文件夹里面1.安装依赖npminstall--saveobj2gltfnpminstallgl

threeJs 模型obj和mtl格式转gltf格式并压缩

threeJs中,模型obj和mtl格式转gltf格式并压缩这里需要下载一些文件,文件位置可以按照我这个放好,也可以自己放。总共需要lib文件夹,里面包含很多js,还有一个obj2gltf.js文件下载请点前往下面网址,0资源分享的:https://download.csdn.net/download/a_yingying/86539507下载完成后1.在public里面建立modules文件夹2.创建gltf文件夹3下载上面提供的lib文件夹和obj2gltf.js4.把objmtl文件放在gltf文件夹里面1.安装依赖npminstall--saveobj2gltfnpminstallgl

vue2.x引入threejs

@目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@其他插件因为本次开发需要引入3D模型,所以需要使用MTLLoader,OBJLoader两种加载器,因为开发需求和版本问题,最新版本自带的加载器不能实现需求,所以需要额外引入three-obj-mtl-loader插件,并且threejs版本需要退到122版本;npm安装three-obj-mtl-loadernpminstallthree-obj-mtl-loader--save实例//--html部分

vue2.x引入threejs

@目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@其他插件因为本次开发需要引入3D模型,所以需要使用MTLLoader,OBJLoader两种加载器,因为开发需求和版本问题,最新版本自带的加载器不能实现需求,所以需要额外引入three-obj-mtl-loader插件,并且threejs版本需要退到122版本;npm安装three-obj-mtl-loadernpminstallthree-obj-mtl-loader--save实例//--html部分