Hagar Shilo strayblues

## MandalaMakerTutorial_drawLine4.js
function drawLine() {
    var a = prevX, a_ = a,
        b = prevY, b_ = h-b,
        c = currX, c_ = c,
        d = currY, d_ = h-d;

    //...code...
    context.moveTo(a, b);
    context.lineTo(c, d);


## MandalaMakerTutorial_drawLine3.js
function drawLine() {
    var a = prevX, a_ = a,
        b = prevY, b_ = h-b,
        c = currX, c_ = c,
        d = currY, d_ = h-d;

    //... code ...
    context.moveTo(a, b);
    context.lineTo(c, d);
    context.moveTo(a_, b_);

## MandalaMakerTutorial_getColor.js
function getColor() {
    return document.querySelector(".color").value;
}

## MandalaMakerTutorial_drawLine2.js
function drawLine() {
    //...code...
    context.strokeStyle = getColor();
    context.lineWidth = 4;
    context.lineCap = "round";

    //...code...
}

## MandalaMakerTutorial_index2.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="main.js"></script>
</head>
<body onload="init()">
    <canvas width="600" height="600">
        <p>Your browser doesn't support canvas.</p>

## MandalaMakerTutorial_drawLine1.js
function drawLine() {
    var a = prevX,
        b = prevY,
        c = currX,
        d = currY;

    context.lineWidth = 4;
    context.lineCap = "round";

    context.beginPath();

## MandalaMakerTutorial_index1.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="main.js"></script>
</head>
<body onload="init()">
    <canvas width="600" height="600">
        <p>Your browser doesn't support canvas.</p>

## MandalaMakerTutorial.css
body {
    background-color: #ccc;
    text-align: center;
}

canvas {
    touch-action: none;
    background-color: #fff;
}

## sbx.txt
√סבכ

## mandala1.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="main.js"></script>
</head>
<body onload="init()">
  <div>
    <div class="canvas-container">
	function drawLine() {
	var a = prevX, a_ = a,
	b = prevY, b_ = h-b,
	c = currX, c_ = c,
	d = currY, d_ = h-d;

	//...code...
	context.moveTo(a, b);
	context.lineTo(c, d);
	function getColor() {
	return document.querySelector(".color").value;
	}
	function drawLine() {
	//...code...
	context.strokeStyle = getColor();
	context.lineWidth = 4;
	context.lineCap = "round";

	//...code...
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="main.js"></script>
	</head>
	<body onload="init()">
	<canvas width="600" height="600">
	<p>Your browser doesn't support canvas.</p>
	function drawLine() {
	var a = prevX,
	b = prevY,
	c = currX,
	d = currY;

	context.lineWidth = 4;
	context.lineCap = "round";

	context.beginPath();
	body {
	background-color: #ccc;
	text-align: center;
	}

	canvas {
	touch-action: none;
	background-color: #fff;
	}