-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathbarycentric.js
More file actions
118 lines (99 loc) · 3.4 KB
/
Copy pathbarycentric.js
File metadata and controls
118 lines (99 loc) · 3.4 KB
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS-IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
*/
/*global _: false, js_cols: false, barycentricSubdivision: false*/
/* test barycentricSubdivision */
var canvas,ctx;
var point = [
$V([0, 0])
];
// var line = [
// $V([0, 0]),
// $V([1, 0])
// ];
var line = [
$V([0, 0]),
$V([1, 0])
];
// var triangle = [
// $V([0,0]),
// $V([1,0]),
// $V([0.5, (Math.sqrt(3)/2)])
// ];
var triangle = [
$V([1,1]),
$V([0,1]),
$V([0,0])
];
var tetrahedron = [
$V([0, 0, 0]),
$V([1, 0, 0]),
$V([0.5, (Math.sqrt(3)/2), 0]),
$V([0.5, (Math.sqrt(3)/6), (Math.sqrt(6)/3)])
];
function runTest() {
// drawLine(vectorsTo2DArrays(line), 80, 500, 500);
// var line_subdivision = barycentricSubdivision(line);
var line_subdivision = repeatedBarycentricSubdivision(line, 3);
_.each(line_subdivision, function(segment) {
drawLine(vectorsTo2DArrays(segment), 500, 50, 500);
});
// drawTriangle(vectorsTo2DArrays(triangle), 400, 10, 10);
var triangle_subdivision = repeatedBarycentricSubdivision(triangle, 3);
_.each(triangle_subdivision, function(triangle) {
drawTriangle(vectorsTo2DArrays(triangle), 400, 10, 10);
});
}
$(document).ready(function() {
canvas = $("#basic")[0];
ctx = canvas.getContext('2d');
runTest();
});
function drawLine(line, scalefactor, x_offset, y_offset, clear) {
if (!scalefactor) scalefactor = 1;
if (!x_offset) x_offset = 0;
if (!y_offset) y_offset = 0;
if (clear === true) canvas.width = canvas.width; //clear canvas contents
// console.log("Drawing line:", line);
ctx.beginPath();
ctx.moveTo(x_offset+line[0][0]*scalefactor, y_offset+line[0][1]*scalefactor);
ctx.lineTo(x_offset+line[1][0]*scalefactor, y_offset+line[1][1]*scalefactor);
ctx.stroke();
_.each(line, function(vertex) {
drawPoint(x_offset+vertex[0]*scalefactor, y_offset+vertex[1]*scalefactor, 2);
});
}
// triangle should be an
// array with 3 elements
// with each element being an array with two numbers
// representing the x,y coordinates of each vertex
function drawTriangle(triangle, scalefactor, x_offset, y_offset, clear) {
if (!scalefactor) scalefactor = 1;
if (!x_offset) x_offset = 0;
if (!y_offset) y_offset = 0;
if (clear === true) canvas.width = canvas.width; //clear canvas contents
// console.log("Drawing triangle:", triangle);
ctx.beginPath();
ctx.moveTo(x_offset+triangle[0][0]*scalefactor, y_offset+triangle[0][1]*scalefactor);
ctx.lineTo(x_offset+triangle[1][0]*scalefactor, y_offset+triangle[1][1]*scalefactor);
ctx.lineTo(x_offset+triangle[2][0]*scalefactor, y_offset+triangle[2][1]*scalefactor);
ctx.lineTo(x_offset+triangle[0][0]*scalefactor, y_offset+triangle[0][1]*scalefactor);
ctx.stroke();
_.each(triangle, function(vertex) {
drawPoint(x_offset+vertex[0]*scalefactor, y_offset+vertex[1]*scalefactor, 2);
});
}
function drawPoint(x,y,size) {
if (!size) size = 1;
// ctx.fillRect(x*scalefactor, y*scalefactor, x+size, y+size);
ctx.beginPath();
ctx.arc(x, y, size, 0, 2*Math.PI, true);
ctx.fill();
}