Jaume Sanchez spite

📦

i'm a smaller box

Web Dev, pixel burner - WebGL · WebXR

spite / gist:8506285

Created January 19, 2014 15:23

Going Fullscreen

	var c = document.body;
	document.getElementById( 'fullscreenBtn' ).addEventListener( 'click', function( e ) {
	c.onwebkitfullscreenchange = function(e) {
	c.onwebkitfullscreenchange = function() {
	};
	};
	c.onmozfullscreenchange = function(e) {
	c.onmozfullscreenchange = function() {
	};
	};

spite / gist:8835249

Last active August 29, 2015 13:56

AudioContext playback without preloading

	/*
	Demo here: http://www.clicktorelease.com/tmp/fastload/
	The MP3 file is 5.2MB
	*/

	/*
	For some reason, probably because the spec has changed since the article
	"Getting Started with Web Audio API" in http://www.html5rocks.com/en/tutorials/webaudio/intro/
	was published, the most common way of loading a file sound is something like:
	*/

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

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 / 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: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: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 / 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: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 / 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 );
	}