添加漸變色，以非球面

Question

我想漸變顏色添加到球體，目前我設置的顏色：

<a-sphere position="1 1 0" color="#ef2d5e"> 
      <a-animation attribute="rotation" to="0 360 0" dur="10000" easing="linear" repeat="indefinite"> 
</a-animation> 
</a-sphere> 

Demo

如何添加漸變到球？有什麼辦法嗎？

Answer 1

嘗試https://github.com/zcanter/aframe-gradient-sky

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 

<script src="https://rawgit.com/zcanter/aframe-gradient-sky/master/dist/gradientsky.min.js"></script> 

<a-scene> 

     <!-- A Sphere --> 
     <a-entity geometry="primitive: sphere" material="shader: gradient; topColor: 255 100 100; bottomColor: 100 100 200; offset: 0.0001" position="0 0 -5"></a-entity> 

    </a-scene>