ThreeJS实现3D太阳系WEBGL演示源码

本源码演示了使用Threejs库开发的3D太阳系,在3D场景中显示地球、太阳、火星、木星等，支持点击星球后弹出文字提示面板，文字嵌入到场景中，非常值得学习。基本原理是采用通过threejs（WebGL开发包）绘制贴图赋给3D几何元素，通过THREE.ArcCurve生成轨道线，精灵元素控件实现动态文字信息面板。用户可以点击选择弹出星球！部分源码

        function circle(r) {
          var arc = new THREE.ArcCurve(0, 0, r, 0, 2 * Math.PI, true);
          var points = arc.getPoints(50);
          var geometry = new THREE.Geometry();
          geometry.setFromPoints(points);
          var material = new THREE.LineBasicMaterial({
            color: 0x222222
          });
          var line = new THREE.LineLoop(geometry, material);
          line.rotateX(Math.PI / 2);
          return line;
        }

注：threejs/WebGL开发，非常值得学习。本地预览建议部署WEB服务器，配置运行服务器等网络访问地址运行，建议用火狐浏览器，谷歌浏览器等。