lightning v1

canvas test, no translate or rotation

by rob Davis

HTML

<body>
    <canvas id="myCanvas" width="578" height="500"></canvas>
  </body>

CSS

body {
        margin: 0px;
        padding: 0px;
      }

JavaScript

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

var width = 500;
var height = 500;

var centerX = width/2;
var fork1Y = height/4;

segment(centerX,0,true);

function segment(x,y,r)
{
    var fork1X = -50;
    var fork2X = +50;
    var fork1Y = 50;
    var fork2Y = 75;
    context.moveTo(x, y);
    context.lineTo(x+fork1X, y+fork1Y);
    if(r) segment(x+fork1X, y+fork1Y,false);
    
    context.moveTo(x, y);
    context.lineTo(x+fork2X, y+fork2Y);
    if(r) segment(x+fork2X, y+fork2Y,false);
    context.stroke();
}