Improved tutorial

This commit is contained in:
Thomas FORGIONE 2015-07-30 13:11:28 +02:00
parent c690accd4b
commit 3e442500ca
10 changed files with 59 additions and 2 deletions

View File

@ -0,0 +1,8 @@
module.exports.index = function(req, res) {
res.setHeader('Content-Type', 'text/html');
res.render('index.jade', res.locals, function(err, result) {
res.send(result);
});
};

View File

@ -0,0 +1,3 @@
module.exports = {
'/before-begin': 'index',
};

View File

@ -0,0 +1,12 @@
extends ../../../views/base.jade
block content
h1 Now, things are getting serious
p.
You completed the tutorial ! Now, things are getting serious. There
will be three scenes coming to you. Your mission is simple : you have
to find the 8 red coins. There may be recommendations like the ones you
saw in the tutorial : they are here to help you to move around. Use
them if they help you, ignore them if they seem useless.
p You can start <a href='/prototype/arrows'>when you're ready</a> !

View File

@ -0,0 +1,8 @@
module.exports.index = function(req, res) {
res.setHeader('Content-Type', 'text/html');
res.render('index.jade', res.locals, function(err, result) {
res.send(result);
});
};

View File

@ -0,0 +1,3 @@
module.exports = {
'/intro': 'index',
};

View File

@ -0,0 +1,12 @@
extends ../../../views/base.jade
block content
h1 Welcome !
p This game will be in four steps :
ol
li We'll ask you a little information so we can know you a little.
li Then, you will try a tutorial of a 3D interface.
li When you finish the tutorial, the main part will start. There will be 3 scenes and you will be asked to complete tasks.
li Once you finished, there will be a short questionnary so we can know what you think of our interface.
h2 You can now <a href="/user-study">start when you are ready</a>

View File

@ -9,3 +9,7 @@ block title
block configjs block configjs
script Recommendation = L3D.ArrowRecommendation; script Recommendation = L3D.ArrowRecommendation;
script(src="/static/js/tutorial.min.js") script(src="/static/js/tutorial.min.js")
block lastbutton
button#next.btn.btn-success.navbar-btn(style={'margin-right':'10px', 'margin-bottom':'10px', 'display':'none'})
span Go to the next step

View File

@ -111,7 +111,7 @@ var TutorialSteps = function(tutoCamera, scene, coins, onWindowResize, container
justclick:false justclick:false
}, },
{ {
text: "Congratulations ! You've successfully finished the tutorial ! <a href=\"/prototype/empty\">Click here</a> to start.", text: "Congratulations ! You've successfully finished the tutorial ! Click on the green button to continue !",
justclick: false justclick: false
} }
]; ];

View File

@ -62,6 +62,13 @@ function main() {
// Log fps // Log fps
setInterval(function() {logfps(stats.getFps());}, 500); setInterval(function() {logfps(stats.getFps());}, 500);
Coin.onLastCoin = function() {
$('#next').click(function() {
window.location = '/before-begin';
});
$('#next').show();
};
} }
function initThreeElements() { function initThreeElements() {

View File

@ -6,7 +6,7 @@ mixin button_link(href)
block block
block links block links
div.navbar-collapse.collapse //-div.navbar-collapse.collapse
ul.nav.navbar-nav ul.nav.navbar-nav
li li
a(href="#{urls.bouncing}") Bouncing cube a(href="#{urls.bouncing}") Bouncing cube