Skip to content

Instantly share code, notes, and snippets.

View jeremyckahn's full-sized avatar

Jeremy Kahn jeremyckahn

886 followers · 554 following
View GitHub Profile
@jeremyckahn
jeremyckahn / merge-objects.js
Created June 2, 2014 16:07
Merge two objects, similar to $.extend(true). Requires underscore.js.
function mergeObjects (target, source) {
var prop;
for (prop in source) {
if (source.hasOwnProperty(prop)) {
if (_.isObject(target[prop]) && _.isObject(source[prop])) {
mergeObjects(target[prop], source[prop]);
} else {
target[prop] = source[prop];
}
@jeremyckahn
jeremyckahn / get_global.js
Last active August 29, 2015 13:57
Access the global JavaScript object from any context, even in strict mode.
(function () {
// Strict mode is not necessary here, it's just used to demonstrate that this works.
'use strict';
return (new Function ('return this'))();
})();
@jeremyckahn
jeremyckahn / build-rules.json
Created March 10, 2014 14:19
{
"paths": {
"text": "path/to/text",
"underscore": "empty:",
"extra-module": "empty:",
"main-module": "main"
},
"baseUrl": "./",
"out": "out.js",
"optimize": "uglify",
@jeremyckahn
jeremyckahn / rekapi-actor-fix.js
Created March 4, 2014 04:13
var backcoloractortxt = rekapi.addActor(
new Rekapi.Actor({
'render': function (context, state) {
context.beginPath();
var titleheight = 40;
context.font = titleheight*state.scale+"px Arial";
context.measureText("Bardon Update").width;
var w = context.measureText("HomePrezzo").width;
context.font = (titleheight/2)*state.scale+"px Arial";
var w2 = context.measureText("Bardon Update").width;
@jeremyckahn
jeremyckahn / gist:9339820
Last active August 29, 2015 13:56
Shifty/Date.js compatibility fix
<!DOCTYPE html>
<html>
<script src="shifty.js"></script>
<script src="date.js"></script>
<script>
var tweenable = new Tweenable();
tweenable.tween({
from: { 'x': 0 },
@jeremyckahn
jeremyckahn / kineticjs-rekapi.js
Last active August 29, 2015 13:56
A potential way to use KineticJS with Rekapi.
var rekapi = new Rekapi();
var textPathActor = rekapi.addActor({
// This actor setup function performs some initial preparation work. This is
// where KineticJS is set up and given an initial state.
setup: function () {
var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 220
});
@jeremyckahn
jeremyckahn / responsive-rekapi.js
Created February 22, 2014 18:38
An example of a potential way to use Rekapi in a responsive design
var rekapi = new Rekapi(document.body);
var actor = rekapi.addActor({context: document.getElementById('my-actor')});
// Assumes isMobile is defined somewhere
if (isMobile()) {
actor
.keyframe(0, {
transform: 'translateX(0px) translateY(0px)'
})
@jeremyckahn
jeremyckahn / gist:8833629
Created February 5, 2014 21:34
Have OS X read every word in the dictionary
curl https://raw2.github.com/atebits/Words/master/Words/en.txt | while read line; do say $line; done
@jeremyckahn
jeremyckahn / gist:8670114
Created January 28, 2014 15:49
Trying to remove a symlinked directory
$: rm foo-dir/
rm: cannot remove `foo-dir/': Is a directory
$: rm -r foo-dir/
rm: cannot remove `foo-dir': Not a directory
@jeremyckahn
jeremyckahn / rekapi-multiple-renderer.js
Last active January 4, 2016 10:49
Example of using Rekapi with multiple renderers
var rekapi = new Rekapi();
rekapi.canvasRenderer = new Rekapi.CanvasRenderer(rekapi, document.querySelector('canvas').getContext('2d'));
rekapi.domRenderer = new Rekapi.DOMRenderer(rekapi);
typeof rekapi.renderer; // 'undefined'