{"author_name":"FoxyGrandpa","cat":"LD #29","comments":[{"author_name":"","time":"April 25, 2014 12:47 pm","epoch":1398448020,"text":"I think this is fine. With the full “rolling toolboxes” I’ve seen others swinging around here, no one should complain about a couple of utility functions like these.","spam":"N"},{"author_name":"FoxyGrandpa","time":"April 25, 2014 2:35 pm","epoch":1398454500,"text":"I’ll also may be using Box2dWeb-2.1.a.3.min hopefully that won’t be a problem either.","spam":"N"}],"epoch":1398447360,"likes":0,"metadata":{"p_key":"32898","p_author":"FoxyGrandpa","p_authorkey":"0","p_urlkey":"68419","p_title":"Base Code, libraries","p_cat":"LD #29","p_event":"LD29","p_time":"1398447360","p_likes":"0","p_comments":"2","p_status":"UPD5","us_key":null,"us_name":null,"us_username":null,"event_start":"1398384000","event_key":"22","event_name":"LD29"},"text":"

I’m completely new to this so sorry if this post is annoying but I think I have to write a post about any core libraries I’m going to use? So I guess This is where I have to do that.<\/p>\n

\n

I’ll be using jquery-1.10.2 (I’m assuming you don’t want me to paste all the code in there)<\/p>\n

key_status.js Contents:<\/p>\n

$(function() {
\n window.keydown = {};<\/p>\n

function keyName(event) {
\n return jQuery.hotkeys.specialKeys[event.which] ||
\n String.fromCharCode(event.which).toLowerCase();
\n }<\/p>\n

$(document).bind(“keydown”, function(event) {
\n keydown[keyName(event)] = true;
\n });<\/p>\n

$(document).bind(“keyup”, function(event) {
\n keydown[keyName(event)] = false;
\n });
\n });<\/p><\/blockquote>\n

jquery.hotkeys.js alone with it’s COMPONENT JSON Contents:<\/p>\n

JQUERY.HOTKEYS.JS<\/p>\n

\/*
\n * jQuery Hotkeys Plugin
\n * Copyright 2010, John Resig
\n * Dual licensed under the MIT or GPL Version 2 licenses.
\n *
\n * Based upon the plugin by Tzury Bar Yochay:
\n * http:\/\/github.com\/tzuryby\/hotkeys
\n *
\n * Original idea by:
\n * Binny V A, http:\/\/www.openjs.com\/scripts\/events\/keyboard_shortcuts\/
\n *\/<\/p>\n

(function(jQuery){<\/p>\n

jQuery.hotkeys = {
\n version: “0.8+”,<\/p>\n

specialKeys: {
\n 8: “backspace”, 9: “tab”, 13: “return”, 16: “shift”, 17: “ctrl”, 18: “alt”, 19: “pause”,
\n 20: “capslock”, 27: “esc”, 32: “space”, 33: “pageup”, 34: “pagedown”, 35: “end”, 36: “home”,
\n 37: “left”, 38: “up”, 39: “right”, 40: “down”, 45: “insert”, 46: “del”,
\n 96: “0”, 97: “1”, 98: “2”, 99: “3”, 100: “4”, 101: “5”, 102: “6”, 103: “7”,
\n 104: “8”, 105: “9”, 106: “*”, 107: “+”, 109: “-“, 110: “.”, 111 : “\/”,
\n 112: “f1”, 113: “f2”, 114: “f3”, 115: “f4”, 116: “f5”, 117: “f6”, 118: “f7”, 119: “f8”,
\n 120: “f9”, 121: “f10”, 122: “f11”, 123: “f12”, 144: “numlock”, 145: “scroll”, 188: “,”, 190: “.”,
\n 191: “\/”, 224: “meta”
\n },<\/p>\n

shiftNums: {
\n “`”: “~”, “1”: “!”, “2”: “@”, “3”: “#”, “4”: “$”, “5”: “%”, “6”: “^”, “7”: “&”,
\n “8”: “*”, “9”: “(“, “0”: “)”, “-“: “_”, “=”: “+”, “;”: “: “, “‘”: “\\””, “,”: “<“,
\n “.”: “>”, “\/”: “?”, “\\\\”: “|”
\n }
\n };<\/p>\n

function keyHandler( handleObj ) {<\/p>\n

var origHandler = handleObj.handler,
\n \/\/use namespace as keys so it works with event delegation as well
\n \/\/will also allow removing listeners of a specific key combination
\n \/\/and support data objects
\n keys = (handleObj.namespace || “”).toLowerCase().split(” “);
\n keys = jQuery.map(keys, function(key) { return key.split(“.”); });<\/p>\n

\/\/no need to modify handler if no keys specified
\n \/\/Added keys[0].substring(0, 12) to work with jQuery ui 1.9.0
\n \/\/Added accordion, tabs and menu, then jquery ui can use keys.<\/p>\n

if (keys.length === 1 && (keys[0] === “” ||
\n keys[0].substring(0, 12) === “autocomplete” ||
\n keys[0].substring(0, 9) === “accordion” ||
\n keys[0].substring(0, 4) === “tabs” ||
\n keys[0].substring(0, 4) === “menu”)) {
\n return;
\n }<\/p>\n

handleObj.handler = function( event ) {
\n \/\/ Don’t fire in text-accepting inputs that we didn’t directly bind to
\n \/\/ important to note that $.fn.prop is only available on jquery 1.6+
\n if ( this !== event.target && (\/textarea|select\/i.test( event.target.nodeName ) ||
\n event.target.type === “text” || $(event.target).prop(‘contenteditable’) == ‘true’ )) {
\n return;
\n }<\/p>\n

\/\/ Keypress represents characters, not special keys
\n var special = event.type !== “keypress” && jQuery.hotkeys.specialKeys[ event.which ],
\n character = String.fromCharCode( event.which ).toLowerCase(),
\n key, modif = “”, possible = {};<\/p>\n

\/\/ check combinations (alt|ctrl|shift+anything)
\n if ( event.altKey && special !== “alt” ) {
\n modif += “alt_”;
\n }<\/p>\n

if ( event.ctrlKey && special !== “ctrl” ) {
\n modif += “ctrl_”;
\n }<\/p>\n

\/\/ TODO: Need to make sure this works consistently across platforms
\n if ( event.metaKey && !event.ctrlKey && special !== “meta” ) {
\n modif += “meta_”;
\n }<\/p>\n

if ( event.shiftKey && special !== “shift” ) {
\n modif += “shift_”;
\n }<\/p>\n

if ( special ) {
\n possible[ modif + special ] = true;<\/p>\n

} else {
\n possible[ modif + character ] = true;
\n possible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true;<\/p>\n

\/\/ “$” can be triggered as “Shift+4” or “Shift+$” or just “$”
\n if ( modif === “shift_” ) {
\n possible[ jQuery.hotkeys.shiftNums[ character ] ] = true;
\n }
\n }<\/p>\n

for ( var i = 0, l = keys.length; i < l; i++ ) {
\n if ( possible[ keys[i] ] ) {
\n return origHandler.apply( this, arguments );
\n }
\n }
\n };
\n }<\/p>\n

jQuery.each([ “keydown”, “keyup”, “keypress” ], function() {
\n jQuery.event.special[ this ] = { add: keyHandler };
\n });<\/p>\n

})( jQuery );<\/p><\/blockquote>\n

COMPONENT<\/p>\n

{
\n “name”: “jquery.hotkeys”,
\n “repo”: “tzuryby\/jquery.hotkeys”,
\n “description”: “jquery.hotkeys plugin lets you easily add and remove handlers for keyboard events”,
\n “version”: “1.0.0”,
\n “keywords”: [],
\n “dependencies”: {},
\n “development”: {},
\n “license”: “MIT”,
\n “main”: “jquery.hotkeys.js”,
\n “scripts”: [
\n “jquery.hotkeys.js”
\n ]
\n }<\/p><\/blockquote>\n

and Spriter.js Contents:<\/p>\n

function SpriterAtlas(jsonArray) {
\n this.srcArray = jsonArray;
\n this.spriteSheetLocation = jsonArray.meta.image;<\/p>\n

this.SpriteSheet;<\/p>\n

this.getSprite = function(filename) {
\n var foundSprite = false;
\n for (var i = 0; i < this.srcArray.frames.length; i++) {
\n if (this.srcArray.frames[i].filename == filename) {
\n var wantedSprite = this.srcArray.frames[i];
\n return {
\n srcImage: this.SpriteSheet,
\n srcx: wantedSprite.frame.x,
\n srcy: wantedSprite.frame.y,
\n srcwidth: wantedSprite.frame.w,
\n srcheight: wantedSprite.frame.h,
\n width: wantedSprite.frame.w,
\n height: wantedSprite.frame.h,
\n scale: 1.0,
\n draw: function(context, posx, posy) {
\n context.drawImage(this.srcImage, this.srcx, this.srcy, this.srcwidth, this.srcheight, posx, posy, this.width * this.scale, this.height * this.scale);
\n }
\n };
\n }
\n }<\/p>\n

return null;
\n };
\n };<\/p>\n

 <\/p>\n

Sorry about the format<\/p>\n

But I guess now it’s okay that I use them?<\/p>\n

Please let me know if I horribly embarrassed myself.<\/p>\n

 <\/p><\/blockquote>\n

And also may use Box2dWeb-2.1.a.3.min<\/p>","time":"April 25th, 2014 12:36 pm","title":"Base Code, libraries"}