Jaume Sanchez spite

📦

i'm a smaller box

Web Dev, pixel burner - WebGL · WebXR

spite / zeno-check.js

Created May 6, 2016 08:43

	// if an invalidate mechanism is in place
	// easings based on expressions might have
	// a bit of zeno's paradox, in which the
	// value infinitesimally converges to the
	// target value

	var value = 0;
	var nValue = 1;

	function animate() {

spite / gist:00b3f17734810168093eb92a12815df3

Created May 13, 2016 14:16

Standard UV map (equirectangular 2:1) to mercator (1:1)

	var geometry = new THREE.IcosahedronGeometry( 2, 5 );

	for ( var i = 0, l = geometry.faceVertexUvs[ 0 ].length; i < l; i ++ ) {

	for ( var j = 0, jl = geometry.faceVertexUvs[ 0 ][ i ].length; j < jl; j ++ ) {

	var uv = geometry.faceVertexUvs[ 0 ][ i ][ j ];

	var a = uv.y * Math.PI - Math.PI / 2;
	a = Math.sin(a);

spite / plotly-ccapture.html

Created August 5, 2016 11:35

	<html>
	<head>
	<title>Page Title</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="CCapture.all.min.js">

	</script>
	</head>
	<body>
	<div id="elementToShare" class="elementToShare">

spite / WebGL detection

Created August 23, 2016 22:04

	var canvas = document.createElement( 'canvas' );
	!! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) \|\| canvas.getContext( 'experimental-webgl' ) ) );

spite / gist:90e3dbf8e117660f6788a5748ae06cad

Last active December 30, 2016 09:20

Go to https://lines.chromeexperiments.com/drag/, start the experience and run this code in the console

	document.getElementById( 'loading' ).style.display = 'none';
	var speed = .001; // changes the rate of rotation
	var distance = 4; // changes the distance the point travels
	function _update() {
	bAmDrawing = true;
	lastMouseX = 0; lastMouseY = 0;
	var a = speed * performance.now();
	var x = distance * Math.cos( a );
	var y = distance * Math.sin( a );
	stage.mousemove( { data: { global : { x: x, y: y } } } )

spite / Grid

Created January 17, 2017 02:12

spite / Google Images

Created February 20, 2018 18:02

	document.body.addEventListener('click', async e => {

	if(e.srcElement && e.srcElement.classList.contains('irc_mi')) {

	const downloadBtn = document.createElement( 'a' );
	downloadBtn.setAttribute( 'target', '_blank' );
	downloadBtn.setAttribute( 'href', e.srcElement.src );
	downloadBtn.click();

	e.preventDefault();

spite / gist:12e458ea49be527e0691ed32bdc6d2b9

Created March 1, 2018 18:18

Capture canvas and download as WebP with quality

	canvas.toBlob( e => {
	const url = URL.createObjectURL(e);

	const link = document.createElement('a');
	link.setAttribute('href',url);
	link.setAttribute('download','image.webp');
	link.click();

	console.log(url);},
	'image/webp',

spite / gist:614f8611b8eb080394242a2f0f69cd69

Created June 17, 2019 11:34

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
	<style>
	.Easter {
	egg: #17;
	}
	html, body {
	background:#cccccc url(/wallpapers/cn.jpg) repeat left top;
	background-size: 100%;
	font: normal 12px tahoma, arial, verdana, sans-serif;
	margin: 0;

spite / MediaRecoder.js

Created September 13, 2019 11:29

	function r() {

	let mediaRecorder;
	let recordedBlobs;
	let startTime = 0;

	function handleDataAvailable(event) {
	console.log('on data available')
	if (event.data && event.data.size > 0) {
	recordedBlobs.push(event.data);