125 lines
No EOL
3.3 KiB
HTML
125 lines
No EOL
3.3 KiB
HTML
<!doctype>
|
|
<html>
|
|
<head>
|
|
<title>The Evolution of Trust</title>
|
|
<link rel="stylesheet" href="css/slides.css">
|
|
<link rel="stylesheet" href="css/balloon.css">
|
|
</head>
|
|
<body>
|
|
<div id="preloader">loading...</div>
|
|
<div style="display:none" id="main">
|
|
<div id="slideshow_container">
|
|
<div id="slideshow"></div>
|
|
<div id="scratcher"></div>
|
|
</div>
|
|
</div>
|
|
<div style="display:none" id="footer">
|
|
<div id="select"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<!-- Libraries -->
|
|
<script src="js/lib/helpers.js"></script>
|
|
<script src="js/lib/pegasus.js"></script>
|
|
<script>var c_ = {};</script>
|
|
<script src="js/lib/minpubsub.src.js"></script>
|
|
<script src="js/lib/q.js"></script>
|
|
<script src="js/lib/pixi.min.js"></script>
|
|
<script src="js/lib/howler.js"></script>
|
|
<script>var createjs = window;</script>
|
|
<script src="js/lib/tweenjs-0.6.2.min.js"></script>
|
|
<script>Ticker.framerate=60; Ticker.paused=true;</script>
|
|
|
|
<!-- Core Engine -->
|
|
<script src="js/core/Loader.js"></script>
|
|
<script src="js/core/Slideshow.js"></script>
|
|
<script src="js/core/SlideSelect.js"></script>
|
|
<script src="js/core/Button.js"></script>
|
|
<script src="js/core/TextBox.js"></script>
|
|
<script src="js/core/Words.js"></script>
|
|
<script src="js/core/IncDecNumber.js"></script>
|
|
<script src="js/core/Slider.js"></script>
|
|
<script src="js/core/Scratcher.js"></script>
|
|
<script src="js/core/Background.js"></script>
|
|
<script src="js/core/ImageBox.js"></script>
|
|
<script src="js/core/PayoffsUI.js"></script>
|
|
|
|
<!-- Simulations -->
|
|
<script src="js/sims/Splash.js"></script>
|
|
<script src="js/sims/PD.js"></script>
|
|
<script src="js/sims/Iterated.js"></script>
|
|
<script src="js/sims/Tournament.js"></script>
|
|
<script src="js/sims/SandboxUI.js"></script>
|
|
|
|
<!-- Slides -->
|
|
<script src="js/slides/0_Slides_Intro.js"></script>
|
|
<script src="js/slides/1_Slides_OneOff.js"></script>
|
|
<script src="js/slides/2_Slides_Iterated.js"></script>
|
|
<script src="js/slides/3_Slides_Tournament.js"></script>
|
|
<script src="js/slides/4_Slides_Evolution.js"></script>
|
|
<script src="js/slides/5_Slides_Distrust.js"></script>
|
|
<script src="js/slides/6_Slides_Noise.js"></script>
|
|
<script src="js/slides/7_Slides_Sandbox.js"></script>
|
|
<script src="js/slides/8_Slides_Conclusion.js"></script>
|
|
<script src="js/slides/9_Slides_Credits.js"></script>
|
|
<!--script src="js/slides/Slides_Sandbox.js"></script-->
|
|
|
|
<!-- Main Code -->
|
|
<script>
|
|
var slideshow, slideSelect;
|
|
window.onload = function(){
|
|
|
|
// PRELOADER
|
|
Q.all([
|
|
Loader.loadAssets(Loader.manifestPreload),
|
|
Words.convert("lang/en.html")
|
|
]).then(function(){
|
|
|
|
// CHANGE DOM
|
|
document.body.removeChild($("#preloader"));
|
|
$("#main").style.display = "block";
|
|
$("#footer").style.display = "block";
|
|
|
|
// Slideshow
|
|
slideshow = new Slideshow({
|
|
dom: $("#slideshow"),
|
|
slides: SLIDES
|
|
});
|
|
|
|
// Slide Select
|
|
slideSelect = new SlideSelect({
|
|
dom: $("#select"),
|
|
slides: SLIDES
|
|
});
|
|
slideSelect.dom.style.display = "none";
|
|
subscribe("start/game", function(){
|
|
slideSelect.dom.style.display = "block";
|
|
|
|
// [FOR DEBUGGING]
|
|
publish("slideshow/next");
|
|
//publish("slideshow/scratch", ["conclusion"]);
|
|
|
|
});
|
|
|
|
// DEBUGGING
|
|
//Howler.mute(true);
|
|
|
|
// LOAD REAL THINGS
|
|
Loader.loadAssets(
|
|
Loader.manifest,
|
|
function(){
|
|
publish("preloader/done");
|
|
},
|
|
function(ratio){
|
|
publish("preloader/progress", [ratio]);
|
|
}
|
|
);
|
|
|
|
// First slide!
|
|
slideshow.nextSlide();
|
|
|
|
});
|
|
|
|
};
|
|
</script> |