sfpc day 1 - gifRapBot

gifrapbot.js

//all of this code is from todd
//i just messed with the key bindings
//go to hotwriting.net/gifRapBot
//shift+space to show/hide editor and run code
//paste this ish in

Mousetrap.bind('q', function() {
	speakNspell('your rhymes are', "blue");
	showGif('crushSelf.gif')
})

Mousetrap.bind('w', function() {
	speakNspell('your face is', "green");
	showGif('chewie.gif')
})

Mousetrap.bind('e', function() {
	speakNspell('your beats are');
	showGif("danceKid.gif");
})

Mousetrap.bind('r', function() {
	speakNspell("your game is");
	showGif("dance2.gif");
})

Mousetrap.bind('t', function() {
	speakNspell("uh");
	showGif("shaqdance.gif");
})

Mousetrap.bind('y', function() {
	speakNspell("yeah");
	showGif("money.gif");
})

Mousetrap.bind('a', function() {
     speakNspell("my look is")
   	showGif("iheartu.gif");
})

Mousetrap.bind('s', function() {
     speakNspell("all the ladies say that i'm so")
   	showGif("money.gif");
})


Mousetrap.bind('u', function() {
	speakNspell("weak");
	showGif("wrong.gif");
})
Mousetrap.bind('i', function() {
	speakNspell("bleak");
	showGif("scream.gif");
})
Mousetrap.bind('o', function() {
	speakNspell("a mess");
	showGif("why.gif");
})
Mousetrap.bind('p', function() {
	speakNspell("far from the best");
	showGif("no.gif");
})


Mousetrap.bind('j', function() {
	speakNspell("on fleek");
	showGif("shaqdance.gif");
})

Mousetrap.bind('k', function() {
	speakNspell("so tight");
	showGif("nod.gif");
})

Mousetrap.bind('l', function() {
	speakNspell("shine so bright");
	showGif("rad.gif");
})


 


Mousetrap.bind('c', function() {
	playSound("clap")
	
})

Mousetrap.bind('v', function() {
	playSound("scratch")

})
Mousetrap.bind('b', function() {
	playSound("bassDrum")
})

Mousetrap.bind('/', function() {
	setBGColor("white");
	spell("REMIX!", "blue")
	playSound("remix");
})




//This is where you play your beats

Mousetrap.bind('1', function() {
	pauseAll();
	var beat = $('#beat1')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('2', function() {
	pauseAll();
	var beat = $('#beat2')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('3', function() {
	pauseAll();
	var beat = $('#beat3')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('4', function() {
	pauseAll();
	var beat = $('#beat4')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('5', function() {
	pauseAll();
	var beat = $('#beat5')[0];
	beat.volume = 1;
	beat.play();
}) 
Mousetrap.bind('6', function() {
	pauseAll();
	var beat = $('#beat6')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('7', function() {
	pauseAll();
	var beat = $('#beat7')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('8', function() {
	pauseAll();
	var beat = $('#beat8')[0];
	beat.volume = 0.8;
	beat.play();
}) 
Mousetrap.bind('9', function() {
	pauseAll();
	var beat = $('#beat9')[0];
	beat.volume = 0.8;
	beat.play();
}) 

Mousetrap.bind('0', function() {
	pauseAll();
})

Mousetrap.bind('=', function() {
	speakNspell("THANK YOU VERY MUCH");
	showGif("wave.gif");
	pauseAll();
	playSound("applause")
}) 


//The functions we'll be using

function speakNspell(str, color) {
	color = typeof color !== 'undefined' ?  color : "white"
	meSpeak.speak(str, {speed:175, amplitude:600});
	$('h1').text(str);
	$('h1').css("color", color)
}
function speak(str){
	meSpeak.speak(str, {speed:175, amplitude:600});
}
function spell(str, color){
	color = typeof color !== 'undefined' ?  color : "white"
	$('h1').text(str);
	$('h1').css("color", color);
}
function showGif(fileName){
	$("html").css('background-image', 'url(gifs/'+fileName+')'); 
}

function setBGColor(color){
	$("html").css('background-color', color); 
	$("html").css('background-image', 'url()'); 

}

function pauseAll(){
	$("audio").each(function(){
	this.pause();
	this.currentTime = 0
}); 
}

var playSound = function(id) {
    sound = $("#" + id)[0]
    if (sound.ended){sound.currentTime = 0};
    if (sound.currentTime > 0){
        sound.currentTime = 0
    } else {
        sound.play()
    }
}

//Initalize Voice
meSpeak.loadConfig("lib/mespeak_config.json");
//choose a voice from the voice folder here
meSpeak.loadVoice('voices/en/en-us.json');

//in-browser editor

$(document).ready(function() {
	$('#butttn').click(function () {
    var val = $('#editor_js').val();
    console.log(val);
    eval(val);
})
   $.ajax({
   url : "main.js",
   dataType: "text",
   success : function (data) {
       $("#editor_js").text(data);
          }
})
})

Mousetrap.bind('shift+r', function () {
    var val = $('#editor_js').val();
    console.log(val);
    eval(val);
})
Mousetrap.bindGlobal('shift+space', function () {
    var val = $('#editor_js').val();
    eval(val);
    $('#editorDiv').fadeToggle();
	$('#gifList').fadeToggle();
    $('h1').text("");
    $('html').focus();
    return false;
})
Mousetrap.bind('shift+e', function() {
	$('#editorDiv').fadeToggle();
})
Mousetrap.bind('shift+g', function() {
	$('#gifList').fadeToggle();
})