Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Amanda Ghassaei
OrigamiSimulator
Commits
b5af1ad0
Commit
b5af1ad0
authored
Feb 26, 2017
by
amandaghassaei
Browse files
adding mesh
parent
1304a194
Changes
3
Hide whitespace changes
Inline
Side-by-side
dependencies/earcut.js
View file @
b5af1ad0
...
@@ -520,8 +520,8 @@ function middleInside(a, b) {
...
@@ -520,8 +520,8 @@ function middleInside(a, b) {
// link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
// link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
// if one belongs to the outer ring and another to a hole, it merges it into a single ring
// if one belongs to the outer ring and another to a hole, it merges it into a single ring
function
splitPolygon
(
a
,
b
)
{
function
splitPolygon
(
a
,
b
)
{
var
a2
=
new
Node
(
a
.
i
,
a
.
x
,
a
.
y
),
var
a2
=
new
Ear
Node
(
a
.
i
,
a
.
x
,
a
.
y
),
b2
=
new
Node
(
b
.
i
,
b
.
x
,
b
.
y
),
b2
=
new
Ear
Node
(
b
.
i
,
b
.
x
,
b
.
y
),
an
=
a
.
next
,
an
=
a
.
next
,
bp
=
b
.
prev
;
bp
=
b
.
prev
;
...
@@ -542,7 +542,7 @@ function splitPolygon(a, b) {
...
@@ -542,7 +542,7 @@ function splitPolygon(a, b) {
// create a node and optionally link it with previous one (in a circular doubly linked list)
// create a node and optionally link it with previous one (in a circular doubly linked list)
function
insertNode
(
i
,
x
,
y
,
last
)
{
function
insertNode
(
i
,
x
,
y
,
last
)
{
var
p
=
new
Node
(
i
,
x
,
y
);
var
p
=
new
Ear
Node
(
i
,
x
,
y
);
if
(
!
last
)
{
if
(
!
last
)
{
p
.
prev
=
p
;
p
.
prev
=
p
;
...
@@ -565,7 +565,7 @@ function removeNode(p) {
...
@@ -565,7 +565,7 @@ function removeNode(p) {
if
(
p
.
nextZ
)
p
.
nextZ
.
prevZ
=
p
.
prevZ
;
if
(
p
.
nextZ
)
p
.
nextZ
.
prevZ
=
p
.
prevZ
;
}
}
function
Node
(
i
,
x
,
y
)
{
function
Ear
Node
(
i
,
x
,
y
)
{
// vertice index in coordinates array
// vertice index in coordinates array
this
.
i
=
i
;
this
.
i
=
i
;
...
...
index.html
View file @
b5af1ad0
...
@@ -241,6 +241,7 @@
...
@@ -241,6 +241,7 @@
<script
type=
"text/javascript"
src=
"dependencies/FileSaver.min.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/FileSaver.min.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/SVGLoader.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/SVGLoader.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/path-data-polyfill.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/path-data-polyfill.js"
></script>
<script
type=
"text/javascript"
src=
"dependencies/earcut.js"
></script>
<script
type=
"text/javascript"
src=
"js/GLBoilerplate.js"
></script>
<script
type=
"text/javascript"
src=
"js/GLBoilerplate.js"
></script>
<script
type=
"text/javascript"
src=
"js/GPUMath.js"
></script>
<script
type=
"text/javascript"
src=
"js/GPUMath.js"
></script>
...
...
js/pattern.js
View file @
b5af1ad0
...
@@ -43,6 +43,7 @@ function initPattern(globals){
...
@@ -43,6 +43,7 @@ function initPattern(globals){
var
stroke
=
$
(
this
).
attr
(
"
stroke
"
).
toLowerCase
();
var
stroke
=
$
(
this
).
attr
(
"
stroke
"
).
toLowerCase
();
return
stroke
==
"
#000000
"
||
stroke
==
"
#000
"
;
return
stroke
==
"
#000000
"
||
stroke
==
"
#000
"
;
});
});
// $outlines.css({fill:'#ffffff'});
var
$mountains
=
$paths
.
filter
(
function
(){
var
$mountains
=
$paths
.
filter
(
function
(){
var
stroke
=
$
(
this
).
attr
(
"
stroke
"
).
toLowerCase
();
var
stroke
=
$
(
this
).
attr
(
"
stroke
"
).
toLowerCase
();
...
@@ -214,10 +215,25 @@ function initPattern(globals){
...
@@ -214,10 +215,25 @@ function initPattern(globals){
vertices
=
mergedVertices
;
vertices
=
mergedVertices
;
findPolygons
();
drawPattern
(
triangulatePolys
(
findPolygons
()));
//triangulate
}
drawPattern
();
//make mesh
function
triangulatePolys
(
polygons
){
var
faces
=
[];
for
(
var
i
=
0
;
i
<
polygons
.
length
;
i
++
){
var
polyVerts
=
[];
for
(
var
j
=
1
;
j
<
polygons
[
i
].
length
;
j
++
){
var
vertex
=
vertices
[
polygons
[
i
][
j
]];
polyVerts
.
push
(
vertex
.
x
);
polyVerts
.
push
(
vertex
.
z
);
}
var
triangles
=
earcut
(
polyVerts
);
for
(
var
j
=
0
;
j
<
triangles
.
length
;
j
+=
3
){
var
face
=
new
THREE
.
Face3
(
polygons
[
i
][
triangles
[
j
]],
polygons
[
i
][
triangles
[
j
+
1
]],
polygons
[
i
][
triangles
[
j
+
2
]]);
faces
.
push
(
face
);
}
}
return
faces
;
}
}
function
findPolygons
(){
function
findPolygons
(){
...
@@ -269,9 +285,10 @@ function initPattern(globals){
...
@@ -269,9 +285,10 @@ function initPattern(globals){
var
polygons
=
[];
var
polygons
=
[];
for
(
var
i
=
0
;
i
<
vertices
.
length
;
i
++
){
for
(
var
i
=
0
;
i
<
vertices
.
length
;
i
++
){
var
edges
=
vertEdges
[
i
];
var
edges
=
vertEdges
[
i
];
for
(
var
j
=
0
;
j
>
edges
.
length
;
j
++
){
for
(
var
j
=
0
;
j
<
edges
.
length
;
j
++
){
var
_poly
=
[
i
];
var
_poly
=
[
i
];
var
_polyEdges
=
[];
var
edgeIndex
=
edges
[
j
];
var
edgeIndex
=
edges
[
j
];
var
edgeVertices
=
allEdges
[
edgeIndex
];
var
edgeVertices
=
allEdges
[
edgeIndex
];
...
@@ -281,24 +298,55 @@ function initPattern(globals){
...
@@ -281,24 +298,55 @@ function initPattern(globals){
if
(
otherVertex
>
i
)
{
if
(
otherVertex
>
i
)
{
if
(
!
edgesDir1
[
edgeIndex
]){
if
(
!
edgesDir1
[
edgeIndex
]){
_poly
.
push
(
otherVertex
);
_poly
.
push
(
otherVertex
);
edgesDir1
[
edgeIndex
]
=
true
;
_polyEdges
.
push
(
edgeIndex
);
_poly
=
findNextPolyVert
(
_poly
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
_poly
=
findNextPolyVert
(
_poly
,
_polyEdges
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
if
(
_poly
)
console
.
log
(
_poly
);
if
(
_poly
)
{
for
(
var
k
=
0
;
k
<
_polyEdges
.
length
;
k
++
){
var
index
=
_polyEdges
[
k
];
if
(
index
<
0
)
{
index
=
-
index
-
1
;
edgesDir2
[
index
]
=
true
;
}
else
{
edgesDir1
[
index
]
=
true
;
}
}
polygons
.
push
(
_poly
);
}
}
}
}
else
{
}
else
{
if
(
!
edgesDir2
[
edgeIndex
]){
if
(
!
edgesDir2
[
edgeIndex
]){
_poly
.
push
(
otherVertex
);
_poly
.
push
(
otherVertex
);
edgesDir2
[
edgeIndex
]
=
true
;
_polyEdges
.
push
(
-
edgeIndex
-
1
);
_poly
=
findNextPolyVert
(
_poly
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
_poly
=
findNextPolyVert
(
_poly
,
_polyEdges
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
if
(
_poly
)
console
.
log
(
_poly
);
if
(
_poly
)
{
for
(
var
k
=
0
;
k
<
_polyEdges
.
length
;
k
++
){
var
index
=
_polyEdges
[
k
];
if
(
index
<
0
)
{
index
=
-
index
-
1
;
edgesDir2
[
index
]
=
true
;
}
else
{
edgesDir1
[
index
]
=
true
;
}
}
polygons
.
push
(
_poly
);
}
}
}
}
}
}
}
}
}
// for (var index=0;index<polygons.length;index++) {
// for (var i = 0; i < polygons[index].length; i++) {
// var vertex = vertices[polygons[index][i]];
// var sphere = new THREE.Mesh(new THREE.SphereGeometry(10));
// sphere.position.set(vertex.x, vertex.y, vertex.z);
// intersections.add(sphere);
// }
// }
return
polygons
;
}
}
function
findNextPolyVert
(
_poly
,
fromEdge
,
vertIndex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
){
function
findNextPolyVert
(
_poly
,
_polyEdges
,
fromEdge
,
vertIndex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
){
var
edges
=
vertEdges
[
vertIndex
];
var
edges
=
vertEdges
[
vertIndex
];
var
index
=
edges
.
indexOf
(
fromEdge
);
var
index
=
edges
.
indexOf
(
fromEdge
);
if
(
index
<
0
)
console
.
warn
(
"
bad from index
"
);
if
(
index
<
0
)
console
.
warn
(
"
bad from index
"
);
...
@@ -306,24 +354,25 @@ function initPattern(globals){
...
@@ -306,24 +354,25 @@ function initPattern(globals){
if
(
index
>=
edges
.
length
)
index
=
0
;
if
(
index
>=
edges
.
length
)
index
=
0
;
var
edgeIndex
=
edges
[
index
];
var
edgeIndex
=
edges
[
index
];
if
(
_polyEdges
.
indexOf
(
edgeIndex
)
>=
0
)
return
null
;
//cant traverse same edge twice in one poly
var
edgeVertices
=
allEdges
[
edgeIndex
];
var
edgeVertices
=
allEdges
[
edgeIndex
];
var
otherVertex
=
edgeVertices
[
0
];
var
otherVertex
=
edgeVertices
[
0
];
if
(
otherVertex
==
vertIndex
)
otherVertex
=
edgeVertices
[
1
];
if
(
otherVertex
==
vertIndex
)
otherVertex
=
edgeVertices
[
1
];
if
(
otherVertex
>
i
)
{
if
(
otherVertex
>
vertIndex
)
{
if
(
!
edgesDir1
[
edgeIndex
])
{
if
(
!
edgesDir1
[
edgeIndex
])
{
_poly
.
push
(
otherVertex
);
_poly
.
push
(
otherVertex
);
edgesDir1
[
edgeIndex
]
=
true
;
_polyEdges
.
push
(
edgeIndex
)
;
if
(
otherVertex
==
_poly
[
0
])
return
_poly
;
if
(
otherVertex
==
_poly
[
0
])
return
_poly
;
else
return
findNextPolyVert
(
_poly
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
else
return
findNextPolyVert
(
_poly
,
_polyEdges
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
}
else
return
null
;
}
else
return
null
;
}
}
if
(
!
edgesDir2
[
edgeIndex
]){
if
(
!
edgesDir2
[
edgeIndex
]){
_poly
.
push
(
otherVertex
);
_poly
.
push
(
otherVertex
);
edgesDir2
[
edgeIndex
]
=
true
;
_polyEdges
.
push
(
-
edgeIndex
-
1
)
;
if
(
otherVertex
==
_poly
[
0
])
return
_poly
;
if
(
otherVertex
==
_poly
[
0
])
return
_poly
;
else
findNextPolyVert
(
_poly
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
else
findNextPolyVert
(
_poly
,
_polyEdges
,
edgeIndex
,
otherVertex
,
vertEdges
,
allEdges
,
edgesDir1
,
edgesDir2
);
}
}
return
null
;
return
null
;
}
}
...
@@ -425,8 +474,16 @@ function initPattern(globals){
...
@@ -425,8 +474,16 @@ function initPattern(globals){
};
};
}
}
function
drawPattern
(){
function
drawPattern
(
faces
){
object3D
.
children
=
[];
object3D
.
children
=
[];
var
geo
=
new
THREE
.
Geometry
();
geo
.
vertices
=
vertices
;
geo
.
faces
=
faces
;
geo
.
computeVertexNormals
();
var
mesh
=
new
THREE
.
Mesh
(
geo
,
new
THREE
.
MeshBasicMaterial
({
side
:
THREE
.
DoubleSide
,
color
:
0xffffff
}));
object3D
.
add
(
mesh
);
object3D
.
add
(
new
THREE
.
LineSegments
(
makeGeoFromSVGSegments
(
outlines
),
object3D
.
add
(
new
THREE
.
LineSegments
(
makeGeoFromSVGSegments
(
outlines
),
new
THREE
.
LineBasicMaterial
({
color
:
0x000000
,
linewidth
:
4
})));
new
THREE
.
LineBasicMaterial
({
color
:
0x000000
,
linewidth
:
4
})));
object3D
.
add
(
new
THREE
.
LineSegments
(
makeGeoFromSVGSegments
(
mountains
),
object3D
.
add
(
new
THREE
.
LineSegments
(
makeGeoFromSVGSegments
(
mountains
),
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment