ncase.me-trust/js/core/Scratcher.js
Nicky Case b2b46a5590 WORDS
2017-07-17 18:32:02 -04:00

99 lines
2.1 KiB
JavaScript

Loader.addToManifest(Loader.manifest,{
scratch_in: "assets/sounds/scratch_in.mp3",
scratch_out: "assets/sounds/scratch_out.mp3"
});
(function(exports){
var Scratcher = {};
exports.Scratcher = Scratcher;
Scratcher.isTransitioning = false;
Scratcher.scratch = function(gotoID){
if(Scratcher.isTransitioning) return;
Scratcher.isTransitioning = true;
var dom = $("#scratcher");
dom.style.display = "block";
var width = $("#main").clientWidth;
var height = $("#main").clientHeight;
dom.style.width = width+"px";
dom.style.height = height+"px";
dom.style.left = -width/2+"px";
dom.style.top = -height/2+"px";
Scratcher.scratchAnim(dom, true)
.then(function(){
if(gotoID){
publish("slideshow/goto", [gotoID]);
}else{
publish("slideshow/next");
}
})
.then(function(){
return Scratcher.scratchAnim(dom, false);
})
.then(function(){
dom.style.display = "none";
Scratcher.isTransitioning = false;
});
};
subscribe("slideshow/scratch", Scratcher.scratch);
Scratcher.scratchAnim = function(dom, scratchIn){
var deferred = Q.defer();
var frame = 0;
var interval = setInterval(function(){
frame++;
if(frame>19){
clearInterval(interval);
deferred.resolve();
}else{
dom.style.backgroundPosition = (scratchIn?0:-100)+"% "+(frame*-100)+"%";
}
},40);
setTimeout(function(){
var sound = scratchIn ? Loader.sounds.scratch_in : Loader.sounds.scratch_out;
sound.volume(0.7).play();
},100);
return deferred.promise;
};
Scratcher.smallScratch = function(x,y,width,height,_onChange,_onComplete){
// Create DOM
var scratcher = document.createElement("div");
scratcher.style.left = x+"px";
scratcher.style.top = y+"px";
scratcher.style.width = width+"px";
scratcher.style.height = height+"px";
scratcher.className = "scratcher";
scratcher.style.display = "block";
slideshow.dom.appendChild(scratcher);
// Animate!
Scratcher.scratchAnim(scratcher, true)
.then(function(){
if(_onChange) _onChange();
})
.then(function(){
return Scratcher.scratchAnim(scratcher, false);
})
.then(function(){
slideshow.dom.removeChild(scratcher); // Destroy DOM
if(_onComplete) _onComplete();
});
};
})(window);