Jaume Sanchez spite

📦

i'm a smaller box

Web Dev, pixel burner - WebGL · WebXR

spite / gist:93883bb7ad7de7b9bc62

Last active May 28, 2020 14:15

console.log for HTMLCanvasElement

	/*
	add this code
	run console.log( canvas );
	see the canvas

	if the canvas is running a webgl context, it'll need the preserveDrawingBuffer flag set to true
	*/

	( function() {

spite / gist:044e89f7f42ddfaaab65

Created April 2, 2015 09:12

Like tears in the rain

	(function() {
	var b = document.body;
	document.addEventListener(
	'touchstart', function(evt) {
	var o = parseFloat( getComputedStyle( b, null ).getPropertyValue( 'opacity' ) );
	b.style.opacity = o - .005;
	}
	);
	} )();

spite / sugarifyNew

Last active August 29, 2015 14:15

Makes creating canvas, audio, video and other HTML elements less verbose

	( function() {

	function sugarifyNew( id ) {

	var name = id + '';
	var fnName = name.charAt( 0 ).toUpperCase() + name.substr( 1 );

	window[ fnName ] = function() {
	return document.createElement( id );
	}

spite / gist:c5527fcc07429ca0b044

Created October 26, 2014 17:49

THREE.DecalGeometry loading OBJ file

	<!doctype html>
	<html lang="en">
	<head>
	<title>Decal Splatter</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<style>
	*{ box-sizing: border-box; margin: 0; padding: 0 }
	body {
	color: #888;

spite / autopilot.js

Created August 17, 2014 11:39

Play http://colorrun.pl/ forever

	var ctx1 = document.getElementById( 'color-1' ).getContext( '2d' ),
	ctx2 = document.getElementById( 'color-2' ).getContext( '2d' );

	function simulateClick( target ) {
	var evt = document.createEvent("Events");
	evt.initEvent("click", true, true);
	target.dispatchEvent(evt);
	}

	setInterval( function() {

spite / gist:11328874

Last active August 29, 2015 14:00

Will You Drown: The Movie (http://game.notch.net/drowning/#)

	function f() { var a = [].slice.apply( document.querySelectorAll( 'a' ) ); a.forEach( function( e ) { e.click(); } ) }
	var s = setInterval( f, 100 )

spite / gist:11320599

Created April 26, 2014 13:54

	function exportZipToSketchfab( zip ) {

	setLoadingText( 'Uploading...' );
	showLoading( true );

	var fd = new FormData();

	fd.append('token', settings.sketchfabToken );

	fd.append('fileModel', zip );

spite / gist:9667071

Created March 20, 2014 15:57

	<!doctype html>
	<html lang="en">
	<head>
	<title>Wagner - Minefield!</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<style>
	body {
	color: #ffffff;
	font-family: 'roboto condensed', tahoma;

spite / gist:9110247

Last active June 9, 2018 09:59

Pass Inverse of ModelView Matrix to Vertex Shader

	/*
	uniform types: https://github.com/mrdoob/three.js/wiki/Uniforms-types
	THREE.Matrix4: http://threejs.org/docs/#Reference/Math/Matrix4
	https://github.com/mrdoob/three.js/issues/1188
	*/

	/*
	on Init();

	Add this uniform to your uniforms

spite / 0_reuse_code.js

Created February 11, 2014 14:40

Here are some things you can do with Gists in GistBox.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console