threeJs
gqkmiss
前端
展开
-
小程序中使用threeJs渲染3D场景
淘宝小程序中使用threeJs渲染3D场景demo 在做淘宝小程序的项目的时候需要有用到3d场景,然后就想到使用threeJs来做渲染,但是threeJs依据的dom元素在小程序里面是没有的,故而需要和web端的threeJs不一样的文件,一个兼容的threeJs文件 淘宝小程序中使用的threeJs下载地址 页面代码 html元素 <!-- 一个canvas元素,type类型设置为webgl 事件需要拖动添加拖拽事件 --> <view class="init_cabvas">原创 2020-07-09 14:17:44 · 5147 阅读 · 2 评论 -
THREE.Raycaster射线检测在小程序里面IOS和安卓机兼容的问题
THREE.Raycaster在小程序里射线检测兼容问题 前提 在做淘宝小程序涉及3d需要用到threeJs来实现,实现完成之后发现进行射线检测的时候在安卓机里面可以正常使用,在iOS里面点击具体的mesh返回值有问题,在打印了具体的canvas的width和height,以及系统的信息之后,发现和手机的分辨率是有关系的,需要改变射线检测的值,来正确的渲染。 不同系统、不同手机渲染的信息不一样 下面是华为mate30pro和iPhone8和iphone6plus的系统信息值: mate30pro {原创 2020-07-06 11:42:16 · 967 阅读 · 0 评论