Skip to content

Instantly share code, notes, and snippets.

View Aleksey-Danchin's full-sized avatar

Алексей Данчин Aleksey-Danchin

View GitHub Profile
@Aleksey-Danchin
Aleksey-Danchin / life.html
Created December 18, 2014 00:13
Conway's Game of Life
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); loop(); setInterval(loop, 1);
/////////////////////////////////////////////////
var canvas, context, gridByX, gridByY, gridFieldSize, population;
@Aleksey-Danchin
Aleksey-Danchin / ballswithphisics.html
Created December 17, 2014 23:35
Balls with phisics.
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); loop();
setInterval(loop, 0);
/////////////////////////////////////////////////
var canvas, context, balls, PI2;
/////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / index.html
Created December 17, 2014 11:52
The canvas with several moved circles.
<canvas id="canvas" style="border: 1px solid black"></canvas>
<script>
setup(); loop(); setInterval(loop, 10);
/////////////////////////////////////////////////
var canvas, context, objects;
/////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / tetrisrace.html
Created December 16, 2014 03:16
Tetris race!!!
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); loop(); gameLoop = setInterval(loop, 75);
////////////////////////////////////////////////////////////
var gameLoop, canvas, context, gridSize, gridByX, gridByY, grid, border, carSide, cars, ahead, startMoment;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / hexdance.html
Created December 16, 2014 01:59
Haxxes dance!!!
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); setInterval(loop, 10);
////////////////////////////////////////////////////////////
var canvas, context, hex1, hex2, radius;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / Beziers3points.html
Created December 16, 2014 01:30
The simple Beziers with 3 controll points.
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); gameLooping = setInterval(loop, 0);
////////////////////////////////////////////////////////////
var gameLooping, canvas, context, mouseX, mouseY, PI2, controlCircles, cirlce;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / colorentersection.html
Created December 16, 2014 00:43
Intersection of the several color circles.
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); gameLooping = setInterval(loop, 0);
////////////////////////////////////////////////////////////
var gameLooping, canvas, context, mouseX, mouseY, PI2, circleR, circleB, circleG, mouseColor;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / rbgcanvas.html
Created December 16, 2014 00:24
The RGB canvas.
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); gameLooping = setInterval(loop, 0);
////////////////////////////////////////////////////////////
var gameLooping, canvas, context, mouseX, mouseY, PI2, state, color, d, r, g, b;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / snake.html
Created December 15, 2014 23:55
The simple game snake.
<canvas id="canvasElement" style="border: 1px solid black;"></canvas>
<script>
setup(); gameLooping = setInterval(loop, 180);
////////////////////////////////////////////////////////////
var gameLooping, canvas, context, sideOfSquare, head, snake, tail, direct, moved, points, eat;
////////////////////////////////////////////////////////////
@Aleksey-Danchin
Aleksey-Danchin / area.html
Created December 15, 2014 21:31
The area on pure js.
<canvas id="canvasElement"></canvas>
<script>
var canvas = document.getElementById('canvasElement'),
context = canvas.getContext('2d'),
radius = 300, d_qu = 0;
setInterval(function () {
d_qu += 0.06;