Skip to content

Commit 9ffe8db

Browse files
eduardolundgreneduardolundgren
committed
Adding camaro example
1 parent 7acfeff commit 9ffe8db

1 file changed

Lines changed: 53 additions & 0 deletions

File tree

‎examples/move_threejs_camaro.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!doctype html>
2+
3+
<html>
4+
<head>
5+
<title>tracking.js + three.js: camaro</title>
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
8+
9+
<script src="../src/tracking.js"></script>
10+
<script src="../src/tracker/color.js"></script>
11+
12+
<script src="js/threejs/Three.js"></script>
13+
<script src="js/threejs/ImprovedNoise.js"></script>
14+
<script src="js/threejs/Detector.js"></script>
15+
<script src="js/threejs/Stats.js"></script>
16+
17+
<link rel="stylesheet" href="css/camaro.css">
18+
</head>
19+
<body>
20+
21+
<div id="container"></div>
22+
<div id="videoContainer"></div>
23+
24+
<div id="d">
25+
<div id="buttons"></div>
26+
</div>
27+
28+
<script src="js/threejs/camaro.js"></script>
29+
30+
<script>
31+
var mouseX, mouseY, videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas('#videoContainer');
32+
33+
videoCamera.track(
34+
{
35+
type: 'color',
36+
color: 'magenta',
37+
onFound: function(track) {
38+
var x = track.x,
39+
y = track.y;
40+
41+
if (x && y) {
42+
mouseX = ((320 - track.x)/320)*window.innerWidth - window.innerWidth/2,
43+
mouseY = ((240 - track.y)/240)*window.innerHeight - window.innerHeight;
44+
}
45+
},
46+
onNotFound: function() {
47+
}
48+
}
49+
);
50+
</script>
51+
52+
</body>
53+
</html>

0 commit comments

Comments
 (0)