Leave these fields empty (spam trap):
Name
You can leave this blank to post anonymously, or you can create a Tripcode by using the format Name#Password
Comment
[i]Italic Text[/i]
[b]Bold Text[/b]
[spoiler]Spoiler Text[/spoiler]
>Highlight/Quote Text
[pre]Preformatted & Monospace Text[/pre]
[super]Superset Text[/super]
[sub]Subset Text[/sub]
1. Numbered lists become ordered lists
* Bulleted lists become unordered lists
File

Sandwich
Discord Now Fully Linked With 420chan IRC

JS Canvas Laser Light+Webcam+New Thread!!!!!

Locked Reply
Hide
- Sun, 27 Nov 2016 11:10:15 EST OEFE9/xF No.36319
File: 1480263015033.png -(35596B / 34.76KB, 1000x1000) Thumbnail displayed, click image for full size. JS Canvas Laser Light+Webcam+New Thread!!!!!
<html>
<body onload="setInterval(doit,101);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*4000, Math.random()*235, Math.random()*235);
gradient.addColorStop("10", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(100, 1000, 500,250);
}
</script>
</body>
</html>
<center>
<body bgcolor="black" onmousemove="setInterval('doit()',0.3);" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay>

<canvas id="canvas" onchange="doit;" onchange="doit;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: 1}
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {

video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;

ctx.drawImage(video,1+71,1+88)},300);


ctx.draw();


}, false);
});


function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}

</script>



<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("33", "black");
gradient.addColorStop("1.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}
</script>
!DOCTYPE html>
<html>
<body onload="setInterval(doit,101);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+1, Math.random()*5, 5030,2350);
ctx.fillRect(i-1, Math.random()*5, 500,2350)
ctx.fillRect(i%1, Math.random()*1, 5030,230);
ctx.fillRect(i*1, Math.random()*2, 500,350)
}
</script>
</body>
</html>
RAW Paste Data
>>
BrU - Sun, 27 Nov 2016 11:15:39 EST OEFE9/xF No.36320 Reply
<html>
<body onload="setInterval(doit,101);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*4000, Math.random()*235, Math.random()*235);
gradient.addColorStop("10", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(100, 1000, 500,250);
}
</script>
</body>
</html>
<center>
<body bgcolor="black" onmousemove="setInterval('doit()',0.3);" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay>

<canvas id="canvas" onchange="doit;" onchange="doit;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: 1}
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {

video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;

ctx.drawImage(video,1+71,1+88)},300);


ctx.draw();


}, false);
});


function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}

</script>



<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("33", "black");
gradient.addColorStop("1.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}
</script>
!DOCTYPE html>
<html>
<body onload="setInterval(doit,101);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*235, Math.random()*235);
gradient.addColorStop("959.1", "red");
gradient.addColorStop("979.1", "green");
gradient.addColorStop("941.1", "blue");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+1, Math.random()*5, 5030,250);
ctx.fillRect(i-1, Math.random()*5, 500,230)
ctx.fillRect(i%1, Math.random()*1, 500,230);
ctx.fillRect(i*1, Math.random()*2, 500,350)
}
</script>
</body>
</html>
>>
BrU - Sun, 27 Nov 2016 11:24:13 EST OEFE9/xF No.36321 Reply
<style>
body{
overflow: visible;
position:center;

filter:invert(0.9);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: Math.random()*15vmax+10vmax;

}
</style>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=true;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.rotate(1000);
ctx.drawImage(video,i--,1)},0.44);

ctx.rotate(ii);
ctx.draw();


}, false);
});
</script>
>>
JS Merry Go Round FLUR Fractal SRC V1 - Sun, 27 Nov 2016 11:27:01 EST OEFE9/xF No.36322 Reply
<style>
body{
overflow: visible;
position:center;

filter:invert(0.9);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: Math.random()*15vmax+10vmax;

}
</style>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=true;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.rotate(1000);
ctx.drawImage(video,i-900,1)},0.44);

ctx.rotate(ii);
ctx.draw();


}, false);
});
</script>
>>
JS Merry Go Round No-FLIR Looping Through The Universe SRC V1 - Sun, 27 Nov 2016 11:32:09 EST OEFE9/xF No.36323 Reply
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=true;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.rotate(1000);
ctx.drawImage(video,i-10,1)},0.8,888884444444888844);

ctx.rotate(ii);
ctx.draw();


}, false);
});
</script>
>>
JS Canvas FLIR Webcam With Random 3D Circle FX SRC - Sun, 27 Nov 2016 11:40:52 EST OEFE9/xF No.36324 Reply
1480264852261.png -(286949B / 280.22KB, 500x500) Thumbnail displayed, click image for full size.
<style>
body{
overflow: visible;
position:center;

filter:invert(1.0);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: Math.random()*15vmax+10vmax;

}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.x,event.y,event.y,2*180);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},180);
ctx.draw();
drawe;
}, false);
});
</script>
>>
JS Canvas FLIR Webcam With Random 3D Circle FX SRC - Sun, 27 Nov 2016 11:49:27 EST OEFE9/xF No.36325 Reply
<style>
body{
overflow: visible;
position:center;

filter:invert(1.0);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: Math.random()*15vmax+10vmax;

}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,event.y,event.x,Math.random()*4*180);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},180);
ctx.draw();
drawe;
}, false);
});
</script>
>>
JS Canvas FLIR Webcam With Random 3D Circle FX SRC V2 - Sun, 27 Nov 2016 11:52:45 EST OEFE9/xF No.36326 Reply
1480265565304.png -(447559B / 437.07KB, 500x500) Thumbnail displayed, click image for full size.
<style>
body{
overflow: visible;
position:center;

filter:invert(1.0);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: Math.random()*15vmax+10vmax;

}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,event.y,event.x,Math.random()*4*180);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},180);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Priscilla Mambleford - Sun, 27 Nov 2016 14:16:23 EST OEFE9/xF No.36327 Reply
>>36326

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,4,4,Math.random()*Math.PI*1000);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.fillImage(video,1000,1000,1000,1000)},50);

drawe;
}, false);
});
</script>
>>
JS Canvas Webcam FX More FUNNN - Sun, 27 Nov 2016 14:26:06 EST OEFE9/xF No.36328 Reply
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="400" height="400" style="opacity:1.0;fillColor:none;center">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,Math.random()*40,Math.random()*40,Math.random()*Math.PI*1000);
ctx.fill();
ctx.topmost=true;

//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},200);
//ctx.draw();
drawe;
}, false);
});
</script>
>>
JS Canvas Webcam FX ? - Sun, 27 Nov 2016 14:28:46 EST OEFE9/xF No.36329 Reply
Does Anybody Have Any Kool Webcam Fx To Add to this thread. If so plz do so. - BrU
>>
BrU One More !!vVWR8L52 - Sun, 27 Nov 2016 15:24:45 EST OEFE9/xF No.36331 Reply
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.y,event.x,event.y,event.x,Math.random()*1000);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},180);
ctx.draw();
drawe;
}, false);
});
</script>
<canvas id="myCanvas"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.fillStyle = "red";
ctx.shadowColor = "blue";
ctx.fillRect(20, 20, 100, 80);
ctx.shadowColor = "black";
setTimeout(ctx.drawImage(video,10, 20, 100, 80),200);
setTimeout(ctx.fillRect(50, 20, 100, 80),300);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
var scr=0;
$('canvas').click(function(){
var fin=Math.floor(Math.random()*100);
scr=scr+1+fin;
if(fin==0){
alert('Game over. The final score is: '+scr+'!!');
window.location="https://google.com";
}
});
$(document).mousemove(function(){
$('p').css("font-size", "20px");
$('p').css("color", "red");
$("document").fadeToggle('slow');
$('p').fadeToggle('slow');
$('p').value=('slow');
$('p').css("color","red").slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
$('canvas').slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
});
</script>
</head>
<body>
</html>
>>
BrU One More !!SQLMRI7z - Sun, 27 Nov 2016 15:54:11 EST OEFE9/xF No.36332 Reply
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.y,event.y,event.x,event.x,Math.random()*100);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},180);
ctx.draw();
drawe;
}, false);
});
</script>
<canvas id="myCanvas"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.fillStyle = "red";
ctx.shadowColor = "blue";
ctx.fillRect(20, 20, 100, 80);
ctx.shadowColor = "black";
setTimeout(ctx.drawImage(video,event.x, event.y, 80)},200);

</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
var scr=0;
$('canvas').click(function(){
var fin=Math.floor(Math.random()*108);
scr=scr+1+fin;
if(fin==0){
alert('Game over. The final score is: '+scr+'!!');
window.location="https://google.com";
}
});
$(document).mousemove(function(){
$('p').css("font-size", "20px");
$('p').css("color", "red");
$("document").fadeToggle('slow');
$('p').fadeToggle('slow');
$('p').value=('slow');
$('p').css("color","red").slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
$('canvas').slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
});
</script>
</head>
<body>
</html>
>>
JS Found This One - Sun, 27 Nov 2016 19:59:07 EST OEFE9/xF No.36334 Reply
// The return value of the attrTween is also a function: the function that
// we want to run for each tick of the transition. Because we used
// attrTween("d"), the return value of this last function will be set to the
// "d" attribute at every tick. (It’s also possible to use transition.tween
// to run arbitrary code for every tick, say if you want to set multiple
// attributes from a single function.) The argument t ranges from 0, at the
// start of the transition, to 1, at the end.
return function(t) {
// Calculate the current arc angle based on the transition time, t. Since
// the t for the transition and the t for the interpolate both range from
// 0 to 1, we can pass t directly to the interpolator.
//
// Note that the interpolated angle is written into the element’s bound
// data object! This is important: it means that if the transition were
// interrupted, the data bound to the element would still be consistent
// with its appearance. Whenever we start a new arc transition, the
// correct starting angle can be inferred from the data.
>>
JS Moving Webcam Night Vision Cube FX SRC - Mon, 06 Mar 2017 07:21:48 EST rAGFRmkY No.36585 Reply
<style>
canvas{
filter:flip(433%);


}
</style>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none; width:500px">
<script>
var i=22
var video = document.getElementById("video");
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i,i,500,500)},100);
ctx.draw();
},true);
});
</script>
</body>
</html>>
</body>
</html>
<style>
canvas{
filter:invert(433%);


}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none; width:500px">
<script>
var i=22
var video = document.getElementById("video");
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i++,i,500,50)},100);
ctx.draw();
},true);
});
</script>
</body>
</html>>
</body>
</html>
>>
JS Webcam Check Covered Status - Mon, 06 Mar 2017 07:26:13 EST rAGFRmkY No.36586 Reply
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 640, 480);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
JS Web Audio Based On Webcam Data Bytes SRC - Mon, 06 Mar 2017 08:47:38 EST rAGFRmkY No.36587 Reply
<body onload="setInterval(ff,0.01)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
//lfo.frequency.value = Number(11200.)+i;
var hfo = context.createOscillator();
//hfo.frequency.value = Number(11290.)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
</script>

<body onload="setInterval(ff,0.0001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
//lfo.frequency.value = Number(11200.)+i;
var hfo = context.createOscillator();
//hfo.frequency.value = Number(11290.)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
</script>
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
var ccct=getBase64Image(video)

lfo.frequency.value = Math.random()*Number(ccct);
var hfo = context.createOscillator();
hfo.frequency.value = Math.random()*Number(ccct);
var modulationGain = context.createGain();
modulationGain.gain.value = 10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
</script>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 640, 480);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
JS Web Audio Based On Webcam Data Bytes SRC - Mon, 06 Mar 2017 09:04:57 EST rAGFRmkY No.36589 Reply
<body onload="setInterval(ff,8.01)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
//lfo.frequency.value = Number(11200.)+i;
var hfo = context.createOscillator();
//hfo.frequency.value = Number(11290.)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
//lfo.start(0);
}
}
</script>

<body onload="setInterval(ff,70.0001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
//lfo.frequency.value = Number(11200.)+i;
var hfo = context.createOscillator();
//hfo.frequency.value = Number(11290.)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
</script>
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
var ccct=getBase64Image(video)

lfo.frequency.value =(ccct);
var hfo = context.createOscillator();
hfo.frequency.value = (ccct-);
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
//lfo.start(0);
}
}
</script>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
//alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('mousemove', function() {

context.drawImage(video, 0, 0, Math.random()*640, Math.random()*480);
ctt=getBase64Image(video);

if(ctt<=370000){
//alert("Webcam Is Covered!!")
//return 0;
}else{
//alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return Math.random()*dataURL.length;
}
</script>
>>
Graham Farryfock - Mon, 06 Mar 2017 10:12:36 EST rAGFRmkY No.36591 Reply
<style>
body{


filter:contrast(3323%)
}
canvas{

filter:invert(180%);


}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=100;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.rotate(1,360);
ctx.moveTo(Math.random()*500,Math.random()*500);
ctx.drawImage(video,i+Math.random()*500,100,Math.random()*4500,4500)},1.001);

fill();
}, false);
});
</script>
</center>
>>
Graham Farryfock - Mon, 06 Mar 2017 11:05:08 EST rAGFRmkY No.36592 Reply
<style>
body{
filter:invert(180%);
}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=10;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity+=1.9;
ctx.drawImage(video,ii*Math.floor(Math.random()*453),Math.random()*44,7,Math.random()*414)},0.1);
ctx.draw();
drawe();
}, false);
});
</script>
</center>
>>
Eugene Funderhall - Mon, 06 Mar 2017 12:53:43 EST OEFE9/xF No.36593 Reply
<!DOCTYPE html>
<html>
<center>
<button onclick="Loc();">Location</button>
<script>
function Loc()
{
var loc = document.getElementById("demo");
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("Geolocation is not supported by this browser.");
}
}
function showPosition(position) {
alert("Latitude: " +position.coords.latitude+"\n\n"+"Longitude:" +
position.coords.longitude,"Your Current Location");
document.writeln("<center>Geo Location:<p>"+position.coords.latitude+'<p>');
document.body.innerHTML=('Lat: '+position.coords.latitude+' Lon: '+position.coords.longitude+'<p>');
}
</script>
<center>
</html>
>>
Graham Farryfock - Mon, 06 Mar 2017 15:59:33 EST rAGFRmkY No.36594 Reply
<style>
body{
filter:invert(38422334deg);


}
canvas{
filter:flip(18044);
filter:invert(180%);



}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},200);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Martin Pavingwot - Mon, 06 Mar 2017 16:01:41 EST FDCM4wg4 No.36595 Reply
I liked you better when you were DJ BrU.
>>
Graham Farryfock - Mon, 06 Mar 2017 17:05:49 EST rAGFRmkY No.36599 Reply
<style>
body{
filter:invert(38422334deg);


}
canvas{
filter:flip(18044);
filter:invert(180%);



}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1500" height="1500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,1500,1500)},200);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
</body>
</html>
<style>
body{
filter:invert(180%);
}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=10;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity+=1.9;
ctx.drawImage(video,ii*Math.floor(Math.random()*1453),Math.random()*44,7,Math.random()*414)},0.001);
ctx.draw();
drawe();
}, false);
});
</script>
</center>
>>
Esther Neblinghen - Mon, 06 Mar 2017 17:27:56 EST G37uchdY No.36600 Reply
<style>
body{
filter:invert(38422334%);


}
canvas{
filter:flip(180444);
filter:contrast(1830%);



}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,549,500,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,500,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},200);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Esther Neblinghen - Mon, 06 Mar 2017 17:52:16 EST G37uchdY No.36601 Reply
<style>body{
filter:contrast(42180%);


}
</style>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 640, 480);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
David Dubblegold - Tue, 07 Mar 2017 00:51:53 EST rAGFRmkY No.36602 Reply
<style>body{
filter:invert(180%);


}
</style>
<center>
<body bgcolor="black" forecolor="FFFFFF">
<video id="video" width="640" height="480" autoplay></video><br>
<button onclick="//window.print();"id="t">Check Visibility</button>
<button onclick="window.print();">Print Image</button>
<canvas id="canvas" width="940" height="980"></canvas>
<script>
//alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
window.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 940, 980);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
>>
Jenny Gebberhodging - Sat, 25 Mar 2017 11:17:49 EST rAGFRmkY No.36635 Reply
<style>body{
filter:invert(180%);


}
</style>
<center>
<body bgcolor="black" forecolor="FFFFFF">
<video id="video" width="1000" height="1000" autoplay></video><br>
<button onclick="//window.print();"id="t">Check Visibility</button>
<button onclick="window.print();">Print Image</button>
<canvas id="canvas" width="1000" height="1000"></canvas>
<script>
//alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
window.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 1000, 1000);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0,1000,1000);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
Jenny Gebberhodging - Sat, 25 Mar 2017 11:28:21 EST rAGFRmkY No.36636 Reply
<style>body{
filter:invert(1%);


}
</style>
<center>
<body bgcolor="black" forecolor="FFFFFF">
<video id="video" width="500" height="500" autoplay></video><br>
<button onclick="//window.print();"id="t">Check Visibility</button>
<button onclick="window.print();">Print Image</button>
<canvas id="canvas" width="500" height="500"></canvas>
<script>
//alert('Click The Moving Webcam.\n\nThis Will Check If The Camera Is Covered Or Not.\n\nAlso This Will Take A Still Snap Shot Image!!')
window.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('click', function() {

context.drawImage(video, 0, 0, 100, 100);
ctt=getBase64Image(video);

if(ctt<=370000){
alert("Webcam Is Covered!!")
return 0;
}else{
alert('Webcam Is Visible!!')
}

});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0,500,500);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
</script>
>>
Samuel Henningworth - Sat, 25 Mar 2017 23:14:34 EST rAGFRmkY No.36639 Reply
<style>
canvas{
filter:brightness(331%);
}
<style>
<style>
body{
overflow: visible;
position:center;

filter:invert(31.0);
}
.container{
position: center;
width: Math.random()*5vmax+1vmax;
height: 1457vmax+1707vmax;

}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=188;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,event.y,event.x,Math.random()*4*180);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,500+i,500+i)},180);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Samuel Henningworth - Sun, 26 Mar 2017 05:53:54 EST rAGFRmkY No.36641 Reply
<center>
<body onmousemove="setInterval(drawe,10)" bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="5000" height="5000" style="drawColor:#FFFFFF">
<script>
var inn=prompt("Enter Text:")
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i++,i++,i++,i++)},10);
ctx.topmost=false;
ctx.fill();
}, false);
});

var i=500;
function drawe(){
i++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font="23px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
//canvas.style.opacity=Math.random()*1.0;
ctx.font="5000px creepy"
ctx.fillText(""+inn,Math.random()*i+90,Math.random()*i+90,Math.random()*i++,Math.random()*i++,i);
ctx.rotate(180%Math.PI*2)
ctx.draw();
text='';
}
</script>

<canvas id="myCanvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
var ii=4;
function drawe(){
var
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.strokeStyle='#'+text;
ctx.fillStyle="#"+text;
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d";
var cts=c.getContext('2d');
ctx.beginPath();

ctx.strokeRect(ii,ii,ii,ii,ii);
ctx.stroke();
text='';
}
</script>
</body>
>>
Samuel Henningworth - Sun, 26 Mar 2017 06:03:04 EST rAGFRmkY No.36642 Reply
<center>
<body onmousemove="setInterval(drawe,140)" bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="5000" height="5000" style="drawColor:#FFFFFF">
<script>
var inn=prompt("Enter Text:")
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i++,i++,i++,i++)},10);
ctx.topmost=false;
ctx.fill();
}, false);
});

var i=500;
function drawe(){
i++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font="23px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
//canvas.style.opacity=Math.random()*1.0;
ctx.font="5000px creepy"
ctx.fillText(""+inn,Math.random()*i+90,Math.random()*i+90,Math.random()*i++,Math.random()*i++,i);
ctx.rotate(180%Math.PI*2)
ctx.draw();
text='';
}
</script>

<canvas id="myCanvas" width="10000" height="10000" style="background:black;">
</canvas>
<script>
var ii=4;
function drawe(){
var
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.strokeStyle='#'+text;
ctx.fillStyle="#"+text;
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d";
var cts=c.getContext('2d');
ctx.beginPath();

ctx.strokeRect(ii,ii,ii,ii,ii);
ctx.stroke();
text='';
}
</script>
</body>
>>
Emma Bunhood - Mon, 27 Mar 2017 02:16:39 EST rAGFRmkY No.36645 Reply
<style>
video{
filter:brightness(342%);
}
canvas{
filter:invert(180%);
}

</style>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
alert('Move The Mouse Around Inside Of The Webcam Image To Check If A Person/Animal Is Visible!!');
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('keydown', function() {


ctt=getBase64Image(video);




if(ctt>539909){
context.drawImage(video, 0, 0, 640, 480);
}else{
alert('Person Not In Frame!!');
}


});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length;
}
</script>


</body>
>>
George Greenville - Mon, 27 Mar 2017 08:42:00 EST +0wPAcGq No.36646 Reply
<style>
body{
filter:saturate(2088%);
}
</style>
<center>
<body bgcolor="#000000" onmousemove="setInterval(Load_Img('https://api.audiotool.com/track/dj_bru_-_acid_step/2/cover/128.jpg?showDefault=true'),33)" background-color="white">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="5000" height="5000" style="drawColor:#FFFFFF">
<script>
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,Math.PI,Math.PI,window.innerHeight,window.innerWidth)},31);
}, false);
});

function Load_Img(path){
var h,w;
h=('5000');
w=('5000')
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src=(path)
ctx.translate(event.x,event.y)
ctx.rotate(event.x/2,event.x*2)
// canvas.style.opacity=Math.random()*1.1
ctx.strokeImage(img,Math.random()*event.x,Math.random()*event.y,Math.random()*event.x,event.y);

}
</script>

</body>
</html>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:27:12 EST 6RfaLPAU No.36648 Reply
<style>
body{
filter:invert(134%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},20);
ctx.fill();
drawe;
}, false);
});
</script>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:29:06 EST 6RfaLPAU No.36649 Reply
<style>
body{
filter:invert(38422334%);






}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var amm=prompt('Enter Rate:');
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)

ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,Math.random()*-20,0,500,500)},amm);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:31:21 EST 6RfaLPAU No.36650 Reply
<canvas id="canv" width = "1000" height = "1008" style=background: hsla(0, 1000%, 100%, 1);>
</canvas>


<script>

var c = document.getElementById("canv");
var ctx = c.getContext("2d");

id = ctx.createImageData(1000,1000);
id.data[2]--;
function draw() {
var w=c.width;
var h=c.height;
window.requestAnimationFrame(draw);
var r;
for (var p = 4 * (w * h - 4); p >= 4; p -= 5) {
r = Math.random();
id.data[p] = id.data[p+1] = id.data[p+2] = 12 * Math.pow(r, 1.6);
id.data[p+3] +=35;
}
ctx.putImageData(id, 0, 0);
}

draw();

</script>
</body>
</html>
<script>
var c = document.getElementById("canv");
var ctx = c.getContext("2d");
<canvas id="canv" width = "43260" height = "360" style=background: hsla(0, 1000%, 100%, 1);>
</canvas>

<script>
var c = document.getElementById("canv");
var ctx = c.getContext("2d");

id = ctx.createImageData(460,360);

var w=c.width;
var h=c.height;
window.requestAnimationFrame(draw);
var r;
for (var p = 7 * (w * h - 4); p >= 4; p -= 5) {
r = Math.random();
id.data[p] = id.data[p+=1] = id.data[p+2] = 12 * Math.pow(r,1.6)) 1.6);
id.data[p+4] +=5;
}
ctx.putImageData(id, w++, h++);



id += ctx.createImageData(w,h++);

function draw() {
var w=c.width;
var h=c.height;I
window.requestAnimationFrame(draw);
var r=1.6
for (var p = 1 8+(w + h+4+2); p = 4; p = 5) {
r = Math.random();
id.data[p] = id.data[p+1] = id.data[p+2] = 225 * Math.pow(Math.PI++, 1.6);
id.data[p+4] +=5;
}
ctx.putImageData(id.data, id.data=+=5, 0,1000+canv.height,1000+canv.width);
}

draw();

</script>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:32:47 EST 6RfaLPAU No.36651 Reply
<style>
video{
filter:contrast(24244);
}
canvas{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>
alert('Move The Mouse Around Inside Of The Webcam Image To Check If A Person/Animal Is Visible!!');
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('keydown', function() {


ctt=getBase64Image(video);




if(ctt>539909){
context.drawImage(video, 0, 0, 640, 480);
}else{
alert('Person Not In Frame!!');
}


});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length;
}
</script>


</body>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:38:01 EST 6RfaLPAU No.36652 Reply
<style>
body{
filter:invert(38422334%);






}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var amm=prompt('Enter Rate:');
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)

ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,Math.random()*0,0,amm++,amm++)},amm);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Hannah Punningwill - Wed, 29 Mar 2017 19:44:38 EST 6RfaLPAU No.36653 Reply
<style>
body{

filter:saturate(3345%);

}
canvas{

<-- filter:invert(35435350%);-->


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>a
>>
Charles Chobberworth - Wed, 29 Mar 2017 20:45:36 EST rAGFRmkY No.36654 Reply
<style>
body{

filter:saturate(99999999e9999%);




}
</style>
<center>
<body bgcolor="black" onload="">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"

ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1.0;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,1,500,500)},1);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i =window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},0.000001);
ctx.draw();
drawe;
}, false);
});
</script>a
>>
Charles Chobberworth - Wed, 29 Mar 2017 20:48:46 EST rAGFRmkY No.36655 Reply
<style>
body{
filter:sepia(134%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
//ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
//ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},20);
ctx.fill();
drawe;
}, false);
});
</script>
>>
Charles Chobberworth - Wed, 29 Mar 2017 20:52:16 EST rAGFRmkY No.36656 Reply
<style>
body{


filter:saturate(355350%);


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>a
>>
Charles Chobberworth - Wed, 29 Mar 2017 20:55:44 EST rAGFRmkY No.36657 Reply
<style>
body{


filter:saturate(355350%);


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Charles Chobberworth - Thu, 30 Mar 2017 11:35:40 EST rAGFRmkY No.36658 Reply
<style>
body{
filter:invert(38422334%);






}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var amm=prompt('Enter Rate:');
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,3,2)

ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,amm++,amm)},amm);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Charles Chobberworth - Thu, 30 Mar 2017 15:03:15 EST rAGFRmkY No.36659 Reply
<style>
body{


filter:brightness(350%);


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,33)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Charles Chobberworth - Thu, 30 Mar 2017 15:05:03 EST rAGFRmkY No.36660 Reply
<style>
body{
filter:brightness(14384%);

filter:saturate(1833330%);
filter:invert(1830%);



}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="10000" height="10000" style="opacity:1.0;fillColor:none;">
<script>
var amm=11;
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
text='';

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,amm+2,amm++)},2);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Charles Chobberworth - Thu, 30 Mar 2017 18:09:30 EST rAGFRmkY No.36661 Reply
<style>
body{

filter:invert(677327745%);

}

</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i++,50,30)},inn++); //ctx.drawImage(video,i,i,40,20)},inn++);
}, true);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

//context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=true;

ctx.drawImage(video,1000,1000,20)},1);
ctx.draw()
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
//ctx.fillImage(video,1,1,20,50)},1);

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,i,i,1000,1000)},1);
ctx.draw();

drawe;
}, false);
});
</script>
</html>
>>
Sophie Wandletid - Thu, 30 Mar 2017 23:58:14 EST 8TxdpyYV No.36662 Reply
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,4,4,Math.random()*Math.PI*1000);
ctx.fill();
ctx.topmost=true;
ctx.stroke();
//text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.fillImage(video,1000,1000,1000,1000)},50);

drawe;
}, false);
});
</script>
<style>
body{

filter:invert(677327745%);

}

</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i++,50,30)},inn++); //ctx.drawImage(video,i,i,40,20)},inn++);
}, true);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

//context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=true;

ctx.drawImage(video,1000,1000,20)},1);
ctx.draw()
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
//text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
//ctx.fillImage(video,1,1,20,50)},1);

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,0,0,1000,1000)},1);
ctx.draw();

drawe;
}, false);
});
</script>
</html>
>>
Sophie Wandletid - Fri, 31 Mar 2017 00:05:25 EST 8TxdpyYV No.36663 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="400" height="400" style="opacity:1.0;fillColor:none;center">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,Math.random()*50,Math.random()*50,Math.random()*Math.PI*1000);
ctx.fill();
ctx.topmost=true;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,1,1,1000,1000)},200);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Sophie Wandletid - Fri, 31 Mar 2017 00:08:46 EST 8TxdpyYV No.36664 Reply
<style>
body{
filter:saturate(178780%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="400" height="400" style="opacity:1.0;fillColor:none;center">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(event.x,event.y,Math.random()*50,Math.random()*50,Math.random()*Math.PI*1000);
ctx.fill();
ctx.topmost=true;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,1,1,1000,1000)},200);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Sophie Wandletid - Fri, 31 Mar 2017 00:44:25 EST 8TxdpyYV No.36665 Reply
<center>
<script>var score=1;</script>
<body bgcolor="black" onload="alert('Click any place to play!!')"onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<body onclick="var iii=(Math.round(canvas.style.opacity));if(iii>=1){alert('You Win!! Score Is: '+score);
score++;}else{alert('You Lose!!');}">test</button>
<script>
var ii=1;
var score=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;
document.body.bgcolor=text;
//ctx.moveTo(Math.random()*event.x+4,Math.random()*event.y-4);
//ctx.lineTo(Math.random()*event.x+4,Math.random()*event.y-1);
ctx.topmost=true;
canvas.style.opacity=Math.random()*1.1
ctx.drawImage(video,ii+50,50,500,Math.random()*1000)
ctx.draw();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,1,1,Math.rabdom()*500,Math.random()*500)},inn--);
//ctx.draw();
}, false);
});
</script>
>>
Sophie Wandletid - Fri, 31 Mar 2017 01:00:15 EST 8TxdpyYV No.36666 Reply
<style>

body{
overflow: hidden;
position:absolute;
top:0;
left:0;
z-index:$indexbody;
width: 100%;
height: 100%;
filter:invert(1);
}

.container{
position: absolute;
z-index:$indexc1;
width: random()*5vmax+1vmax;
height: random()*15vmax+10vmax;
top: 50%;
left: 50%;
animation: spin $timec1 cubic-bezier(1,floor(-4.332),sqrt(.4),7.33) infinite;
mix-blend-mode:color;
}

.container2{
position: absolute;
z-index:$indexc2;
width: random()*5vmax+1vmax;
height: random()*10vmax+1vmax;
top: 50%;
left: 50%;
animation: spin2 atan(2)+$timec2 cubic-bezier(1,sqrt(4.33),.1,-3.33) infinite alternate;
mix-blend-mode:color-dodge;
filter:invert(1);
}


.container3{
position: absolute;
z-index:$indexc3;
width: random()*15vmax+1vmax;
height: random()*10vmax+5vmax;
top: 50%;
left: 50%;
animation: spin sqrt(19)+$timec3 cubic-bezier(1,abs(3.33),.1,atan(-55.33)) infinite reverse;
mix-blend-mode:exclusion;
filter:contrast(1.2);

}

section {
position: absolute;
z-index:$indexs;
mix-blend-mode:xor;
left: 50%;
bottom: 50%;
width: $width;
height: $height;
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
transform-origin: 50% 100%;
background-image: url('http://www.lacor.info/gnrl/codepen/we/entrance_pixies_s_house.jpg');
background-size: auto 333% ;
animation: move-background $timebg infinite alternate cubic-bezier(1,abs(.33),.1,-1.33);
}

@for $i from 1 through $sections {
.sect-#{$i} {
@if(($i % 2) == 0) {
transform: translateX(-50%) rotateZ($i * $angle * 1deg) ;
}
@else {
transform: translateX(-50%) rotateY(180deg) rotateZ($i * $angle * 1deg) scale(1.6,1.3);
}
}
}

@keyframes spin {
0% {
transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
}
100% {
transform: translateX(-50%) translateY(-50%) rotateZ(-360deg) ;
filter:brightness(1.5) ;
}
}

@keyframes spin2 {
0% {
transform: translateX(-50%) translateY(-50%) rotateZ(cos(10)+1deg) ;
}
100% {
transform: translateX(-50%) translateY(-50%) rotateZ(-360deg) scale(1.2,1.2);
filter:brightness(1.2) ;
}
}

@keyframes move-background {
0% {
background-position: 100% 100%;
}

50%{
background-size:96% auto;
filter:hue-rotate(360%) ;
z-index:$indexcanv;
}
100% {
background-position: 1000% 100%;
}
}

canvas {
position:absolute;
top:0;
left:0;
z-index:$indexcanv;
mix-blend-mode:difference;
background-blend-mode:hue;
filter:invert(0) hue-rotate(20deg) contrast(1.0);
width: 100%;
height: 100%;
}
</style>
<video id="video" width="500" height="500" autoplay></video>
<canvas id="canvas" width="5000" height="5000"></canvas>
<script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
</script>
>>
George Driddlestone - Fri, 31 Mar 2017 14:11:35 EST rAGFRmkY No.36668 Reply
<center>
<body bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:1.0">
<script>
var inn=prompt("Enter #:");
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:1};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=1.1
if(canvas.style.opacity==0.0);
canvas.style.opacity++
}
ctx.drawImage(video,1,1,500,500)},inn);
}, false);
});
</script>
<script>
var audioCtx=new AudioContext();
var oscillator = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
var WIDTH = window.innerWidth;
var HEIGHT = window.innerHeight;
var FreqMax = prompt("Enter Mox Freq");;
var VolMax = prompt("Enter Max Vol:");
var Freq = prompt("Enter Starting Freq:");
var Vol = prompt("Enter Starting Vol:");
oscillator.type = '1';
oscillator.frequency.value = Freq;
oscillator.start();
gainNode.gain.value =Vol;
var CurX;
var CurY;
document.onmousemove = updatePage;
function updatePage(e) {
CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
oscillator.frequency.value = (CurX/WIDTH) * FreqMax;
gainNode.gain.value = (CurY/HEIGHT) * VolMax;
osillator.detune=(0);
canvasDraw();
}
</script>
<html>
<body onmousemove="drawe();" onchange="drawe();" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:darkorange;">
</canvas>
<script>
function drawe(){
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.moveTo(event.x+CurX,event.y+CurX);
ctx.lineTo(event.x+CurX,event.y+CurY);
ctx.stroke();
ctx.clear();
}
</script>
</body>
</html>
<video id='video'/>
<canvas id="canvas" width="500" height="500" style="border:0px solid"/>

<script>
function Draw(){
var canvas = document.getElementById("canvas");
var ctx=canvas.getContext("2d");
ctx.border='1px';
ctx.fillAlign = "center";
ctx.beginPath();
ctx.fillStyle='magenta';
ctx.arc(Math.random()*1000,Math.random()*1000,40,0,2*Math.PI);
ctx.fill();
}
var inncol=prompt('Enter Color:')
document.writeln('<body bgcolor='+inncol+'>');
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = {video:true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,0,0,500,500)},1);

}, false);
});
</script>
var intt=prompt('Enter Amount Of Circles Gen:');
for(var i=0;i<intt;i++){

ctx.border='1px';
ctx.fillAlign = "center";
ctx.beginPath();
ctx.fillStyle='magenta';
ctx.arc(Math.random()*1000,Math.random()*1000,40,0,2*Math.PI);
ctx.draw();
}
</script>



</body>
</html>
>>
John Brallystone - Sat, 01 Apr 2017 03:18:25 EST rAGFRmkY No.36669 Reply
<script>
var audioCtx=new AudioContext();
var oscillator = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
var WIDTH = window.innerWidth;
var HEIGHT = window.innerHeight;
var FreqMax = 23666600;
var VolMax = 10.0;
var Freq = "1";
var Vol = 10.0;
oscillator.type = 'sine';
oscillator.frequency.value = Math.random()*Freq;
oscillator.start();
gainNode.gain.value = Math.random()*Vol;
var CurX;
var CurY;
document.onmousemove = updatePage;
function updatePage(e) {
CurX = (window.Event) ? e.pageX : event.x + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurY = (window.Event) ? e.pageY : event.y + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
oscillator.frequency.value = (CurX/WIDTH) * FreqMax;
gainNode.gain.value = (CurY/HEIGHT) * VolMax;
osillator.detune=(0);
canvasDraw();
}
</script>
<html>
<body onmousemove="drawe();
drawf();" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
function drawe(){
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
for(var i1=1;i1<20;i1++){

Line=Math.random()*CurX;

if(event.y>i1){
Line1=Math.random()*CurY;
}
ctx.beginPath(Line1,Line1);
ctx.moveTo(Line,Line1);
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.strokeStyle='#'+text;
text='';
ctx.lineTo(event.x,event.y);
ctx.stroke()
ctx.paint();
ctx.clear();
}
}
</script>
>>
John Brallystone - Sat, 01 Apr 2017 06:00:50 EST rAGFRmkY No.36670 Reply
<center>
<body onmousemove="setInterval(drawe,10)" bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="500" height="500" style="drawColor:#FFFFFF">
<script>
var inn=prompt("Enter Text:")
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i+8,i+8,i+8,i++)},10);
ctx.topmost=false;
ctx.fill();
}, false);
});

var ii=50;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font="23px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();

ctx.fillText(""+inn,Math.random()*ii+1,Math.random()*ii++,Math.random()*ii++,Math.random()*ii+10,ii+10);
ctx.rotate(180%Math.PI*2)
ctx.draw();
text='';
}
</script>
>>
>>
JS Fib Seq Webcam FX SRC - Sat, 01 Apr 2017 08:20:53 EST rAGFRmkY No.36671 Reply
<center>
<body onmousemove="setInterval(drawe,10)" bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="500" height="500" style="drawColor:#FFFFFF">
<script>var int=1;
var int=1;
var inn=prompt("Enter Text:")
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,int+int,int+int)},10);
ctx.topmost=false;
ctx.fill();
}, false);
});

var ii=50;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font="23px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();

ctx.fillText(""+inn,int+int,int+int);
ctx.rotate(180%Math.PI*2)
ctx.draw();
text='';
}
</script>
>>
John Brallystone - Sat, 01 Apr 2017 11:08:20 EST rAGFRmkY No.36672 Reply
<center>
<body onmousemove="setInterval(drawe,10)" bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="500" height="500" style="drawColor:#FFFFFF">
<script>var int=1;
var int=1;
var inn=prompt("Enter Text:")
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,int+int,int+int)},10);
ctx.topmost=false;
ctx.fill();
}, false);
});

var ii=50;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font="180px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();

ctx.fillText(""+inn,int+int,int+int);
ctx.rotate(180%Math.PI*2+1)
ctx.draw();
text='';
}
</script>
>>
Doris Nusslewine - Sun, 02 Apr 2017 09:36:46 EST rAGFRmkY No.36674 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=50;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;


ctx.topmost=false;
c.style.opacity=0.7;
ctx.drawImage(video,event.x,event.y,event.x,event.y)
ctx.fill();
ctx.clear;
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

canvas.style.opacity=1.0;
ctx.topmost=true;
ctx.fillImage(video,ii,ii,event.x,event.y)},55);
ctx.fill();
}, 233);
});
</script>
>>
Albert Turveystone - Wed, 05 Apr 2017 21:02:33 EST 1joa5uVv No.36685 Reply
Can you add some titles to some of this shit. Because you should decide: are you sharing programs, or are you dumping pastes?
I think it'd be cool to test but I have no idea what all these posts are; are they even related; etc?
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 03:53:00 EST rAGFRmkY No.36690 Reply
<style>
body{

filter:saturate(675%);

}

</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i++,50,30)},inn++); //ctx.drawImage(video,i,i,40,20)},inn++);
}, true);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

//context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=true;
ctx.drawImage(video,Math.random()+8,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,50+ii,20)},1);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
//ctx.fillImage(video,1,1,20,50)},1);

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,ii,i+ii,100,100)},1);
ctx.draw();

drawe;
}, false);
});
</script>
</html>
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 03:54:11 EST rAGFRmkY No.36691 Reply
They are just JS Experiments Mostly Unrelated To The Original Post
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 04:22:15 EST rAGFRmkY No.36693 Reply
<style>
body{

filter:contrast(1);

}
canvas{

filter:contrast(1333344e5%);
filter:brightness(409%);

}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=100;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*0.9;
ctx.drawImage(video,1,1,1000,1000)},31);

drawe();
}, false);
});
</script>
</center>
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 04:26:12 EST rAGFRmkY No.36694 Reply
<style>
body{

filter:contrast(1);

}
canvas{

filter:contrast(1333344e5%);
filter:brightness(409%);

}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=100;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*0.9;
ctx.drawImage(video,1+ii,1,1000+ii,1000)},31);

drawe();
}, false);
});
</script>
</center>
>>
JS Night Vision Brightness + PIP SRC - Sun, 09 Apr 2017 07:29:49 EST rAGFRmkY No.36695 Reply
<style>
body{

filter:saturate(675%);

}

</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i++,50,30)},inn++); //ctx.drawImage(video,i,i,40,20)},inn++);
}, true);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="5000" height="5000" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

//context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=true;
ctx.drawImage(video,Math.random()+8,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,50+ii,20)},1);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
//ctx.fillImage(video,1,1,20,50)},1);

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,i=+6,i=+7,500,500)},1);
ctx.draw();

drawe;
}, false);
});
</script>
</html>
>>
JS Web Audio API Piano SRC Demo V3 - Sun, 09 Apr 2017 08:14:40 EST rAGFRmkY No.36696 Reply
<center>
<h3> Web Piano Example Source V1</h3>
<input type="text" id="Text1" name="Text1" hidden="true">
<input type="text" id ="Text2" name="Text2" hidden="true">
<input type="checkbox" id="chk1" name="chk1" onclick="script:chk2.checked=false;
chk3.checked=false;
chk4.checked=false;">Triange</input>
<input type="checkbox" id="chk2" name="chk2" onclick="script:chk1.checked=false;
chk3.checked=false;
chk4.checked=false;">Square</input>
<input type="checkbox" id="chk3" name="chk3" onclick="script:chk1.checked=false;
chk2.checked=false;
chk4.checked=false;">Sine</input>
<input type="checkbox" id="chk4" name="chk4" onclick="script:chk4.checked=true;
chk1.checked=false;
chk2.checked=false;
chk3.checked=false;">Sawtooth</input>
<p>
<button hidden ="false" onclick="script:
var PlayLen=Text1.value;
var Freq=Text2.value;
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
oscillator.frequency.value = Freq;
oscillator.connect(context.destination);
oscillator.start(0);
oscillator.stop(PlayLen);
oscillator.disconnect(PlayLen);">Play Sound</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='27.50';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">A1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='30.87';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">B1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='32.70';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">C1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='36.71';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">D1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='41.20';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">E1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='43.65';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">F1</button>
<button onclick="script:
var context = new AudioContext();
oscillator=context.createOscillator();
if(chk1.checked==true){
oscillator.type = 'triangle';
}
if(chk2.checked==true){
oscillator.type = 'square';
}
if(chk3.checked==true){
oscillator.type = 'sine';
}
if(chk4.checked==true){
oscillator.type = 'sawtooth';
}
var PlayLen=Text1.value;
var Freq=Text2.value;
var PlayLen='1';
var Freq='49.';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination)
oscillator.start(0);
oscillator.stop(0.5);">G1</button>
</center>
>>
JS SWF Crash Fun SRC - Sun, 09 Apr 2017 08:22:32 EST rAGFRmkY No.36697 Reply
<html>
<body>
<button onclick="myFunction()">Test</button>
<script>
function myFunction() {
var out = prompt("Enter # Of SWF Instances:");
for(var i=0;i<out;i++){
var x = document.createElement("EMBED");
x.setAttribute("src", "helloworld.swf");
document.body.appendChild(x);
}
}
</script>
</body>
</html>
>>
JS Calc Update SRC - Sun, 09 Apr 2017 08:36:37 EST rAGFRmkY No.36698 Reply
<center>
<title>Calculator</title>
<h4>Input:</h4>
<input value="0"; id="Input" name="Input"</input>
<br>
<h4>Keypad:</h4>
<input type="button"; value=" 1 "; onclick="javascript:
var IntHolder;
var IntHolder0;
IntHolder=(1);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 2 "; onclick="javascript:
var IntHolder;
var IntHolder0;
IntHolder=(2);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 3 "; onclick="javascript:
var IntHolder;
var IntHolder0;
IntHolder=(3);
Input.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 4 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(4);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 5 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(5);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 6 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(6);
Input.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 7 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(7);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 8 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(8);
Input.value=(IntHolder);
"></input>
<input type="button"; value=" 9 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(9);
Input.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 0 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(0);
Input.value=(IntHolder);
"></input>
<h4>Input:</h4>
<input value="0"; id="Input1" name="Input1"</input>
<h4>Keypad:</h4>
<input type="button"; value=" 1 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(1);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 2 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(2);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 3 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(3);
Input1.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 4 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(4);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 5 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(5);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 6 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(6);
Input1.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 7 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(7);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 8 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(8);
Input1.value=(IntHolder);
"></input>
<input type="button"; value=" 9 "; onClick="javascript:
var IntHolder
var IntHolder0
IntHolder=(9);
Input1.value=(IntHolder);
"></input>
<br>
<input type="button"; value=" 0 " onclick="javascript:
var IntHolder
var IntHolder0
IntHolder=(0);
Input1.value=(IntHolder);
"></input>

<h4>Operators:</h4>
<input type="button"; value=" + "; onClick="javascript:
var IntHolder
IntHolder=Number(Input.value) + Number(Input1.value)
Output.value=(IntHolder);
"></input>
<input type="button"; value=" - "; onClick="javascript:
var IntHolder
IntHolder=Input.value - Input1.value
Output.value=(IntHolder);
"></input>
<input type="button"; value=" X "; onClick="javascript:
var IntHolder
IntHolder=Input.value * Input1.value
Output.value=(IntHolder);
"></input>
<input type="button"; value=" / "; onClick="javascript:
var IntHolder
IntHolder=Input.value / Input1.value
Output.value=(IntHolder);
"></input>
<br>
<br>
<h4>Result:</h4>
<input value=""; id="Output" name="Output"</input>
</center>
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 11:32:48 EST rAGFRmkY No.36699 Reply
<style>
video{
filter:contrast(2);
}
canvas{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>

<canvas id="canvas" width="640" height="480"></canvas>
<script>

document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();

});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();

}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
document.addEventListener('keydown', function() {


ctt=getBase64Image(video);




if(ctt>539909){

}else{
alert('Not In Frame!!');
context.drawImage(video, 0, 0, 640, 480);
}


});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length;
}
</script>


</body>
>>
Phoebe Noblingnut - Sun, 09 Apr 2017 12:00:46 EST bkh8m0qR No.36700 Reply
1491753646952.jpg -(302152B / 295.07KB, 2048x1152) Thumbnail displayed, click image for full size.
This is some thread you've got here. Do you mind if I post in it?
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 12:18:13 EST rAGFRmkY No.36701 Reply
Lovin the windows vista os xml :-) bios is it?
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 13:05:39 EST rAGFRmkY No.36703 Reply
thats the json app specs for a gtalk mobile app in java. And???
>>
Edwin Croffingnedge - Sun, 09 Apr 2017 16:50:59 EST rAGFRmkY No.36705 Reply
<body>
<canvas class="visualizer";id="canvas";width="2940" height="2900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 2.5;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(3044444);
// osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '1';
canvas.strokeStyle = 'rgb(3,26,92)';
canvas.beginPath();
var sliceWidth = WIDTH * 1.0 / 3300;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x = sliceWidth+x;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
<style>
body{

filter:saturate(3345%);

}
canvas{

filter:invert(35435350%);


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>
<body>
<canvas class="visualizer";id="canvas";width="2940" height="2900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 2.5;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(30);
// osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '1';
canvas.strokeStyle = 'rgb(3,26,92)';
canvas.beginPath();
var sliceWidth = WIDTH * 1.0 / 3300;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x = sliceWidth+x;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
>>
Angus Penningman - Sun, 09 Apr 2017 22:36:09 EST rAGFRmkY No.36706 Reply
<style>
body{

filter:contrast(34342);

}

</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="5000" style="opacity:1.0;fillColor:none;">
<script>
var Text1=prompt("Enter Text:")
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text
var grd = ctx.createLinearGradient(0,0,500,500);
grd.addColorStop(0,"#"+text);
grd.addColorStop(1,"#"+text);
ctx.fillStyle=grd;
ctx.shadowColor=grd;
ctx.font=Math.random()*500+"px Creepy";
ctx.fillText(""+Text1,event.x,event.y,event.x,event.y)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,Math.random()*-40,0,500,500)},100);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
Reuben Hallywill - Mon, 17 Apr 2017 21:11:39 EST I9Trx38n No.36729 Reply
<style>
body{


filter:invert(180%);


}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1500" height="1500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:0};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++){
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text
ctx.beginPath();
ctx.drawImage(video,event.x,event.y,event.x,event.y);
}
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,1500,1500)},222);
ctx.fill();

}, false);
});
</script>
>>
Weak Wifi Login's At Hotel's? Why? - Wed, 19 Apr 2017 04:15:21 EST I9Trx38n No.36731 Reply
<HTML>
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="REFRESH" CONTENT="1;URL=http://www.gstatic.com/generate_204">
</head>
<body>&nbsp;</body>
</HTML>

<script language="javascript">
//1.1.1.1/http.www.gstatic.com/login.cgi?user=admin
H=screen.availHeight
H=H-300
window.open("http://1.1.1.1/info.html","Login",'scrollbars=yes,width=350,height=250,top=22;left=330')
</script>
>>
Polly Berringstedge - Fri, 21 Apr 2017 09:30:38 EST rAGFRmkY No.36739 Reply
<style>
body{
filter:invert(38422334deg);


}
canvas{
filter:flip(18044);
filter:invert(66%);



}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#black";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,Math.random()*9,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,Math.random()*3,2)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,59,50,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,Math.random()*3,2)

ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},200);
ctx.fill();
drawe;
drawe;
}, false);
});
</script>
>>
William Gacklebid - Sat, 29 Apr 2017 19:31:13 EST rAGFRmkY No.36775 Reply
<body>
<canvas class="visualizer";id="canvas";width="2940" height="2900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 2.5;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(3044444);
// osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '1';
canvas.strokeStyle = 'rgb(3,26,92)';
canvas.beginPath();
var sliceWidth = WIDTH * 31.0 / 3300;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x = sliceWidth+x;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
<style>
body{

filter:saturate(3345%);

}
canvas{

filter:invert(3543350%);


}
</style>
<center>
<body bgcolor="black" onload="setInterval(Gen,333)">
<video id="video" hidden>
</video>
<canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
<script>
var ii=1;
var inn=0;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.0;
ctx.drawImage(video,i,i,500,50)},inn++);
}, false);
});
function Gen()
{
var text = "";
var possible = "0123456789"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
document.body.style.backgroundColor=(text);
ctx.strokeStyle="#text"
ctx.s
ctx.topMost=true;

}
</script>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=10;
var inn=24;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

ctx.topmost=false;

}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

context.style.opacity=Math.random()*1.0;
ctx.topmost=false;
ctx.drawStyle=''
ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
ctx.drawImage(video,1,500,500,500)},inn);
ctx.draw();
drawe;
}, false);
});
</script>
<script>
var context = new AudioContext();

</script>

<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();

ctx.fill();
ctx.topmost=true;
ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {


ctx.topmost=false;
ctx.drawImage(video,1,1,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>
<body>
<canvas class="visualizer";id="canvas";width="2940" height="2900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 2.5;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(30);
// osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '1';
canvas.strokeStyle = 'rgb(3,26,92)';
canvas.beginPath();
var sliceWidth = WIDTH * 1.0 / 34300;
var x = 80;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 1328.0;
var y = v * Math.random()*HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x = sliceWidth++;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
>>
Graham Brirrystone - Sun, 30 Apr 2017 03:27:56 EST rAGFRmkY No.36783 Reply
<style>
body{
filter:invert(1e34%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#white";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,1,19,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,2,10)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,0,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,1,19,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,2,10)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,0,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.draw();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},30);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Chrome Canvas Crash Exploit - Sun, 30 Apr 2017 07:48:24 EST rAGFRmkY No.36793 Reply
<html>
<body onload="setInterval(doit,0.01);" bgcolor="black">

<canvas id="myCanvas" width="10000" height="10000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient =ctx.createLinearGradient(Math.random()*50000,Math.random()*40000, Math.random()*20335, Math.random()*2035);
gradient.addColorStop("10", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(10000, 1000, 5000,250);
}
</script>
</body>
</html>
<center>
<body bgcolor="black" onmousemove="setInterval('doit()',0.3);" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay>

<canvas id="canvas" onchange="doit;" onchange="doit;" width="5000" height="5000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: 1}
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {

video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;

ctx.drawImage(video,133371,13828)},30);


ctx.draw();


}, false);
});


function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*40080,Math.random()*4000, Math.random()*235, Math.random()*235);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}

</script>
>>
Chrome Canvas Crash Exploit - Sun, 30 Apr 2017 08:00:34 EST rAGFRmkY No.36794 Reply
<html>
<body onload="setInterval(doit,0.01);" bgcolor="black">

<canvas id="myCanvas" width="10000" height="10000" style="border:1px solid #black;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient =ctx.createLinearGradient(Math.random()*50000,Math.random()*40000, Math.random()*20335, Math.random()*2035);
gradient.addColorStop("10", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(10000, 1000, 5000,250);
}
</script>
</body>
</html>
<center>
<body bgcolor="black" onmousemove="setInterval('doit()',0.3);" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay>

<canvas id="canvas" onchange="doit;" onchange="doit;" width="5000" height="5000" style="opacity:1.0;fillColor:none;">
<script>
var ii=1;
var inn=244;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: 1,audio:1}
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;

text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {

video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {

ctx.topmost=false;

ctx.drawImage(video,133371,13828)},30);


ctx.draw();


}, false);
});


function doit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var gradient = ctx.createLinearGradient(Math.random()*40080,Math.random()*4000, Math.random()*235, Math.random()*235);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5", "red");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = 10;
ctx.fillRect(0, 0, 500,250);
}

</script>
>>
Graham Brirrystone - Sun, 30 Apr 2017 15:59:01 EST rAGFRmkY No.36812 Reply
<style>
li.dropdown ul {
display : none; /*To hide the items while loading the page */
}

.container {
width:70%;
float: left;
}

/* Main style part for the menu and items look and feel */
.container .cssState {
float: left;
display:block;
border-top-style: solid;
border-top-width:1px;
border-top-color:black;
border-bottom-width:1px;
border-bottom-color:grey;
border-bottom-style:solid;
width: 200px;
border-right-style:solid;
border-right-color:white;
border-right-width:10px;
padding: 2px;
cursor: pointer;
font-weight: bold;
}

</style>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('li').click(function () {

$(this).find('ul').show();
});
$('li').dblclick(function () {

$(this).find('ul').hide();
});
});
</script>
<body>
<div class="container">
<ul>
<li class="dropdown cssState">
Poop
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>

<li class="dropdown cssState">
Fuck
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>
<li class="dropdown cssState">
Kiss
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>

<li class="dropdown cssState">
Tits
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>

<li class="dropdown cssState">
Anal
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>
<li class="dropdown cssState">
Kinky
<ul>
<li>Chennai</li>
<li>Madurai</li>
<li>Trichy</li>
<li>Coimbatore </li>
</ul>
</li>
</ul>
</div>
</body>
>>
Graham Brirrystone - Sun, 30 Apr 2017 16:07:27 EST rAGFRmkY No.36813 Reply
<center>
<font color=red>
Click on the webcam and enter a value of opacity 0.0 - 1.0 to hide show the webcam!!!
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
var ot=prompt('')
canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},9);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
>>
Graham Brirrystone - Sun, 30 Apr 2017 17:25:05 EST rAGFRmkY No.36814 Reply
<style>
body{
filter:invert(9e34%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#white";
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.x,Math.random()*8,4,Math.PI*180);

ctx.arc(Math.random()*event.x,Math.random()*event.x,Math.random()*8,4,Math.PI*180);

//ctx.arc(Math.random()*event.x,Math.random()*event.x,14,2,Math.PI*180);
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},130);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Reuben Blurryfog - Sun, 30 Apr 2017 20:38:16 EST rAGFRmkY No.36815 Reply
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");33
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var text = "";
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
text=""

ctx.arc(Math.random()*event.x,Math.random()*event.y,4,2,Math.PI*180);
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},100);
ctx.draw();
drawe;
}, false);
});
</script>
>>
Reuben Blurryfog - Mon, 01 May 2017 12:18:08 EST rAGFRmkY No.36821 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
var ot=prompt('')
canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},309);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.x,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.y,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
//ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
var ot=prompt('')
canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},30);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
Reuben Blurryfog - Mon, 01 May 2017 14:52:18 EST rAGFRmkY No.36824 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;
ctx.strokeThickness="99px"
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.stroke();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},129);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
Reuben Blurryfog - Mon, 01 May 2017 14:55:47 EST rAGFRmkY No.36825 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;
ctx.strokeThickness="99px"
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.stroke();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},129);
ctx.draw();

}, false);
});
</script>
>>
Reuben Blurryfog - Mon, 01 May 2017 19:49:48 EST rAGFRmkY No.36826 Reply
<style>
body{
filter:saturate(1242%);
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onclick="var it;">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var itt=1;

function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.fillThickness="99px"
ctx.beginPath();
ctx.arc(event.x,event.y,33,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)

//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)

//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},it=+30);
ctx.draw();

}, false);
});
</script>
>>
Hugh Craffingspear - Mon, 01 May 2017 20:23:19 EST rAGFRmkY No.36827 Reply
<style>
body{
filter:saturate(1242%);
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();
" onclick="var it;">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=21;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var itt=1;

function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.fillThickness="99px"
ctx.beginPath();
ctx.arc(event.x,event.y,Math.random()*event.x,Math.random()*event.y,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)

//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)

//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},it=+30);
ctx.draw();

}, false);
});
</script>
>>
Hugh Craffingspear - Tue, 02 May 2017 14:11:10 EST rAGFRmkY No.36829 Reply
this.URL = url;
this.readyState = this.CONNECTING;
this._pollTimer = null;
this._xhr = null;

function pollAgain(xhr) {
if (xhr.status === 200) {
eventsource._pollTimer = setTimeout(function () {
poll.call(eventsource);
}, interval);
}
}

function poll() {
try { // force hiding of the error message... insane?
if (eventsource.readyState == eventsource.CLOSED) return;

// NOTE: IE7 and upwards support
var xhr = new XMLHttpRequest();
xhr.open('GET', eventsource.URL, true);
xhr.setRequestHeader('Accept', 'text/event-stream');
xhr.setRequestHeader('Cache-Control', 'no-cache');
// we must make use of this on the server side if we're working with Android - because they don't trigger
// readychange until the server connection is closed
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');

if (lastEventId != null) xhr.setRequestHeader('Last-Event-ID', lastEventId);
cache = '';

xhr.timeout = 50000;
xhr.onreadystatechange = function () {
var status = 0;
try {
status = xhr.status;
} catch (e) {}

if ((this.readyState == 3 || this.readyState == 4) && status == 200) {
// on success
if (eventsource.readyState == eventsource.CONNECTING) {
eventsource.readyState = eventsource.OPEN;
eventsource.dispatchEvent('open', { type: 'open' });
}

var responseText = '';
try {
responseText = this.responseText || '';
} catch (e) {}

// process this.responseText
var parts = responseText.substr(cache.length).split("\n"),
eventType = 'message',
data = [],
i = 0,
line = '';

cache = responseText;

// TODO handle 'event' (for buffer name), retry
for (; i < parts.length; i++) {
line = parts.replace(reTrim, '');
if (line.indexOf('event') == 0) {
eventType = line.replace(/event:?\s*/, '');
} else if (line.indexOf('data') == 0) {
data.push(line.replace(/data:?\s*/, ''));
} else if (line.indexOf('id:') == 0) {
lastEventId = line.replace(/id:?\s*/, '');
} else if (line.indexOf('id') == 0) { // this resets the id
lastEventId = null;
} else if (line == '') {
if (data.length) {
var event = new MessageEvent(data.join('\n'), eventsource.url, lastEventId);
eventsource.dispatchEvent(eventType, event);
data = [];
eventType = 'message';
}
}
}

if (this.readyState == 4) pollAgain(this);
// don't need to poll again, because we're long-loading
} else if (eventsource.readyState !== eventsource.CLOSED) {
if (this.readyState == 4) { // and some other status
// dispatch error
eventsource.readyState = eventsource.CONNECTING;
eventsource.dispatchEvent('error', { type: 'error' });
pollAgain(this);
} else if (this.readyState == 0) { // likely aborted
pollAgain(this);
} else {
}
}
};

xhr.send();

setTimeout(function () {
if (true || xhr.readyState == 3) xhr.abort();
}, xhr.timeout);

eventsource._xhr = xhr;

} catch (e) { // in an attempt to silence the errors
eventsource.dispatchEvent('error', { type: 'error', data: e.message }); // ???
}
};

poll(); // init now
};

EventSource.prototype = {
close: function () {
// closes the connection - disabling the polling
this.readyState = this.CLOSED;
clearInterval(this._pollTimer);
this._xhr.abort();
},
CONNECTING: 0,
OPEN: 1,
CLOSE 2,
dispatchEvent: function (type, event) {
var handlers = this['_' + type + 'Handlers'];
if (handlers) {
for (var i = 0; i < handlers.length; i++) {
handlers.call(this, event);
}
}

if (this['on' + type]) {
this['on' + type].call(this, event);
}
},
addEventListener: function (type, handler) {
if (!this['_' + type + 'Handlers']) {
this['_' + type + 'Handlers'] = [];
}

this['_' + type + 'Handlers'].push(handler);
},
removeEventListener: function () {
// TODO
},
onerror: null,
onmessage: null,
onopen: null,
readyState: 0,
URL: ''
};

var MessageEvent = function (data, origin, lastEventId) {
this.data = data;
this.origin = origin;
this.lastEventId = lastEventId || '';
};

MessageEvent.prototype = {
data: null,
type: 'message',
lastEventId: '',
origin: ''
};

if ('module' in global) module.exports = EventSource;
global.EventSource = EventSource;

})(this);
>>
Hugh Craffingspear - Tue, 02 May 2017 14:40:30 EST rAGFRmkY No.36830 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=21;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var itt=1;

function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.strokeStyle="#"+text;
ctx.fillThickness="99px"
ctx.beginPath();
ctx.arc(event.x,event.y,Math.random()*event.x,Math.random()*event.y,Math.PI*180);


ctx.stroke();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},130);
ctx.draw();

}, false);
});
</script>
>>
Cedric Blavingneck - Wed, 03 May 2017 01:52:40 EST 6RfaLPAU No.36831 Reply
<center>
<canvas id="canvas" width='1000' height='1000' style="border:22px solid green;"></canvas>

<body bgcolor="white" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video><center>
<canvas id="myCanvas" left="2240" width="2240" height="1220" style="border:22px solid green;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.fillStyle = "red";
ctx.shadowColor = "blue";
ctx.shadowColor = "blue";
ctx.fillRect(Math.random()*50, Math.random()*20, Math.random)*500, Math.random()*1000));

</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).mousemove(function(e){
$('p').css("font-size", "10px");
$('p').css("color", "red");
$("canvas").slideToggle(Math.random()*3000);
ctx.fillRect(event.x, event.y, Math.random()*100, 80);
});
</script>
</head>
<body>
</html>
<canvas id="canvas" width="10000" height="10000"style="opacity:1.0;fillColor:white;">
<script>
var ii=1;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity+=1.2;
ctx.drawImage(video,0,0,1000,1000)},1);
ctx.draw();
drawe();
}, false);
});
</script>
</center>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
window.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: false,audio:true};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.mozGetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
this.document.addEventListener("click", function() {
context.drawImage(video, 4400, 4800);
});
}, false);
</script>
<html>
<body onload="var intt=prompt('Enter Amount Of Circles Gen:');
for(var i=0;i<intt;i++){
Draw();
}">
<canvas id="canvas" width="1000" height="1000"
style="border:0px solid #d3d3d3;">
Your browser does not support the canvas element.
</canvas>
<script>
function Draw(){
var canvas = document.getElementById("canvas");
var ctx=canvas.getContext("2d");
ctx.border='1px';
ctx.fillAlign = "center";
ctx.beginPath();
ctx.fillStyle='magenta';
ctx.arc(Math.random()*1000,Math.random()*1000,40,440,2*Math.PI);
ctx.fill();
}
</script>
</body>
</html>
<script>
var audioCtx=new AudioContext();
var oscillator = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
var WIDTH = window.innerWidth;
var HEIGHT = window.innerHeight;
var FreqMax = prompt("Enter Max Freq");
var VolMax = prompt("Enter Max Vol:");
var Freq = prompt("Enter Starting Freq:");
var Vol = prompt("Enter Starting Vol:");
oscillator.type = 'sawtooth';
oscillator.frequency.value = Freq;
oscillator.start();
gainNode.gain.value =Vol;
var CurX;
var CurY;
var CurZ;
var CurZZ;
document.onmousemove = updatePage;
function updatePage(e) {
CurZ = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurZZ = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
oscillator.frequency.value = (CurX/WIDTH) * FreqMax;
gainNode.gain.value = (CurY/HEIGHT) * VolMax;
oscillator.frequency.value = (CurZ-WIDTH) % FreqMax;
gainNode.gadrawin.value = (CurZZ-HEIGHT) % VolMax;
oscillator.detune=(0);
}
function drawe(){
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.arc(43,235);
ctx.();
}
</script>
<html>
<body onmousemove="drawe();" onchange="drawe();" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:darkorange;">
</canvas>
</body>
</html>
>>
Nicholas Cadgehun - Wed, 03 May 2017 08:48:57 EST rAGFRmkY No.36837 Reply
<center>
<canvas id="canvas" width='1000' height='1000' style="border:22px solid green;"></canvas>

<body bgcolor="white" onmousemove="draw();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay>
</video><center>
<canvas id="myCanvas" left="2240" width="2240" height="1220" style="border:22px solid green;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.fillStyle = "red";
ctx.shadowColor = "blue";
ctx.shadowColor = "blue";
ctx.fillRect(Math.random()*50, Math.random()*20, Math.random)*500, Math.random()*1000));

</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).mousemove(function(e){
$('p').css("font-size", "10px");
$('p').css("color", "red");
$("canvas").slideToggle(Math.random()*3000);
ctx.fillRect(event.x, event.y, Math.random()*100, 80);
});
</script>
</head>
<body>
</html>
<canvas id="canvas" width="10000" height="10000"style="opacity:1.0;fillColor:white;">
<script>
var ii=1;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity=Math.random()*1.1;
ctx.drawImage(video,0,0,1000,1000)},0.1);
ctx.draw();
drawe();
}, false);
});
</script>
</center>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
window.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: false,audio:true};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
else if(navigator.getUserMedia) {
navigator.getUserMedia(mediaConfig, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia(mediaConfig, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
} else if(navigator.mozGetUserMedia) {
navigator.mozGetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
this.document.addEventListener("click", function() {
context.drawImage(video, 4400, 4800);
});
}, false);
</script>
<html>
<body onload="var intt=prompt('Enter Amount Of Circles Gen:');
for(var i=0;i<intt;i++){
Draw();
}">
<canvas id="canvas" width="1000" height="1000"
style="border:0px solid #d3d3d3;">
Your browser does not support the canvas element.
</canvas>
<script>
function draw(){
var canvas = document.getElementById("canvas");
var ctx=canvas.getContext("2d");
ctx.border='1px';
ctx.fillAlign = "center";
ctx.beginPath();
ctx.fillStyle='magenta';
ctx.arc(Math.random()*1000,Math.random()*1000,40,440,2*Math.PI);
ctx.fill();
}
</script>
</body>
</html>
<script>
var audioCtx=new AudioContext();
var oscillator = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
var WIDTH = window.innerWidth;
var HEIGHT = window.innerHeight;
var FreqMax = prompt("Enter Max Freq");
var VolMax = prompt("Enter Max Vol:");
var Freq = prompt("Enter Starting Freq:");
var Vol = prompt("Enter Starting Vol:");
oscillator.type = 'sawtooth';
oscillator.frequency.value = Freq;
oscillator.start();
gainNode.gain.value =Vol;
var CurX;
var CurY;
var CurZ;
var CurZZ;
document.onmousemove = updatePage;
function updatePage(e) {
CurZ = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurZZ = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
oscillator.frequency.value = (CurX/WIDTH) * FreqMax;
gainNode.gain.value = (CurY/HEIGHT) * VolMax;
oscillator.frequency.value = (CurZ-WIDTH) % FreqMax;
gainNode.gadrawin.value = (CurZZ-HEIGHT) % VolMax;
oscillator.detune=(0);
}
function drawe(){
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.arc(43,235);
ctx.();
}
</script>
<html>
<body onmousemove="drawe();" onchange="drawe();" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:darkorange;">
</canvas>
</body>
</html>
>>
Nicholas Cadgehun - Wed, 03 May 2017 11:19:45 EST rAGFRmkY No.36838 Reply
<body>
<canvas class="visualizer";id="canvas";width="22940" height="22900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 8.90;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(37777777770);
//osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/28;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);

console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '35';
canvas.strokeStyle = 'rgb(18,256,20)';
canvas.beginPath();
var sliceWidth = WIDTH * 183.0 / bufferLength;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(y, y);
}

x = sliceWidth;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
>>
Nicholas Cadgehun - Wed, 03 May 2017 11:22:21 EST rAGFRmkY No.36839 Reply
<body>
<canvas class="visualizer";id="canvas";width="2240" height="2200"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 300;
var HEIGHT = 300;
var osc = context.createOscillator();
osc.frequency.value = 9.0;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(3000000000000000000000000000000000000);
// osc.disconnect(0);
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '';
canvas.strokeStyle = 'rgb(113,256,2)';
canvas.beginPath();
var sliceWidth = WIDTH * 1.0 / bufferLength;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x += sliceWidth;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
>>
Nicholas Cadgehun - Wed, 03 May 2017 16:11:39 EST rAGFRmkY No.36841 Reply
<style>
body{
filter:saturate(2134%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,1,2,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,1,Math.PI*180);
ctx.fillRect(Math.random()*event.y,Math.random()*event.x,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,1,2,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,2,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,2,2)
ctx.fill();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},20);
ctx.fill();
drawe;
}, false);
});
</script>
>>
Nicholas Cadgehun - Wed, 03 May 2017 19:36:52 EST rAGFRmkY No.36842 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},309);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.x,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.y,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
//ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
var ot=prompt('')
canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500+ii++,500+ii++)},300);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
Sidney Pollymodge - Wed, 03 May 2017 20:00:45 EST rAGFRmkY No.36843 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},309);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.x,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.y,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
//ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();

canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {
var i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,ii++,500)},300);
if(ii==37){
alert('');
}
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
Sidney Pollymodge - Wed, 03 May 2017 20:03:06 EST rAGFRmkY No.36844 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
//var ot=prompt('')
//canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,500,500)},309);
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
<center>
<body bgcolor="black" onclick="drawe();">
<video id="video" autoplay hidden height="500" width="500"></video>
<canvas id="canvas" width="500" height="500" style="">
<script>
var ii=1;
var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length))
ctx.fillStyle="#"+text;
ctx.beginPath();
ctx.arc(Math.random()*event.x,Math.random()*event.x,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.arc(Math.random()*event.y,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
//ctx.arc(Math.random()*event.x,Math.random()*event.y,13,1,Math.PI*180);
//ctx.fillRect(Math.random()*event.x,Math.random()*event.y,1,1)
ctx.fill();
var ot=prompt('')
canvas.style.opacity=""+ot
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.topmost=false;
ctx.drawImage(video,0,0,ii++,500)},30);
if(ii==250){
alert('');
}
ctx.draw();

}, false);
});
</script>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');.
var context = canvas.getContext('2d');
ctx.style.opacity=0.0;
</script>
>>
Sidney Pollymodge - Thu, 04 May 2017 01:11:12 EST rAGFRmkY No.36846 Reply
<style>
canvas{

filter:invert(132%);



}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=100;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*1.0;
ctx.rotate(1,360);
ctx.drawImage(video,ii+Math.random()*1000,ii+Math.random()*1000,Math.random()*ii,Math.random()*50)},0.1);

fill();
}, false);
});
</script>
</center>9
>>
Sidney Pollymodge - Thu, 04 May 2017 01:15:45 EST rAGFRmkY No.36847 Reply
<style>
canvas{

filter:invert(132%);



}
</style>
<canvas id="canvas" width='1000' height='1000'></canvas>

<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000"style="opacity:0.0;fillColor:none;">
<script>
var ii=100;

var video = document.getElementById("video");
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
function drawe(){
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
ii+=50;
video.addEventListener("play", function() {i = window.setInterval(function() {
//canvas.style.opacity=Math.random()*1.0;
ctx.rotate(1,360);
ctx.drawImage(video,ii+Math.random()*1000,ii+Math.random()*1000,Math.random()*ii,Math.random()*50)},0.1);

ctx.fill();
}, false);
});
</script>
</center>
>>
Sidney Pollymodge - Thu, 04 May 2017 02:03:00 EST rAGFRmkY No.36849 Reply
<style>
body{
filter:invert(1444333334%);



}

</style>

<center>
<body onmousemove="setInterval(drawe,300)"
bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000" style="drawColor:#FFFFFF">
<script>
var inn=prompt("Enter Text:")
var video=document.getElementById("video");
var c=document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:1,audio:0};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i,i,ii,ii)},50);
ctx.topmost=false;
ctx.draw();
}, false);
});

var ii=50;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font=Math.random()*344+"px Sans Serif";
ctx.strokeStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.strokeText(""+inn,ii,ii);
ctx.transform(1,ii*Math.PI)
text='';
}
</script>
>>
Sidney Pollymodge - Thu, 04 May 2017 03:08:55 EST rAGFRmkY No.36850 Reply
<style>
body{
filter:invert(1444333334%);



}

</style>

<center>
<body onmousemove="setInterval(drawe,300)"
bgcolor="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="1000" height="1000" style="drawColor:#FFFFFF">
<script>
var inn=prompt("Enter Text:")
var video=document.getElementById("video");
var c=document.getElementById("canvas");
var ctx = c.getContext("2d");
var i=0;
var mediaConfig = { video:1,audio:0};
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = this.window.URL.createObjectURL(stream);
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
ctx.drawImage(video,i,i,i++,i++)},0.1);
ctx.topmost=false;
ctx.draw();
}, false);
});

var ii=50;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.font=Math.random()*34+"px Sans Serif";
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.fillText(""+inn,ii,ii);
ctx.transform(i,ii*Math.PI)
text='';
}
</script>
>>
Martin Nobblefoot - Thu, 04 May 2017 23:29:25 EST rAGFRmkY No.36859 Reply
<style>
body{
filter:brightness(322%);
}

</style>
<center>

<div id="container">
<video autoplay id="video">
</div>


<canvas id="canvas" width="500" height="500"></canvas>
Comment too long. Click here to view the full text.
>>
Martin Nobblefoot - Thu, 04 May 2017 23:13:11 EST IrAGFRmkY No.36858 Ignore Report Quick Reply
<body onload="testFunc()">Volume Control Via Audio API IN JS</body><p>

<script>

var i=0.6;
var x = document.createElement("METER");
x.min=0.0;
x.max=1.0;
x.value=+""+15.0;
x.id='x';
document.body.appendChild(x)
document.refresh();

</script>

</body>

<button onclick="gainNode.gain.value=gainNode.gain.value-0.1;
x.value=gainNode.gain.value;
gainNode.gain.value=x.value;"><</button>

<button onclick="gainNode.gain.value=gainNode.gain.value+0.1;
x.value=gainNode.gain.value;
gainNode.gain.value=x.value;">></button>

<button onclick="gainNode.gain.value=0.0;
x.value=0.0;">0.0</button>

<button onclick="gainNode.gain.value=0.1;
x.value=0.1;">0.1</button>

<button onclick="gainNode.gain.value=0.2;
x.value=0.2;">0.2</button>

<button onclick="gainNode.gain.value=0.3;
x.value=0.3;">0.3</button>

<button onclick="gainNode.gain.value=0.4;
x.value=0.4;">0.4</button>

<button onclick="gainNode.gain.value=0.5;
x.value=0.5;">0.5</button>

<button onclick="gainNode.gain.value=0.6;
x.value=0.6;">0.6</button>

<button onclick="gainNode.gain.value=0.7;
x.value=0.7;">0.7</button>

<button onclick="gainNode.gain.value=0.8;
x.value=0.8;">0.8</button>

<button onclick="gainNode.gain.value=0.9;
x.value=0.9;">0.9</button>

<button onclick="gainNode.gain.value=1.0;
x.value=1.0;">1.0</button>

<script>

var audioCtx=new AudioContext();
var oscillator = audioCtx.createOscillator();
var oscillatorr = audioCtx.createOscillator();
var gainNode = audioCtx.createGain();
oscillator.connect(gainNode);
gainNode.connect(audioCtx.destination);
var Outt=x.value;
var Freq = ("15.0"+x.value);
var Vol = "10.0";
gainNode.gain.value=parseFloat(""+x.value);
oscillator.type = 'sine';
oscillator.frequency.value = Freq;
oscillator.frequency.value=Freq
oscillator.start();

</script>
<body>
<canvas class="visualizer";id="canvas";width="22940" height="22900"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3300;
var HEIGHT = 3300;
var osc = context.createOscillator();
osc.frequency.value = 15000;
function makeConnection() {
osc.connect(analyser);
}
function playSound() {
analyser.connect(context.destination);
osc.start(0);
osc.stop(3333333330);
//osc.disconnect();
}
makeConnection();
playSound();
var canvas = document.querySelector('.visualizer');
var canvas = canvas.getContext("2d");
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount/2;
var dataArray = new Uint8Array(bufferLength);
analyser.getByteTimeDomainData(dataArray);
if(dataArray==0){
alert('test')
}
console.log(dataArray);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteTimeDomainData(dataArray);
canvas.lineWidth = '';
canvas.strokeStyle = 'rgb(13,256,2)';
canvas.beginPath();
var sliceWidth = WIDTH * 13.0 / bufferLength;
var x = 0;

for(var i = 0; i < bufferLength; i++) {

var v = dataArray / 128.0;
var y = v * HEIGHT/2;

if(i === 0) {
canvas.moveTo(x, y);
}
if(i!==0){
canvas.lineTo(x, y);
}

x += sliceWidth;
};

canvas.lineTo(canvas.width, canvas.height);
canvas.stroke();
};

draw();
</script>
>>
Eugene Pendleforth - Thu, 11 May 2017 12:19:12 EST rAGFRmkY No.36884 Reply
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>
<b>
<button id="t" hidden><b>Test Now!!</button>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:false};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
var doc=document.getElementById('t');
document.addEventListener('mousemove', function() {

context.drawImage(video, 0, 0, 640, 480);
ctt=getBase64Image(video);
var dexrnd=Math
if(ctt<=491990){


var rnd=Math.floor(Math.random()*6);
}
if(rnd==0){
Load_Img('https://api.audiotool.com/track/dj_bru_-_acid_step/2/cover/640x480.jpg?showDefault=true')
}
if(rnd==1){
Load_Img('http://boards.420chan.org/prog/thumb/1450704708843s.jpg')
}
if(rnd==3){
Load_Img('http://boards.420chan.org/prog/thumb/1492474191394s.jpg')
}
if(rnd==4){
Load_Img('http://boards.420chan.org/prog/thumb/1480263015033s.jpg')
}
if(rnd==5){
Load_Img('http://boards.420chan.org/prog/thumb/1489843955950s.jpg')
}




});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
function Load_Img(path){
var h,w;
h=('500');
w=('500')
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src=(path);
ctx.drawImage(img, 1, 1,h,w);

}
</script>

</body>
</html>
>>
JS Check If Image Is Covered If So Then Display Random Image FLIR SRC - Thu, 11 May 2017 17:19:19 EST rAGFRmkY No.36885 Reply
<style>
body{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black">
<video id="video" width="640" height="480" autoplay></video>
<b>
<button id="t" hidden><b>Test Now!!</button>
<canvas id="canvas" width="640" height="480"></canvas>
<script>
document.addEventListener("DOMContentLoaded", function() {
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');
var mediaConfig = { video: true,audio:true};
var errBack = function(e) {
console.log('An error has occurred!', e)
};
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
});
}
var cct=getBase64Image(video)
var ctt=getBase64Image(video);
var doc=document.getElementById('t');
document.addEventListener('mousemove', function() {

context.drawImage(video, 0, 0, 640, 480);
ctt=getBase64Image(video);
var dexrnd=Math
if(ctt<391990){

//return 0;
var rnd=Math.floor(Math.random()*6);
}
if(rnd==0){
Load_Img('https://api.audiotool.com/track/dj_bru_-_acid_step/2/cover/640x480.jpg?showDefault=true')
}
if(rnd==1){
Load_Img('http://boards.420chan.org/prog/thumb/1450704708843s.jpg')
}
if(rnd==3){
Load_Img('http://boards.420chan.org/prog/thumb/1492474191394s.jpg')
}
if(rnd==4){
Load_Img('http://boards.420chan.org/prog/thumb/1480263015033s.jpg')
}
if(rnd==5){
Load_Img('http://boards.420chan.org/prog/thumb/1489843955950s.jpg')
}




});
}, false);
function getBase64Image(img) {

var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);

var dataURL = canvas.toDataURL("image/png");

return dataURL.length-4000;
}
function Load_Img(path){
var h,w;
h=('500');
w=('500')
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src=(path);
ctx.drawImage(img, 1, 1,h,w);

}
</script>

</body>
</html>
>>
JS Dog Whistle - Sat, 20 May 2017 02:34:17 EST rAGFRmkY No.36945 Reply
<body bgcolor=black>
<script>
function RollSlot(){
var Bar=Math.floor(99999);
var Barr=Math.floor(99999);
var Barrr=Math.floor(99999);
document.body.innerHTML='<h1><center><font color=lightblue>'+(Bar+":"+Barr+":"+Barrr);
var PlayLen=Bar;
var Freq=Barr
var context = new AudioContext();
oscillator=context.createOscillator();
oscillator.type = 'sine';
oscillator.frequency.value = Freq;
oscillator.connect(context.destination);
oscillator.start(0);

oscillator.disconnect(PlayLen);
}
var rolls=4333;
while(rolls!=0){
rolls--;
var Timer1 = setInterval('RollSlot();',0.001);
}
</script>
<center>
<b>
<h1>
<font color=lightblue>
Loading One Second..
>>
JS Web Audio Rec Not Coded By Me !!vVWR8L52 - Thu, 25 May 2017 13:25:51 EST rAGFRmkY No.36984 Reply
<html>
<head>

<title>Audio Recorder</title>

<script src="https://webaudiodemos.appspot.com/AudioRecorder/js/audiodisplay.js"></script>
<script src="https://webaudiodemos.appspot.com/AudioRecorder/js/recorderjs/recorder.js"></script>
<script src="https://webaudiodemos.appspot.com/AudioRecorder/js/main.js"></script>
<style>
html { overflow: hidden; }
body {
font: 14pt Arial, sans-serif;
background: lightgrey;
display: flex;
flex-direction: column;
height: 100vh;
width: 100%;
margin: 0 0;
}
canvas {
display: inline-block;
background: #202020;
width: 95%;
height: 45%;
box-shadow: 1px 1px 10px blue;
}
#controls {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
height: 20%;
width: 100%;
}
#record { height: 15vh; }
#record.recording {
background: red;
background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%);
background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%);
background: radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%);
}
#save, #save img { height: 10vh; }
#save { opacity: 0.25;}
#save[download] { opacity: 1;}
#viz {
height: 80%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
@media (orientation: landscape) {
body { flex-direction: row;}
#controls { flex-direction: column; height: 100%; width: 10%;}
#viz { height: 100%; width: 90%;}
}

</style>
</head>
<body>
<div id="viz">
<canvas id="analyser" width="1024" height="500"></canvas>
<canvas id="wavedisplay" width="1024" height="500"></canvas>
</div>
<div id="controls">
<img id="record" src="https://webaudiodemos.appspot.com/AudioRecorder/img/mic128.png" onclick="toggleRecording(this);">
<a id="save" href="https://webaudiodemos.appspot.com/AudioRecorder/index.html#"><img src="https://webaudiodemos.appspot.com/AudioRecorder/img/save.svg"></a>
</div>
</body>
Report Post
Reason
Note
Please be descriptive with report notes,
this helps staff resolve issues quicker.