Client-CreativeCatalystForPairChoreographyBasedOnGeneticAlgorithm/kinect.js at master · mysunnytime/Client-CreativeCatalystForPairChoreographyBasedOnGeneticAlgorithm · GitHub

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
// var socket;
// var myImage;
// var context;
// var feed;
// var canvasWidth;
// var canvasHeight;

// document.addEventListener("DOMContentLoaded", function (event) {
//     var canvas = document.getElementById("previewFrame");
//     canvasWidth = canvas.width;
//     canvasHeight = canvas.height;
//     context = canvas.getContext("2d");
//     context.fillStyle = "#31B131";

//     feed = new Image();
//     feed.onload = function () {
//         context.drawImage(feed, 0, 0);
//     };

//     myImage = document.getElementById('myImg');

//     console.log('about to open socket');
//     socket = new WebSocket('ws://142.58.213.7:2012/kinect');
//     console.log('attempted to open socket');

//     socket.onopen = function () {
//         console.log('socket opened');
//     };
//     socket.onclose = function () {
//         console.log('socket closed');
//     };
//     socket.onerror = function (err) {
//         console.log('error - ' + err);
//     };
//     socket.onmessage = function (event) {
//         console.log(event.data);
//         context.clearRect(0, 0, canvasWidth, canvasHeight);
//         if (event.data instanceof Blob) {
//         //     //var colData = window.URL.createObjectURL(event.data);
//         //     //feed.src = decodeURIComponent(colData.replace(/\+/g, " "));
//         //     //window.URL.revokeObjectURL(colData);
//         } else {
//             var bodies = JSON.parse(event.data);
//             for (var i = 0; i < bodies.length; i++) {
//                 var jointDictionary = bodies[i];
//                 for (var joint in jointDictionary) {
//                     var jnt = jointDictionary[joint];
//                     var x = jnt.X;
//                     var y = jnt.Y;
//                     context.fillRect(x - 8, y - 8, 16, 16);
//                 }
//             }
//         }
//     };
// });