ejulio/codigo-final-1.html

## codigo-final-1.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sistema solar three.js</title>

        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>

        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.js"></script>
        <script type="text/javascript">

            var ORIGEM = new THREE.Vector3(0, 0, 0);

            var cena = new THREE.Scene();

            var fovy = 75,
                aspectRatio = window.innerWidth / window.innerHeight,
                near = 1,
                far = 300;

            var camera = new THREE.PerspectiveCamera(fovy, aspectRatio, near, far);
            camera.position.set(75, 75, 75);
            camera.lookAt(ORIGEM);

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

            function criarSol()
            {
                var geometriaSol = new THREE.SphereGeometry(20, 20, 20),
                    materialSol = new THREE.MeshBasicMaterial({color: 0xD6D637}),
                    sol = new THREE.Mesh(geometriaSol, materialSol);

                cena.add(sol);
            }

            function criarTerra()
            {
                var geometriaTerra = new THREE.SphereGeometry(5, 20, 20),
                    materialTerra = new THREE.MeshBasicMaterial({color: 0x0000FF}),
                    terra = new THREE.Mesh(geometriaTerra, materialTerra);

                terra.translateZ(50);

                cena.add(terra);
            }

            function criarLua()
            {
                var geometriaLua = new THREE.SphereGeometry(1, 20, 20),
                    materialLua = new THREE.MeshBasicMaterial({color: 0x909090}),
                    lua = new THREE.Mesh(geometriaLua, materialLua);

                lua.translateZ(60);
                cena.add(lua);

            }

            criarLua();
            criarTerra();
            criarSol();
            renderer.render(cena, camera);

        </script>
    </body>
</html>

## codigo-final-2.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sistema solar three.js</title>

        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>

        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.js"></script>
        <script type="text/javascript">

            var ORIGEM = new THREE.Vector3(0, 0, 0);

            var cena = new THREE.Scene();

            var fovy = 75,
                aspectRatio = window.innerWidth / window.innerHeight,
                near = 1,
                far = 300;

            var camera = new THREE.PerspectiveCamera(fovy, aspectRatio, near, far);
            camera.position.set(75, 75, 75);
            camera.lookAt(ORIGEM);

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

            function criarSol(objeto)
            {
                var geometriaSol = new THREE.SphereGeometry(20, 20, 20),
                    materialSol = new THREE.MeshBasicMaterial({color: 0xD6D637}),
                    sol = new THREE.Mesh(geometriaSol, materialSol);

                sol.add(objeto)
                cena.add(sol);

                return sol;
            }

            function criarTerra(objeto)
            {
                var geometriaTerra = new THREE.SphereGeometry(5, 20, 20),
                    materialTerra = new THREE.MeshBasicMaterial({color: 0x0000FF}),
                    terra = new THREE.Mesh(geometriaTerra, materialTerra);

                terra.add(objeto);
                terra.translateZ(50);

                cena.add(terra);

                return terra;
            }

            function criarLua()
            {
                var geometriaLua = new THREE.SphereGeometry(1, 20, 20),
                    materialLua = new THREE.MeshBasicMaterial({color: 0x909090}),
                    lua = new THREE.Mesh(geometriaLua, materialLua);

                lua.translateZ(10);
                cena.add(lua);

                return lua;
            }

            var lua = criarLua();
            var terra = criarTerra(lua);
            var sol = criarSol(terra);
            renderer.render(cena, camera);

        </script>
    </body>
</html>

## codigo-inicial.js
var ORIGEM = new THREE.Vector3(0, 0, 0);

var fovy = 75,
    aspectRatio = window.innerWidth / window.innerHeight,
    near = 1,
    far = 300;

var cena = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(fovy, aspectRatio, near, far);
camera.position.set(75, 75, 75);
camera.lookAt(ORIGEM);

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

renderer.render(cena, camera);

## codigo-lua.js
function criarLua()
{
    var geometriaLua = new THREE.SphereGeometry(1, 20, 20),
        materialLua = new THREE.MeshBasicMaterial({color: 0x909090}),
        lua = new THREE.Mesh(geometriaLua, materialLua);

    lua.translateZ(60);
    cena.add(lua);

}
criarLua();

## codigo-sol.js
function criarSol()
{
    var geometriaSol = new THREE.SphereGeometry(20, 20, 20),
        materialSol = new THREE.MeshBasicMaterial({color: 0xD6D637}),
        sol = new THREE.Mesh(geometriaSol, materialSol);

    cena.add(sol);
}

criarSol();

## codigo-terra.js
function criarTerra()
{
    var geometriaTerra = new THREE.SphereGeometry(5, 20, 20),
        materialTerra = new THREE.MeshBasicMaterial({color: 0x0000FF}),
        terra = new THREE.Mesh(geometriaTerra, materialTerra);

    terra.translateZ(50);

    cena.add(terra);
}

criarTerra();

## template.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sistema solar three.js</title>

        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>

        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.js"></script>
        <script type="text/javascript">
            // aqui vai o nosso código
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Sistema solar three.js</title>

	<style type="text/css">
	body {
	margin: 0;
	padding: 0;
	}
	</style>
	</head>
	<body>

	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.js"></script>
	<script type="text/javascript">

	var ORIGEM = new THREE.Vector3(0, 0, 0);

	var cena = new THREE.Scene();

	var fovy = 75,
	aspectRatio = window.innerWidth / window.innerHeight,
	near = 1,
	far = 300;

	var camera = new THREE.PerspectiveCamera(fovy, aspectRatio, near, far);
	camera.position.set(75, 75, 75);
	camera.lookAt(ORIGEM);

	var renderer = new THREE.WebGLRenderer();
	renderer.setSize(window.innerWidth, window.innerHeight);
	document.body.appendChild(renderer.domElement);

	function criarSol()
	{
	var geometriaSol = new THREE.SphereGeometry(20, 20, 20),
	materialSol = new THREE.MeshBasicMaterial({color: 0xD6D637}),
	sol = new THREE.Mesh(geometriaSol, materialSol);

	cena.add(sol);
	}

	function criarTerra()
	{
	var geometriaTerra = new THREE.SphereGeometry(5, 20, 20),
	materialTerra = new THREE.MeshBasicMaterial({color: 0x0000FF}),
	terra = new THREE.Mesh(geometriaTerra, materialTerra);

	terra.translateZ(50);

	cena.add(terra);
	}

	function criarLua()
	{
	var geometriaLua = new THREE.SphereGeometry(1, 20, 20),
	materialLua = new THREE.MeshBasicMaterial({color: 0x909090}),
	lua = new THREE.Mesh(geometriaLua, materialLua);

	lua.translateZ(60);
	cena.add(lua);

	}

	criarLua();
	criarTerra();
	criarSol();
	renderer.render(cena, camera);

	</script>
	</body>
	</html>