javascript - Three.js 地球儀の色を変更する

Question

3D Globe を備えた非常にクールな Three.js デモがあります: http://data-arts.appspot.com/globe/

地球儀自体の色を黒から紺に変えたいです。すべてのソース ファイルを調べて変更を続けていますが、地球の色に影響を与えるものは何もありません。

Three.js や WebGL についてはよくわかりません。誰か助けてくれる？

Answer 1

地球上でやろうとするのは難しいでしょう。コードは

var geometry = new THREE.Sphere(200, 40, 30);
shader = Shaders['earth'];
uniforms = THREE.UniformsUtils.clone(shader.uniforms);
uniforms['texture'].texture = THREE.ImageUtils.loadTexture(imgDir+'world' +
    '.jpg');

material = new THREE.MeshShaderMaterial({

      uniforms: uniforms,
      vertexShader: shader.vertexShader,
      fragmentShader: shader.fragmentShader

    });

mesh = new THREE.Mesh(geometry, material);
mesh.matrixAutoUpdate = false;
scene.addObject(mesh);

そのため、地球にはカスタム シェーダーがあり、テクスチャを使用しています。

2 つ目の球体を作成し、これに標準マテリアルを設定するのが最も簡単な方法だと思います。何かのようなもの

var geometry2 = new THREE.Sphere(200, 40, 30);
var material2 = new THREE.MeshLambertMaterial({ color: 'blue' }); 
var mesh2 = new THREE.Mesh(geometry2, material2);
scene.addObject(mesh2);