tforgione
/
3d-interface
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved Coin counter in tutorial

This commit is contained in:
Thomas FORGIONE 2015-06-10 17:38:05 +02:00
parent 43a0b65e4e
commit 613fd0edd2
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
js/prototype/Coin.js vendored
View File

@ -50,8 +50,8 @@ Coin.update = function() {
Coin.ctx.font = "30px Verdana"; Coin.ctx.font = "30px Verdana";
Coin.ctx.lineWidth = 5; Coin.ctx.lineWidth = 5;
Coin.ctx.strokeText(Coin.total - 1 + " / " + 8, x, 50); Coin.ctx.strokeText(Coin.total - 1 + " / " + Coin.max, x, 50);
Coin.ctx.fillText(Coin.total - 1 + " / " + 8, x, 50); Coin.ctx.fillText(Coin.total - 1 + " / " + Coin.max, x, 50);
Coin.ctx.stroke(); Coin.ctx.stroke();
Coin.ctx.fill(); Coin.ctx.fill();
@ -138,6 +138,7 @@ Coin.BASIC_MESH = null;
Coin._loader = new THREE.OBJLoader(); Coin._loader = new THREE.OBJLoader();
Coin.init = function(scale) { Coin.init = function(scale) {
Coin.max = 8;
if (!Coin.initialized) { if (!Coin.initialized) {
Coin.initialized = true; Coin.initialized = true;

19
js/prototype/TutorialSteps.js vendored
View File

@ -26,15 +26,15 @@ var TutorialSteps = function(tutoCamera, scene, coins, onWindowResize, container
justclick: false justclick: false
}, },
{ {
text: "Nice, there are a 3 more red coins around you, try to get them ! 1/4", text: "Nice, there are a 3 more red coins around you, try to get them ! Check the coin counter !",
justclick: false justclick: false
}, },
{ {
text: "2/4", text: "Two more !",
justclick: false justclick: false
}, },
{ {
text: "3/4", text: "On more !",
justclick: false justclick: false
}, },
{ {
@ -70,11 +70,11 @@ var TutorialSteps = function(tutoCamera, scene, coins, onWindowResize, container
justclick:false justclick:false
}, },
{ {
text:"6/8 : you can use the arrow buttons to go to the previous / next position", text:"Tip : you can use the arrow buttons in the bar at the bottom of the screen to go to the previous / next position",
justclick: false justclick: false
}, },
{ {
text: "7/8 ! Only one more !", text: "Tip : if you find that the previews take too much place, you can put them at the bottom of the screen (use the checkbox options below) !",
justclick: false justclick: false
}, },
{ {
@ -103,12 +103,16 @@ TutorialSteps.prototype.nextStep = function() {
case 1: this.camera.allowed.mouseRotate = true; break; case 1: this.camera.allowed.mouseRotate = true; break;
case 2: this.camera.allowed.keyboardRotate = true; break; case 2: this.camera.allowed.keyboardRotate = true; break;
case 3: case 3:
Coin.max = 1;
Coin.update();
this.camera.allowed.keyboardRotate = true; this.camera.allowed.keyboardRotate = true;
this.coins.push(new Coin(0.4911245636058468,1.225621525492101,-5.11526684540265, callback)); this.coins.push(new Coin(0.4911245636058468,1.225621525492101,-5.11526684540265, callback));
this.coins[this.coins.length-1].addToScene(this.scene); this.coins[this.coins.length-1].addToScene(this.scene);
document.getElementById('container').appendChild(Coin.domElement); document.getElementById('container').appendChild(Coin.domElement);
break; break;
case 4: case 4:
Coin.max = 4;
Coin.update();
this.coins.push(new Coin(1.4074130964382279,0.6458319586843252,-6.75244526999632, callback)); this.coins.push(new Coin(1.4074130964382279,0.6458319586843252,-6.75244526999632, callback));
this.coins[this.coins.length-1].addToScene(this.scene); this.coins[this.coins.length-1].addToScene(this.scene);
this.coins.push(new Coin(-4.2701659473968965,0.6745750513698942,-0.484545726832743, callback)); this.coins.push(new Coin(-4.2701659473968965,0.6745750513698942,-0.484545726832743, callback));
@ -123,6 +127,8 @@ TutorialSteps.prototype.nextStep = function() {
this.camera.allowed.keyboardTranslate = true; this.camera.allowed.keyboardTranslate = true;
break; break;
case 9: case 9:
Coin.max = 5;
Coin.update();
this.coins.push(new Coin(2.7378029903574026,2.953347730618792,-11.550836282321221, callback)); this.coins.push(new Coin(2.7378029903574026,2.953347730618792,-11.550836282321221, callback));
this.coins[this.coins.length-1].addToScene(this.scene); this.coins[this.coins.length-1].addToScene(this.scene);
this.camera.move({ this.camera.move({
@ -145,7 +151,8 @@ TutorialSteps.prototype.nextStep = function() {
this.cameras.push(cams[i]); this.cameras.push(cams[i]);
cams[i].addToScene(this.scene); cams[i].addToScene(this.scene);
} }
Coin.max = 8;
Coin.update();
this.coins.push(new Coin(3.701112872561801,-0.4620393514856378,-3.3373375945128085, callback)); this.coins.push(new Coin(3.701112872561801,-0.4620393514856378,-3.3373375945128085, callback));
this.coins[this.coins.length-1].addToScene(this.scene); this.coins[this.coins.length-1].addToScene(this.scene);
this.coins.push(new Coin(6.694675339780243,-1.2480369397526456,-1.992336719279164, callback)); this.coins.push(new Coin(6.694675339780243,-1.2480369397526456,-1.992336719279164, callback));