Earth3D - Cronologia

Mbert il 08:23, 17 dic 2014

2014-12-17T08:23:49Z

Mbert il 08:21, 17 dic 2014

2014-12-17T08:21:46Z

Mbert il 12:11, 16 dic 2014

2014-12-16T12:11:52Z

Mbert il 11:01, 16 dic 2014

2014-12-16T11:01:17Z

Mbert: Creata pagina con "= '''La terra in 3D''' = Come ho pensato lo sviluppo dell'esempio. Occorre copiare lo zip <> Il file `EarthStart.html` è la base di partenza e nel seguito facc..."

2014-12-16T10:48:06Z

Creata pagina con "= '''La terra in 3D''' = Come ho pensato lo sviluppo dell'esempio. Occorre copiare lo zip <> Il file <tt>EarthStart.html</tt> è la base di partenza e nel seguito facc..."

Nuova pagina

= '''La terra in 3D''' =

Come ho pensato lo sviluppo dell'esempio.

Occorre copiare lo zip <>

Il file <tt>EarthStart.html</tt> è la base di partenza e nel seguito faccio riferimento ad esso.
<pre><tt>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Il Mondoooo</title>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
<script src="js/three.min.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/coderDojoLib.js"></script>
</head>
<body onload="start()">
<script>
var canvas3d, r = 16;
function start() {
canvas3d = new cdRender3d();

var geometry = new THREE.SphereGeometry(r, 32, 32);
var material = new THREE.MeshBasicMaterial( { color: 0x0000ff } );

canvas3d.addMesh(geometry, material);

canvas3d.runRender();
}

// 1 Step
// var material = new THREE.MeshPhongMaterial();
// canvas3d.addLight();
// canvas3d.addSpot(0xaf9f8f, 0.3);

// 2 Step
// material.map = THREE.ImageUtils.loadTexture('img/earthmap1k.jpg', undefined, canvas3d.getRender());
// material.bumpMap = THREE.ImageUtils.loadTexture('img/earthbump1k.jpg', undefined, canvas3d.getRender());
// material.bumpScale = 0.6;
// material.specularMap = THREE.ImageUtils.loadTexture('img/earthspec1k.jpg', undefined, canvas3d.getRender());
// material.specular = new THREE.Color('grey');
//

// Alternative
// riga 20 //canvas3d = new cdRender3d({ctrl: true});
// riga 22
//var geometry = new THREE.OctahedronGeometry(r, 0);
//var geometry = new THREE.DodecahedronGeometry(r, 0);
//var geometry = new THREE.BoxGeometry(r, r, r);
//var geometry = new THREE.TorusGeometry( r, 0.4 * r, 32, 64 );

// riga 25 //material.map = THREE.ImageUtils.loadTexture('img/BabyTux.png', undefined, canvas3d.getRender());

// posizioni GPS di Firenze, Parigi, Londra, New York, Sidney
//var parameters = [
// [ 43.771417, 11.253836, 1.4 ],
// [ 48.859405, 2.353880, 1.1 ],
// [ 51.518809, -0.127056, 1.3 ],
// [ 40.735661, -73.996460, 1.5 ],
// [ -33.849974, 151.208077, 1.2 ],
//];

// Riga 45 //canvas3d.addPositions(parameters);

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

</tt></pre>

@@ Riga 128: / Riga 128: @@
 --> material.bumpScale = 0.6;
-Il parametro bumpScale dà la proporzione di rugosità definita nella texture.
+Il parametro bumpScale dà la proporzione di 'rugosità' definita nella texture.
 Aggiungo a riga 28 e 29 l'effetto specchio, la quarta e quinta riga di step2

@@ Riga 1: / Riga 1: @@
-= '''[[Category:Javascript|T]]La terra in 3D''' =
+= '''La terra in 3D''' =
 Come ho pensato lo sviluppo dell'esempio.
-Occorre copiare lo zip <>
+Occorre copiare lo zip [[Media:Earth3D.zip|Earth3D.zip]]&nbsp;e il file delle immagini aggiuntive [[Media:Earth3DImmaginiAdd.zip|Earth3DImmaginiAdd.zip]] sulla macchina del coderNinja.
-Il file&nbsp;<tt>EarthStart.html</tt> è la base di partenza e nel seguito faccio riferimento ad esso.
+Il file&nbsp;<tt>EarthFinale.html</tt>&nbsp;è il risultato alla fine del tutorial.
 <pre><!DOCTYPE html>
 <html>
@@ Riga 147: / Riga 149: @@
 Date delle posizioni GPS il comando addPositions le mostra sulla sfera

← Versione meno recente		Versione delle 12:11, 16 dic 2014
Riga 1:		Riga 1:
−	= '''La terra in 3D''' =	+	= '''[[Category:Javascript\|T]]La terra in 3D''' =

	Come ho pensato lo sviluppo dell'esempio.		Come ho pensato lo sviluppo dell'esempio.