我也遇到这样的问题,都是先将二维坐标转成(-1,-1)到(1,1)之间的坐标,然后利用three.raycaster去做射线法,但是发现,点击返回的貌似真不是我实际点击的名字,不匹配,我是会点击返回。只是不匹配而已,感觉坐标系是不是有点毛病!
使用threejs写项目时,点击到了画布中的元素,却没有获取到信息怎么回事?以下是我写的tap方法,用于获取点击到的元素信息 tap(e) { let that = this; console.log('canvas', e); console.log("event.clientX:" + e.touches[0].clientX) console.log("event.clientY:" + e.touches[0].clientY) // 声明 raycaster 和 mouse 变量 var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); // 通过鼠标点击位置,计算出 raycaster 所需点的位置,以屏幕为中心点,范围 -1 到 1 mouse.x = (e.touches[0].clientX / window.innerWidth) * 2 - 1; mouse.y = -(e.touches[0].clientY / window.innerHeight) * 2 + 1; //通过鼠标点击的位置(二维坐标)和当前相机的矩阵计算出射线位置 let camera = (that.data.params.orthographicCamera) ? that.data.orthographicCamera : that.data.perspectiveCamera; raycaster.setFromCamera(mouse, camera); // 获取与射线相交的对象数组,其中的元素按照距离排序,越近的越靠前 var intersects = raycaster.intersectObjects(that.data.scene.children); console.log(intersects); }, 当我点击图中蓝色位置 [图片] 控制台的信息获取为空 [图片] 当我点击绿圈位置时 [图片] 却获取到了信息 [图片] 发现获取信息的位置漂移了,然而同一套逻辑的代码在web上运行不会出现错误(小程序里的就是我根据web上写过得代码改的),请问这是什么原因?有没有遇到相同情况的?
2019-12-04我也是,webgl一直莫名其妙出现这个问题
Cannot set property 'ontouchstart' of undefined?webgi 真机调试模式 Cannot set property 'ontouchstart' of undefined
2019-11-22采集这些数据设计个人隐私等问题,肯定敏感,我们这边类似小程序也被直接打回
微信小程序调用腾讯云人脸识别API问题?小程序不能接入腾讯云的人脸识别API(不是人脸核身!),我想用小程序采集会员的人脸,作为添加腾讯云人脸识别人脸库的入口,用于公司门禁,不能使用为什么?自己的产品不能接入自家产品的API? 问了腾讯云,说API都可以使用,让我问小程序,小程序那边让我问腾讯云,一个公司的来回踢皮球?之前审核都没问题,今天发现一个错别字提交审核,给踢回来了。 [图片]
2019-10-15我也遇到类似情况,但是不知道解决了没
canvas (webgl) disable-scroll 失效- 当前 Bug 的表现(可附上截图) disable-scroll = "{{true}}" 当type="webgl" 时不起作用 - 预期表现 - 复现路径 - 提供一个最简复现 Demo
2019-10-14木头兄,有解决这个问题吗?
canvas webgl 如何导出图片?小程序webgl的canvas如何导出图片
2019-10-14我使用downloadtask.abort()每次提示downloadFile:fail abort,目前版本2.8.3,不知道您的问题解决了吗
大于2.3.1的基础调试库,使用DownloadTask.abort()报错?[图片] 2.3.1 之前的版本运行结果都是这样的 [图片] 2.6.0 版本结果 [图片] 2.6.6版本运行结果 [图片]
2019-10-14你好,我也正好在搞这一块,我用的是gltf加载,gltf加载模型更轻便,现在就是贴图加载不了,不知道为嘛,加个QQ一起探讨下?QQ:1003037329,另外,你这个代码片段加载下来之后,各种错误
ios的canvas背景色为黑色,不能为透明在小程序中使用three.js加载fbx模型,但是canvas的背景色在ios中是黑色的。在安卓中就是透明的,因为需要在canvas背后显示相机,所以必须透明。 不知道什么原因。。。。。,如下图。一张是iphone X的一张是安卓的。 [图片] [图片]
2019-09-30gltf模型加载时没问题,但是,当gltf模型带有贴图时候,gltfloader里面加载图片有问题!
小游戏中用threejs加载gltf模型问题如果将模型放在小游戏项目下一起打包,在真机上可以正常加载。 但是,如果把模型文件放在远端服务器,下载回来放入wx.env.USER_DATA_PATH目录后就无法加载。 [图片] var loader = new THREE.GLTFLoader(); // Load a glTF resource loader.load( // resource URL wx.env.USER_DATA_PATH + '/res/penguin.gltf', // called when the resource is loaded function ( gltf ) { let gltfScene : THREE.Scene = gltf.scene; let gltfMesh = gltfScene.children[0].children[1] as THREE.Mesh; PGeometry = gltfMesh; console.log(gltf); Anim = gltf.animations[0] as THREE.AnimationClip; RootBone = gltfScene.children[0] as THREE.Bone; RootBone.scale.set(3, 3, 3); RootBone.position.set(0,0,-5); scene.add(RootBone); mixer = new THREE.AnimationMixer(RootBone); let action = mixer.clipAction(Anim); action.play(); }, // called while loading is progressing function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, // called when loading has errors function ( error ) { console.log( 'An error happened: ' + error ); } ); }
2019-09-29