Inspired by and compatable with ZURB's jQuery Raptorize Plugin, this is a CoffeeScript rewrite compatible with newer jQuery versions.
This project is maintained by mcoms
Inspired by and compatable with ZURB's jQuery Raptorize Plugin 1.0 (http://www.ZURB.com/playground). This is an API-compatible re-write of their plugin to support newer jQuery versions. It's written in CoffeeScript.
Depends upon Modernizr with HTML5 Audio detection enabled.
Demo: Try the Konami Code (up up down down left right left right b a) or...
You'll need jQuery, a build of Modernizr with HTML5 Audio support and the plugin included to experience raptor awesomeness.
You'll also need the raptor assets in the images and sounds directories.
You can install the package automatically using Bower.
bower install jquery-raptorize-coffee
<!DOCTYPE html>
<html>
<head>
<title>Awesome Raptor Powa!</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="modernizr.js"></script>
<script src="build/jquery-raptorize.js"></script>
<script type="text/javascript">
$(function(){
$('#raptor-button').raptorize();
});
</script>
</head>
<body>
<button id="raptor-button">Click for Raptor.</button>
<p>There's more detailed instructions <a href="https://github.com/mcoms/jquery-raptorize-coffee">over on Github</a>.</p>
</body>
</html>
<script type="text/javascript">
$(function(){
$('body').raptorize({
"enterOn": "timer",
"delay": 12000 // 12 seconds.
});
});
</script>
<script type="text/javascript">
$(function(){
$('body').raptorize({
"enterOn": "konami-code"
});
});
</script>
You'll need CoffeeScript installed.
coffee --compile --output build/ jquery-raptorize.coffee
Using this in production? Just include the jquery-raptorize.coffee file in your asset pipeline. If you don't have one of those, you can build a minified version with UglifyJS.
uglifyjs --comments /license/ --mangle --compress --output build/jquery-raptorize.min.js build/jquery-raptorize.js
To build in one step, you can use Rake to run rake build.
rake build # Compile and Uglify the JS into the build directory
rake compile # Compile the JS into the build directory
rake uglify # Uglify the compiled JS in the build directory
If you'd like to improve the plugin, or heaven forbid, add unit tests, I'd love to have your contributions.