त्रिज्या स्पष्ट रंग तीनjs

Question

मैं तीनjs में एक ठोस स्पष्ट रंग प्राप्त कर सकता हूं, लेकिन एक ढाल स्पष्ट रंग प्राप्त करने का कोई तरीका है। या मेरे आकाश में थोड़ा और गहराई हासिल करने के लिए कुछ समान तरीका, शायद रोशनी के साथ?

renderer = new THREE.WebGLRenderer({ antialias: true }); 
renderer.setClearColor(0x3dc800); 

var light = new THREE.HemisphereLight(0xffffff, 0xeeeeee, 0.75); 
    light.position.set(0.5, 1, 0.75); 
    scene.add(light); 

scene.fog = new THREE.Fog(0x4ff904, 0, 750); 

Answer 1

मैं इस codepen भर में भाग गया:

http://codepen.io/billimarie/pen/mJLeBY

मैं कोई क्रेडिट ले, लेकिन यह पूरी तरह सवाल का जवाब।

प्रासंगिक हिस्सा हैं:

renderer = new THREE.CanvasRenderer({ alpha: true }); // gradient 

withe सीएसएस:

body { 
      background-color: #1A8FCF; 
      margin: 0px; 
      overflow: hidden; 
      background-image: -webkit-gradient(#1A8FCF,#D1236A,#1A8FCF); 
      /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ 
      background-image: -webkit-linear-gradient(#1A8FCF,#D1236A,#1A8FCF); 
      /* Firefox 3.6 - 15 */ 
      background-image: -moz-linear-gradient(#1A8FCF,#D1236A,#1A8FCF); 
      /* Opera 11.1 - 12 */ 
      background-image: -o-linear-gradient(#1A8FCF,#D1236A,#1A8FCF); 
      /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ 
      background-image: linear-gradient(#1A8FCF,#D1236A,#1A8FCF); 
     } 

** ध्यान दें, मेरे अपने रंग ...

Answer 2

पारदर्शी पृष्ठभूमि प्रतिपादन के लिए Transparent background with three.js देखें और फिर आप सीएसएस ढ़ाल http://www.w3schools.com/Css/css3_gradients.asp आवेदन कर सकते हैं जब तक आप वास्तव में मुश्किल हो, लेकिन यह अपने दृश्य के साथ स्थानांतरित नहीं होगा:

यहाँ मेरी प्रासंगिक कोड है।