Isaac A. Dettman idettman

Gravity Points

an Attempt at making a cloth-like simulation using Hooks Law. You can grab and pull a node by clicking on it with the mouse

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<title>sin_cos</title>

	<link rel="stylesheet" type="text/css" href="css/main.css">
	</head>
	<body>
	<canvas id="drawing_canvas"></canvas>

	<div id="loader">
	<div>
	<div>
	<p>Creating polygons, please wait...</p>
	</div>
	</div>
	</div>
	<h1>Polyrize.js</h1>
	<h2>Create beauty with geometry</h2>
	<div id="polyrize-demo">

	document.addEventListener('mousemove', function (e) {
	document.documentElement.style.setProperty('--mouseX', e.clientX);
	document.documentElement.style.setProperty('--mouseY', e.clientY);
	});

	12445<canvas id="canvas"></canvas>
	<div id="info">
	<input type="checkbox" id="gravity"><label for="gravity"> Gravity</label><br>
	<input type="button" value="RESET" id="reset"></input>
	</div>

	<canvas id = "c"></canvas>

	<div id="info">
	<div id="top">
	<a id="close" href="">close</a>
	</div>
	<p>
	- Left click to drag points (corners, joints etc).<br>
	- Right click to delete a point.<br>
	- Hold ctrl to enter edit mode, release to exit.<br><br>

	<canvas id="canvas"></canvas>
	<div id="info">
	<input type="checkbox" id="gravity"><label for="gravity"> Gravity</label><br>
	<input type="button" value="RESET" id="reset"></input>
	</div>

	<!DOCTYPE html>
	<html>
	<head>
	<title>JavaScript Particle System</title>
	<style>
	body,html {
	margin:0;
	padding:0;
	}
	canvas {