Hagar Shilo strayblues

## MandalaMakerTutorial_handleMouseMove1.js
function handleMouseMove(e) {
    if (draw) {
        recordMouseLocation(e);
        drawLine();
    }
}

## MandalaMakerTutorial_recordMouseLocation1.js
function recordMouseLocation(e) {
    prevX = currX;
    prevY = currY;
    currX = e.clientX - canvas.offsetLeft;
    currY = e.clientY - canvas.offsetTop;
}

## MandalaMakerTutorial_stopDrawing1.js
function stopDrawing() {
    draw = false;
}

## 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_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.css
body {
    background-color: #ccc;
    text-align: center;
}

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

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

## 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">

## sbx.txt
√סבכ
	function handleMouseMove(e) {
	if (draw) {
	recordMouseLocation(e);
	drawLine();
	}
	}
	function recordMouseLocation(e) {
	prevX = currX;
	prevY = currY;
	currX = e.clientX - canvas.offsetLeft;
	currY = e.clientY - canvas.offsetTop;
	}
	function drawLine() {
	var a = prevX,
	b = prevY,
	c = currX,
	d = currY;

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

	context.beginPath();
	<!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>
	body {
	background-color: #ccc;
	text-align: center;
	}

	canvas {
	touch-action: none;
	background-color: #fff;
	}
	function getColor() {
	return document.querySelector(".color").value;
	}