我一直在开发一个 Three.js 项目来尝试学习这个框架。得到了一个基本模型,在桌面浏览器上运行良好,但在移动设备上会反复崩溃。我将项目上传到我的服务器http://trideesneaker.404vanity.com/
有什么方法可以针对移动设备进行优化吗?我在 iPhone 和 iPad 上尝试了 chrome 和 safari。
代码本身:
(function() {
var scene, camera, renderer;
var geometry, material, mesh, sneaker;
init();
animate();
function init() {
scene = new THREE.Scene();
var WIDTH = window.innerWidth,
HEIGHT = window.innerHeight;
var ambient = new THREE.AmbientLight( 0x444444 );
scene.add( ambient );
camera = new THREE.PerspectiveCamera( 3, WIDTH / HEIGHT, 1, 20000 );
camera.position.z = 1000;
window.addEventListener('resize', function() {
var WIDTH = window.innerWidth,
HEIGHT = window.innerHeight;
renderer.setSize(WIDTH, HEIGHT);
camera.aspect = WIDTH / …Run Code Online (Sandbox Code Playgroud)