什么是ThreeExtras.js？

Question

我正在尝试解构使用ThreeExtras.js的this webGL moon。

Threeextras.js似乎是Three.js的某个变体，外加代码库中其他地方的一些组件；有没有关于它的文档，或者描述它与标准Three.js有何不同？

(我还找到了一个变体构建的存储库，但除了three.js存储库之外，没有文档或提到起源。) http://www.chandlerprall.com/threebuilds/

Answer 1

在r49之前，ThreeExtras.js一直存在于存储库中。你可以在https://github.com/mrdoob/three.js/tree/r49上看到它。在那之后，事情发生了变化。您必须查看https://github.com/mrdoob/three.js/wiki/Migration上的migration guide和https://github.com/mrdoob/three.js上的changes log，以了解如何将代码带到最新版本或询问有关特定问题的问题。

Answer 2

如果您希望在WebGL月球演示中解构的是基于纹理的效果，这里有一些信息:在较新版本的Three.js中，凹凸贴图和镜面反射贴图等一些纹理效果已合并到THREE.MeshPhongMaterial中。有关类似效果的示例--比如地球--请查看下面的示例：

http://stemkoski.github.io/Three.js/Earth.html

特别相关的代码是：

// Create the Earth with nice texturing - normal map for elevation, specular highlights
var sphereGeo = new THREE.SphereGeometry(100, 64, 32);  

var colors = THREE.ImageUtils.loadTexture( "images/earth-day.jpg" );
var bumps  = THREE.ImageUtils.loadTexture( "images/earth-topo.jpg" );
var shine  = THREE.ImageUtils.loadTexture( "images/earth-specular.jpg" );

var earthMaterial = new THREE.MeshPhongMaterial( { color: 0xffffff, map: colors, 
    bumpMap: bumps, bumpScale: 4, specular: 0xffffff, specularMap: shine, emissive: 0x888888 } );

var earthSphere = new THREE.Mesh( sphereGeo, earthMaterial ); 
scene.add(earthSphere);

希望这能有所帮助！

Answer 3

我看到了同样的WebGL月球演示，并决定看看我是否可以做得更好。如果你想看看如何用最新版本的Three.JS做类似的事情，你可以查看我的。在存储库页面上有一个链接到的博客，但这是一个正在进行的工作。如果您不介意深入研究代码，那么您可能会比您现在看到的演示更好地使用它。这是，如果你想查看的话。它实现了漫反射照明和法线贴图。但是，没有应用镜面反射照明。