-
Notifications
You must be signed in to change notification settings - Fork 0
/
cw-inner_triangle.html
48 lines (44 loc) · 1.55 KB
/
cw-inner_triangle.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
<head>
<title>Comp-Geo Projects</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="thirdparty/foundation.css">
<script src="thirdparty/processing.min.js"></script>
</head>
<body>
<div class="row">
<header>
<div id="page-title" class="large-12 columns" class="row">
<h1>Computational Geometry</h1>
</div>
</header>
<div id="menu-bar" class="large-3 columns">
<ul class="side-nav">
<li>Interaction</li>
<li>
<dl class="sub-nav" style="margin-bottom: 0px; margin-left: 3px;">
<dt>Left click:</dt>
<dd>Draw the triangle</dd>
<dt>Right click:</dt>
<dd>Draw a point to test</dd>
</dl>
</li>
<li class="divider"></li>
</ul>
</div>
<div id="right-panel" class="large-9 columns">
<div id="sketch" style="height: 602px; width: 712px; background-color: white;
border: 1px #ddd solid; box-shadow: 0px 0px 3px #888;">
<canvas data-processing-sources="cw-inner_triangle.pde"></canvas>
</div>
</div>
<div class="large-9 columns">
<h2>Explaination</h2>
<ol>
<li>Draw a triangle by given points. The points can be given in the clockwise order (green) or in a counterclockwise order (red).</li>
<li>Test if a given point is in the triangle (green) or not (red).</li>
</ol>
</div>
</div>
</body>
</html>