earthjs/src/threejs/oceanThreejs.js

D3 Earth JS using SVG, Canvas & THREE js, build with some plugins.

// http://davidscottlyons.com/threejs/presentations/frontporch14/offline-extended.html#slide-79
export default (color, color2=0xAAAAAA) => {
    /*eslint no-console: 0 */
    const _ = {sphereObject: null}
    if (color) {
        _.material = new THREE.MeshPhongMaterial({color});
    } else {
        _.material = new THREE.MeshNormalMaterial({
            transparent: false,
            wireframe: false,
            opacity: 0.8,
        });
    }
    _.material.transparent = true;

    function create() {
        const tj = this.threejsPlugin;
        if (!_.sphereObject) {
            const r = this._.proj.scale() - (this.__plugins('3d').length>0 ? 5 : 0);
            const geometry = new THREE.SphereGeometry(r, 30, 30);
            if (color) {
                const ambient= new THREE.AmbientLight(color2);
                const mesh   = new THREE.Mesh(geometry, _.material);
                _.sphereObject = new THREE.Group();
                _.sphereObject.add( ambient );
                _.sphereObject.add(mesh);
            } else {
                _.sphereObject = new THREE.Mesh(geometry, _.material);
            }
            _.sphereObject.name = _.me.name;
        }
        tj.addGroup(_.sphereObject);
    }

    return {
        name: 'oceanThreejs',
        onInit(me) {
            _.me = me;
        },
        onCreate() {
            create.call(this);
        },
        sphere() {
            return _.sphereObject;
        }
    }
}