JSFiddle - React, Tailwind, and code Playground

HTML

<body>

    
    
</body

JavaScript

var scene, camera, renderer,controls
var offset=100000000;

	THREE.ImageUtils.crossOrigin = "anonymous";
    init();
    animate();

    function init() {

        scene = new THREE.Scene();
     
        camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.up = new THREE.Vector3(0,0,1);
        camera.position.set(offset,offset,400);
        
      
        
        geometry = new THREE.PlaneGeometry(1000,1000,1,1);
        material = new THREE.MeshPhongMaterial( { map:
                                                	THREE.ImageUtils.loadTexture('http://khms1.google.com/kh/v=163&src=app&x=0&y=0&z=0&')        } );

        mesh = new THREE.Mesh( geometry, material );
        mesh.position.set(offset-300,offset,0);
        camera.lookAt(mesh.position);
       
        scene.add( mesh );
        
        var global	= new THREE.HemisphereLight( 0xffffff,0xffffff,0.5 );
scene.add(global);

        
        var l = new THREE.DirectionalLight(0xffffff,0.5);
        l.position.set(50,90,100);
        l.target=scene;
        scene.add(l);

        renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );

        document.body.appendChild( renderer.domElement );

    }

function render(){
  
       renderer.render( scene, camera );
    
    
    
}
var s=0;
    function animate() {

       requestAnimationFrame( animate );
        s+=0.01;
        camera.rotation.y=Math.sin(s); 
       
        render();
      

    }