Joshua Koo zz85

Moved here

Some thoughts:

How many ways can you draw rectangles in a browser (eg. dom, css, 2d canvas, svg, webgl)
How is the fastest (most number of) rectangles can you draw with each approach?

Task:

"Better" / Bruteforce Cubic Bezier Approximations for Robert Penner Easing Equations

node compare_curve.js

Sample Output


	function sum(total, next) {
	return total + next;
	}

	var old = 0;
	var NUM = 102;

	var VariableInfiniteList = React.createClass({
	componentDidMount: function() {

	var request = require('request');
	var LRU = require('lru-cache');

	/*

	Request + LRU Cache
	- request_cache(target, callback() {})

	*/

	function __ZL25remove_unlinked_functionsPKvPvS1_($key, $data, $closure) {
	$key = $key \| 0;
	$data = $data \| 0;
	$closure = $closure \| 0;
	var $0 = 0, $1 = 0, $10 = 0, $11 = 0, $12 = 0, $13 = 0, $14 = 0, $15 = 0, $16 = 0, $17 = 0, $18 = 0, $19 = 0, $2 = 0, $3 = 0, $4 = 0, $5 = 0, $6 = 0, $7 = 0, $8 = 0, $9 = 0;
	var label = 0, sp = 0;
	sp = STACKTOP;
	$0 = $data + 16 \| 0;
	$1 = __ZNK9exec_list8is_emptyEv($0) \| 0;
	if (!$1) {

	<html>
	<head>
	<script>

	GSS_CONFIG = {
	worker: "bower_components/gss/dist/worker.js",
	verticalScroll: !false
	};

	// also see https://raygun.io/blog/2014/06/next-gen-constraint-layouts-browser-grid-style-sheets/


	function stretch(args) {
	for (var i = 0, il = args.length; i<il; i++) {
	var c = args[i];
	args[i] += new Array(200).slice(c.length).join(' ');
	}

	return args;
	}

	/*
	@author twitter.com/blurspline
	*/

	function handleDrag(element, ondown, onmove, onup, down_criteria) {
	var pointer = null;
	var bounds = element.getBoundingClientRect();

	element.addEventListener('mousedown', onMouseDown);