Three.js秘密：我无法运行任何例子

Question

我是WebGL的初学者

我按照示例进行操作，但总是出错。

为什么my example不起作用。

虽然它适用于similar code的其他人？

(function() {
    // Set basic some variables.
    var documentWidth = document.body.clientWidth,
        documentHeight = document.body.clientHeight,
        viewAngle = 45,
        drawNear = 0.1,
        drawFar = 10000,
        aspectRatio = documentWidth / documentHeight,
        renderer = new THREE.WebGLRenderer(),
        scene = new THREE.Scene();

    ... follow jsfiddle

Answer 1

你没有包含three.js。 https://jsfiddle.net/2pha/naudwtaL/1/

https://rawgit.com/mrdoob/three.js/master/build/three.min.js

较旧的jsfiddle设计通过组合框可供您选择，从而轻松包含一些外部库。

新设计已经移动了这些选项，如下图所示。

虽然你可以通过组合框选择器添加三个.js，截至目前你只能包含三个.js r54，这是相当古老的，所以你可能最好包括它，就像我在小提琴中所做的那样