
测试项目按照教程的来建立,App id 点击了箭头所指的小游戏,创建的模版小游戏 2D 打飞机在微信预览里可以玩的 
然后使用 Three.js ( r88 版本)来实现了一个简单的旋转正方体场景,在开发者工具中可以正常运行 
但是在微信中预览是黑屏 
扫码的微信运行 android 8.0 的系统上,WebGL 的支持程度方面应该不是问题。
那么问题可能是出在 three.js 版本上?
可以从 /t/419056 帖子中说到的跳一跳源码找出所使用的 three.js 的版本吗?
我的 game.js 代码如下
import './js/libs/weapp-adapter' import * as THREE from './js/libs/three' //weapp-adapter 会提供全局 canvas //let canvas = document.querySelector('canvas'); //if (!canvas) { // canvas = wx.createCanvas() //}*/ const scene = new THREE.Scene() const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000) const renderer = new THREE.WebGLRenderer({canvas}) renderer.setSize(window.innerWidth, window.innerHeight) const cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshBasicMaterial({color: 0x00ff00})) scene.add(cube) camera.position.z = 5 function render() { cube.rotation.x += 0.05 cube.rotation.y += 0.05 renderer.render(scene, camera) window.requestAnimationFrame(render) } render() ps : 萌新水平有限,就不回答与本问题无关的问题了哈,请各位客官老爷见谅
1 gzl0ck 2018-01-01 21:37:42 +08:00 沉了顶一下~ |
2 gzlock OP 用开发者工具跑了一下跳一跳,也是 three 88 版本。 这就排除了 three 版本的问题了 。 那我就真不知道是什么导致了在微信中预览只有黑屏的问题了 |
3 gzlock OP 应该是需要修改 three.js 适应微信小游戏,但是 three.js 代码量巨大,对于新手来说真的抓瞎 |
4 gzl0ck 2018-01-02 18:22:20 +08:00 用跳一跳压缩过的代码对比了一下 three.js ,发现的确是有些不同的,但是 three.js 的代码量真的巨大,而且是精简过变量名的,没办法各处详细对比 |
5 coffeSlider 2018-02-23 16:44:45 +08:00 找到解决方案了吗? |