acrylc / x-life

A web component for Conway's Game of Life. Built with Polymer.

x-life

See the component page for more information.

##Install

Install using Bower :

bower install x-life --save

Usage

<x-life> is a web component that renders a Conway's Game of Life instance.

1. Import polymer:

   <script src="bower_components/platform/platform.js"> </script>

2. Import x-life:

   <link rel='import' href="bower_components/x-life/dist/x-life.html"> 

3. Enjoy!

    <x-life> </x-life>

<x-life>

Options

Attribute	Options	Default	Description
width	int	500	Specifies the width of the GOL grid.
height	int	500	Specifies the height of the GOL grid.
backgroundColor	string	white	Specifies the background color, in rgb or hex.
cellColor	string	black	Specifies the cell color, in rgb or hex.
cellSize	float	2	Specifies the pixel size of a cell.

x-life's Issues

Syntax coloring

Consider using ndarrays

For performance, there is a module called ndarrays that provides for fast operations on arrays in javascript. It also has its own modules such as component-wise operations, fft, image processing and webgl!

http://mikolalysenko.github.io/ndarray-presentation/#/
https://github.com/mikolalysenko/ndarray
https://github.com/mikolalysenko/cwise

GOL doesn't refresh when cellsize changes

Github buttons don't work over HTTPS

The 'unofficial' github buttons loaded over ghbns.com don't work for HTTPS. Here they are standalone: https://github.com/component/github-buttons

This would be cool as a polymer tag on its own.

Resize of page doesn't work