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 ...