idettman

Gears

Procedural Animated Gears

See the full Fractal Gears experiment: http://brm.io/gears/

More of the source at: https://github.com/liabru/gears-d3-js

idettman

<div id='horizontalScroll' class='scrollContainer'>
    <div class='images-1'>
        <img src='http://upload.wikimedia.org/wikipedia/commons/5/5b/Linux_kernel_map.png'/>
    </div>
    <div class='images-loop'>
        <img src='http://upload.wikimedia.org/wikipedia/commons/5/5b/Linux_kernel_map.png'/>
    </div>
</div>

<div id='verticalScroll' class="scrollContainer">

idettman

/*
Dynamically generated barcode
Author: Isaac A. Dettman
*/
var BarCodeGenerator = (function(window, document) {
	var UPC_TO_BARCODE_MAP = [
			[3, 2, 1, 1],
			[2, 2, 2, 1],
			[2, 1, 2, 2],
			[1, 4, 1, 1],

idettman

eJjoqW

A Pen by Isaac Dettman on CodePen.

License.

idettman

<canvas id="c"></canvas>

<div id="info">
  <div id="top">
    <a id="close" href="">&times;</a>
  </div>
  <p>
    <br>- Tear the cloth with your mouse.
    <br>
    <br>- Right click and drag to cut the cloth

idettman

Fourier series

https://commons.wikimedia.org/wiki/File:Fourier_series_square_wave_circles_animation.gif

A Pen by Isaac Dettman on CodePen.

License.

idettman

<canvas width="512" height="256"></canvas>
<h3>Strictly Monotone Increasing Noise Function</h3>

idettman

<h2>Web Audio Api Convolver</h2>
<div class="mix">
  <div class="controls">
    <label>Dry Wet</label>
    <input type="range" value="100" step="1" min="0" max="100" oninput="changeValue(this.value, 'mix');"></input>
    <label>Choose Impulse</label>
    <select id="impulse" size="1" onchange="loadImpulse(this.value);">
      <option value="factory.hall.wav">Factory Hall</option>
      <option value="pa.horn.in.hall.wav">PA horn in hall</option>
      <option value="blaupunkt.tube.radio.wav">Blaupunkt tube radio</option>

idettman

<canvas id = 'canv'></canvas> 

idettman

4 Way

A Pen by Isaac Dettman on CodePen.

License.