测试项目按照教程的来建立,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 : 萌新水平有限,就不回答与本问题无关的问题了哈,请各位客官老爷见谅
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.