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

<!-- 

Matter.js - Time Scaling Example
http://brm.io/matter-js/

-->

idettman

Gravitational Lens of a Black Hole

Just a revisit of my previous work

A Pen by cihadturhan on CodePen.

License.

idettman

Fluid Simulation with Navier Stokes

A Pen by Fabrice Weinberg on CodePen.

License.

idettman

<div class="toggleWrapper">
  <input type="checkbox" class="dn" id="dn"/>
  <label for="dn" class="toggle">
    <span class="toggle__handler">
      <span class="crater crater--1"></span>
      <span class="crater crater--2"></span>
      <span class="crater crater--3"></span>
    </span>
    <span class="star star--1"></span>
    <span class="star star--2"></span>

idettman

Full CSS Map creator

A full CSS map creator with toolbar. The differents input radio allows to change the size and the color of each element. The number of elements, the maximum sizes and colors can be changed easily thanks to Haml and Sass

A Pen by Vincent Durand on CodePen.

License.

idettman

// Match the SCSS variables here
- rows = 9
- cols = 9

- count = rows * cols

%form
	- count.times do |i|
		%input{:type => "checkbox", :id => "c#{i+1}"}
		%input{:type => "checkbox", :id => "f#{i+1}"}

idettman

.description
  %h1 Solar System
  %hr/
  %p
    Here is a true time scaled solar-system, which means that every object has a time relative to an Earth year.
    
    You can change the number in second of the
    %br/
    %code $year-in-second
    variable to increase the speed of revolutions. Here 1 year = 30 seconds.

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

Animating SVG along a path

Forked from Kyle Leichtle's Pen Animating SVG along a path.

A Pen by Isaac Dettman on CodePen.

License.