ASCII-Camera-JS/index.js at master · d-evil0per/ASCII-Camera-JS · 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
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
(function() {
	var asciiContainer = document.getElementById("ascii");
	var capturing = false;

	camera.init({
		width: 120,
		height: 80,
		fps: 30,
		mirror: false,

		onFrame: function(canvas) {
			ascii.fromCanvas(canvas, {
				 // contrast: 8,
				callback: function(asciiString) {
					asciiContainer.innerHTML = asciiString;

				}
			});

		},

		onSuccess: function() {
			capturing=true;
			document.getElementById("info").style.display = "none";
			document.getElementById("pause").style.display = "block";
			document.getElementById("pause").innerHTML="Take A Snap";
			camera.start();
			document.getElementById("pause").onclick = function() {
				if (capturing)
				{
					document.getElementById("snap").innerHTML=document.getElementById("ascii").innerHTML;
					document.getElementById("snap").style.color = "#03A062";
					document.getElementById("snap").style.background = "#000";
				}
				else
				{

					document.getElementById("snap").innerHTML="";

				}
				// capturing = !capturing; //false
			};
		},

		onError: function(error) {
			// TODO: log error
		},

		onNotSupported: function() {
			document.getElementById("info").style.display = "none";
			asciiContainer.style.display = "none";
			document.getElementById("notSupported").style.display = "block";
		}
	});
})();


function changecolor(){

	var safeColors = ['00','33','66','99','cc','ff'];
	// var safeColors=['00','11','22','33','44','55','66','77','88','99','aa','bb','cc','dd','ee','ff'];
var rand = function() {
    return Math.floor(Math.random()*6);
};
var randomColor = function() {
   var r = safeColors[rand()];
   var g = safeColors[rand()];
   var b = safeColors[rand()];
   return "#"+r+g+b;
// return "#03A062"
};

for(i=1;i<=15;i++)
{
	$("#snap span.sh_"+i).css('color',randomColor());
}


}

function downloadpng()
{
		 var container = document.getElementById("snap"); // full page
 				html2canvas(container).then(function(canvas) {
                var link = document.createElement("a");
                document.getElementById("snap").appendChild(link);
                link.download = "ascii_cam_"+Date()+".png";
                link.href = canvas.toDataURL("image/png");
                link.target = '_blank';
                link.click();
            });
}