JSFiddle

  • Optimize DAE for Particle Engine #3 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript 

    var dataStringFace = [ '6.669908 -1.709965 12.04719 2.548578 -1.47143 11.7288 5.781145 -1.471429 10.48107 ...

  • Navigation Sphere

    No-Library (pure JS), HTML, CSS, JavaScript 

    //$( document ).ready( function() {

	console.log( 'TEST' );

	//var entries = [ 'Lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur', 'adipiscing', 'elit', 'Morbi' ];
	
    var entries = [ { label ...

  • Particles Sphere

    No-Library (pure JS), HTML, CSS, JavaScript 

    $( document ).ready( function() {

	var w = 512;
    var h = 512;

    var fov = 800;
    
    //---
	
    var mousePos = { x:w / 8, y:0 };
    var ...

  • Sinus Wave Animation

    No-Library (pure JS), HTML, CSS, JavaScript 

    var w = 512;
var h = 512;

//---

var center2D = { x:w / 2, y:h / 2 };

//---

var canvas = document.createElement( 'canvas' );
	canvas ...

  • Checkerboard V5

    No-Library (pure JS), HTML, CSS, JavaScript 

    var w = 512;
var h = 512;

var canvas = document.createElement( 'canvas' );
	canvas.width = w;
	canvas.height = h;
	
document.body.appendChild ...

  • Checkerboard Animation

    Canvas ImageData Checkerboard 

    var w = 512;
var h = 512;

var pixelSize = 4;
var colors = [ { r: 0x00, g: 0x00, b: 0x00 }, { r: 0xFF, g ...

  • Checkerboard V4

    No-Library (pure JS), HTML, CSS, JavaScript 

    var w = 512;
var h = 512;

var canvas = document.createElement( 'canvas' );
	canvas.width = w;
	canvas.height = h;
	
document.body.appendChild ...

  • Checkerboard V3

    No-Library (pure JS), HTML, CSS, JavaScript 

    console.clear();

//---

var w = 512;
var h = 512;

var canvas = document.createElement( 'canvas' );
	canvas.width = w;
	canvas.height = h;
	
document ...

  • Checkerboard V2

    No-Library (pure JS), HTML, CSS, JavaScript 

    var w = 512;
var h = 512;

var canvas = document.createElement( 'canvas' );
	canvas.width = w;
	canvas.height = h;
	
document.body.appendChild ...

  • Checkerboard

    Checkerboard nearestPow2 values 

    var w = 512;
var h = 512;

var canvas = document.createElement( 'canvas' );
	canvas.width = w;
	canvas.height = h;
	
document.body.appendChild ...