小编Pie*_*mps的帖子

Three.js - 如何等待图像加载？

我加载图像以显示精灵。

但似乎代码在图像完全加载之前继续执行：

但是我不知道如何使用 Threejs 等待图像完全加载。我可以帮忙吗？

代码可以在这里测试：http : //www.planetarium2016.com/sprite.html

这是我的代码：

<html>
    <head>
        <title>My first three.js app</title>
        <style>
            body { margin: 0; }
            canvas { width: 100%; height: 100% }
        </style>
    </head>
    <body>
        <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script>
        <script>
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 500);
            camera.position.set(0, 10, 100);
            camera.lookAt(new THREE.Vector3(0, 0, 0));
            var renderer = new THREE.WebGLRenderer();
            renderer.setSize( window.innerWidth, window.innerHeight );
            document.body.appendChild( renderer.domElement );

            var material = new …

Run Code Online (Sandbox Code Playgroud)

javascript three.js

Pie*_*mps

2017 05-23

5
推荐指数

2
解决办法

5756
查看次数