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 3D FX

Reply
- Fri, 05 Jan 2018 16:22:23 EST E0anbCqO No.37255
File: 1515187343914.png -(58209B / 56.84KB, 1000x1000) Thumbnail displayed, click image for full size. JS Canvas Laser Light 3D FX
<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 = Math.random()*100;
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,2350);
}
</script>
</body>
</html>
>>
Eugene Pabblecocke - Fri, 05 Jan 2018 16:55:07 EST E0anbCqO No.37256 Reply
<html>
<body onload="setInterval(doit,31);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
</canvas>

<script>
function doit(){
var c = document.getElementById("canvas");
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.1);" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" autoplay hidden>

<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)},Math.random()*300);


ctx.draw();


}, false);
});


function doit(){
var c = document.getElementById("anvas");
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 = Math.random()*100;
//ctx.fillRect(0, 0, 500,250);
}
</script>
!DOCTYPE html>
<html>
<body onload="setInterval(doit,0.1);" 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,2350);
}
</script>
</body>
</html>
>>
Canvas Color Changing Lines FX - Fri, 05 Jan 2018 17:04:12 EST E0anbCqO No.37257 Reply
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" 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=30.0;
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.moveTo(event.x+400,event.y-8);
ctx.lineTo(event.x+40,event.y-1);
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,100,100,ii--,ii++)},inn);
ctx.draw();
//drawe;
}, false);
});
</script>
>>
Wesley Gepperlock - Fri, 05 Jan 2018 17:30:45 EST Nj4GQ/h4 No.37258 Reply
Hi Bru. You're still banned.
>>
Did This VBS For Fun At Target Been A Minute Since I Wrote Code From Memory - Sat, 13 Jan 2018 14:26:13 EST DqWyOrAd No.37267 Reply
On Error Resume Next

'VBS From Memory By BrU

Dim Str

Dim Amm

Amm=InputBox("Enter Ammout Of Users:")

For I=1 To Amm

Str=InputBox("Enter User:")

If Str=vbNullString Then

MsgBox "No Value Entered",vbCritical
End If

Dim Collection

Collection=Collection+Str+vbNewLine+vbNewLine

MsgBox ""+Str+ " Added To Collection!!",vbExclamation

MsgBox ""+Collection,vbExclamation

Next
>>
Isabella Sopperway - Sat, 13 Jan 2018 22:47:01 EST neIVn5a3 No.37268 Reply
<style>
body{
filter:saturate(7000%);
}
</style>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
<video id="video" 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=Math.random()*300.0;
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.moveTo(event.x+400,event.y-8);
ctx.lineTo(event.x+40,event.y-1);
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,100,100,ii++,ii++)},inn);
ctx.draw();
//drawe;
}, false);
});
</script>
>>
Hippocampus V2K 40 Hertz Blocker By BrU - Sun, 14 Jan 2018 01:45:46 EST neIVn5a3 No.37269 Reply
<body bgcolor=black>
<script>
function RollSlot(){
var Bar=Math.floor(Math.random()*40);
var Barr=Math.floor(Math.random()*40);
var Barrr=Math.floor(Math.random()*40);
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.00001);
}
</script>
<center>
<b>
<h1>
<font color=lightblue>
Loading One Second..
>>
kool looping 2000-2003 UK hardcore Synth Gen - Mon, 15 Jan 2018 23:22:12 EST 0xvYRYIl No.37270 Reply
<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(110.3)+i;
var hfo = context.createOscillator();
hfo.frequency.value = Number(110.9)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*100.0;
lfo.connect(modulationGain);
hfo.frequency.type=2;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(1);
}
}
</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(7);
}
}
</script>
>>
Reuben Sadgekatch - Tue, 16 Jan 2018 15:09:24 EST 0xvYRYIl No.37271 Reply
<html>
<body onload="setInterval(doit,31);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
</canvas>

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

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*5000, Math.random()*2335, Math.random()*2335);
gradient.addColorStop("100", "yellow");
gradient.addColorStop("0.5", "lightred");
gradient.addColorStop("10", "purple");

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

<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)},Math.random()*300);


ctx.draw();


}, false);
});



</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", "yellow");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*100;
ctx.arc(0, 0, 500,250);
}
</script>

<body onload="setInterval(doit,1.01);" 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()*2335, Math.random()*2335);
gradient.addColorStop(0, "green");
gradient.addColorStop(0.5, "red");
gradient.addColorStop(1.0, "blue");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+91, Math.random()*5, 5030,2350);
ctx.fillRect(i-1, Math.random()*5, Math.random()*50000,2350)
ctx.fillRect(i%1, Math.random()*5, 3333535,2350);
}
</script>
</body>
</html>
>>
Priscilla Faddlechack - Thu, 18 Jan 2018 01:05:41 EST 0xvYRYIl No.37275 Reply
<style>
body{
filter:contrast(100%);
filter:invert(100%);
filter:saturate(1308%);
}
</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=prompt("Enter #:");
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,event.y);
ctx.topmost=true;
c.style.opacity=1.1
ctx.drawImage(video,event.x+i++,event.y+i++,event.x++,event.y++)
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-=Math.random()*0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,i++,i++,50500,5000)},inn);
ctx.draw();
}, false);
});
</script>
>>
JS Wicked Pink Webcam Mandlebrot W\ Lasers FX - Thu, 18 Jan 2018 01:27:09 EST 0xvYRYIl No.37276 Reply
<style>
body{

filter:contrast(100%);
filter:invert(1000%);
filter:saturate(1308%);
}
</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=prompt("Enter #:");
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,event.y);
ctx.topmost=true;
c.style.opacity=1.1
ctx.drawImage(video,event.x+i++,event.y+i++,event.x++,event.y++)
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-=Math.random()*0.1
canvas.style.opacity++;
ctx.topmost=false;
ctx.drawImage(video,i++,i++,50000,50000)},inn);
ctx.draw();
}, false);
});
</script>
>>
JS Wicked Pink Webcam Mandlebrot W\ Lasers FX - Thu, 18 Jan 2018 01:34:52 EST 0xvYRYIl No.37277 Reply
<style>
body{
filter:contrast(246244%);
}
</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=prompt("Enter #:");
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,event.y);
ctx.topmost=true;
c.style.opacity=1.1
ctx.drawImage(video,event.x/3,event.y*3,100,100)
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)},inn);
//ctx.draw();
}, false);
});
</script>
>>
Thomas Cluffinggold - Mon, 22 Jan 2018 04:13:03 EST TYMeB0WF No.37279 Reply
<body onload="setInterval(ff,8.01)">
<script>

var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
lfo.frequency.value = Number(11344)+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=1;
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=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('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;
}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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
JS Raw Webcam Data 2 Audio Data SRC (Thoughts External And Internal Are Audible) - Mon, 22 Jan 2018 04:15:53 EST TYMeB0WF No.37280 Reply
<body onload="setInterval(ff,0.00001)">
<script>

var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
lfo.frequency.value = Number(91344)+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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);

</script>

<body onload="setInterval(ff,0.000001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
lfo.frequency.value = Number(21200)+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=1;
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=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('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;
}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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Jarvis Grimwater - Mon, 22 Jan 2018 20:36:13 EST +V4PK8rd No.37281 Reply
<body onload="setInterval(ff,0.000000000001)">
<script>

var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
lfo.frequency.value = Number(91344)+i;
var hfo = context.createOscillator();
hfo.frequency.value = Number(233290)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);

</script>

<body onload="setInterval(ff,0.000000000001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9999999;i++){
lfo.frequency.value = Number(21200)+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=1;
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<999999;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=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('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;
}function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<99999;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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
>>
Ebenezer Dicklemack - Tue, 23 Jan 2018 16:16:37 EST Vn98Ciy4 No.37282 Reply
>>37281
I think the the gov is trying to get me at the aires here with electro mag stim and other shit trying to get me to go crazy and kill myslef or harm my body ect. They are satanist !!! Cuz of some of my codes they hate and I am a Christian. Eric F From Pomona
>>
Angus Denningwell - Wed, 24 Jan 2018 08:27:45 EST Vn98Ciy4 No.37286 Reply
<body onload="setInterval(ff,0.000000001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
lfo.frequency.value = Number(i--);
var hfo = context.createOscillator();
hfo.frequency.value = Number(i++);
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
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=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('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;
}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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Angus Denningwell - Wed, 24 Jan 2018 08:34:33 EST Vn98Ciy4 No.37287 Reply
<body onload="setInterval(ff,0.000000001)">
<script>
function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<9;i++){
lfo.frequency.value = Number(i--);
var hfo = context.createOscillator();
hfo.frequency.value = Number(i++);
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
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<999999;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=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('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 dataURL.length;
}function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<999999;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=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Angus Denningwell - Wed, 24 Jan 2018 09:29:32 EST Vn98Ciy4 No.37288 Reply
<body bgcolor=black>
<script>
function RollSlot(){
var Bar=Math.floor(Math.random()*4354354354354345.9);
var Barr=Math.floor(Math.random()*44354354354450.9);
var Barrr=Math.floor(Math.random()*4435435435350.9);
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=43343;
while(rolls!=0){
rolls--;
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
var Timer1 = setInterval('RollSlot();',0.000000001);
}
</script>
<center>
<b>
<h1>
<font color=lightblue>
Loading One Second..
>>
Angus Denningwell - Wed, 24 Jan 2018 09:30:51 EST Vn98Ciy4 No.37289 Reply
<body bgcolor=black>
<script>
function RollSlot(){
var Bar=Math.floor(Math.random()*4354354354354345.9);
var Barr=Math.floor(Math.random()*44354354354450.9);
var Barrr=Math.floor(Math.random()*4435435435350.9);
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=43343;
while(rolls!=0){
rolls--;
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
var Timer1 = setInterval('RollSlot();',0.0000000001);
}
</script>
<center>
<b>
<h1>
<font color=lightblue>
Loading One Second..
>>
Esther Weffingspear - Fri, 26 Jan 2018 00:41:28 EST cBgFA7HD No.37292 Reply
<body onload="setInterval(ff,0.000000000001)">
<script>

function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<999999;i=+8){
var ccct=getBase64Image(video)

lfo.frequency.value =(ccct+i);
var hfo = context.createOscillator();
hfo.frequency.value = (ccct-i);
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*ccct;
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('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;
}function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<99999;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()*ccct;
lfo.connect(modulationGain);
hfo.frequency.type=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Martin Fuckingbury - Sat, 27 Jan 2018 01:01:59 EST 2ob1iX5O No.37296 Reply
<body>
<canvas class="visualizer";id="canvas";width="2990" height="2990"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3350;
var HEIGHT = 3350;
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(744%);

}
canvas{

filter:invert(180888888%);


}
</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>
>>
Ian Sarringpit - Sat, 27 Jan 2018 05:20:19 EST 3zzgI3DN No.37298 Reply
<body>
<canvas class="visualizer";id="canvas";width="2990" height="2990"></canvas>
</body>
<script>
var context = new AudioContext();
var analyser = context.createAnalyser();
var WIDTH = 3350;
var HEIGHT = 3350;
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(744%);

}
canvas{

filter:invert(180888888%);


}
</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= 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= 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="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>
>>
Ian Sarringpit - Sat, 27 Jan 2018 06:23:19 EST 3zzgI3DN No.37299 Reply
<style>
body{

filter:saturate(744%);

}
canvas{

filter:invert(180888888888888%);


}
</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: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= 1.0;
ctx.drawImage(video,i++,i--,500+i,500)},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= 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,500+i++,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="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,i,i,5000*2,5000*2)},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>
>>
Isabella Barryham - Sat, 27 Jan 2018 09:11:10 EST YD8w0MBM No.37300 Reply
<style>
body{

filter:saturate(744%);

}
canvas{

filter:invert(180888888888888%);


}
</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: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= 1.0;
ctx.drawImage(video,i++,i--,500+i,500)},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= 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,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="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,0,0,1000,1000)},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>
>>
Isabella Barryham - Sat, 27 Jan 2018 09:30:23 EST YD8w0MBM No.37301 Reply
<style>
body{

filter:saturate(744%);

}
canvas{

filter:invert(180888888888888%);


}
</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: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= 1.0;
ctx.drawImage(video,500*i,500-i,500+i,500/i)},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= 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+i+122,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="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,0,0,1000,1000)},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>
>>
Rebecca Breddlechack - Sat, 27 Jan 2018 10:24:12 EST L97H3XVJ No.37302 Reply
<style>
body{

filter:saturate(744%);

}
canvas{

filter:invert(180888888888888%);


}
</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: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= 1.0;
ctx.drawImage(video,i++,i--,500+i,500)},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= 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,500+i++,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="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,ii--,ii++,5000^2,5000^2)},100*2);
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>
>>
>>
Henry Lightshaw - Sun, 28 Jan 2018 14:29:44 EST 2ob1iX5O No.37305 Reply
Assholes tryin to bring death upon me i say get behind me Satan. End the march to singularity now!! We need god in development for good.
>>
JS Night Vision OLD SKOOL - Fri, 02 Feb 2018 20:55:31 EST busj4TJU No.37316 Reply
<style>
body{
filter:invert(8343342%);
}
canvas{

filter:brightness(4300%);
}
</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,31,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)},30);
ctx.draw();

}, false);
});
</script>
>>
JS Night Vision G3 REVISION By BrU - Fri, 02 Feb 2018 21:35:22 EST busj4TJU No.37317 Reply
<style>

canvas{
filter:brightness(3408%);
filter:invert(180%);

}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=((2*pixels.data+2*pixels.data[i1+2]+pixels.data[i1+2])>>>2);

pixels.data[i1 ] += ((tr * brightness)+1.51)>>0;
pixels.data[i1 ] += ((Math.random()*tg * brightness)+1.51)>>0
pixels.data[i1 ] += ((tb * brightness)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision G3 REVISION By BrU - Fri, 02 Feb 2018 22:00:25 EST busj4TJU No.37318 Reply
<style>

canvas{
filter:brightness(408%);
filter:invert(180%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
JS Night Vision G3 REVISION By BrU - Fri, 02 Feb 2018 22:03:47 EST busj4TJU No.37319 Reply
<style>

canvas{
filter:brightness(4508%);
filter:invert(15555555580%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
JS Night Vision G3 REVISION 2 W\ Hora Viewer By BrU - Fri, 02 Feb 2018 22:19:05 EST busj4TJU No.37320 Reply
<style>

canvas{
filter:brightness(608%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 4) {

brightness=((4*pixels.data+4*pixels.data[i1+4]+pixels.data[i1+4])>>>4);

pixels.data[Math.random()^i1^i1^i1^9909] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1^i1^i1^7777] = ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1^i1^i1^7779] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
>>
JS Night Vision G3 REVISION 3 - Fri, 02 Feb 2018 22:34:24 EST busj4TJU No.37321 Reply
<style>
body{
filter:invert(8343342%);
}

</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] += ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((tg * brightness++)+1.51)>>0
pixels.data[i1] += ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision G3 REVISION 3 - Fri, 02 Feb 2018 23:04:41 EST busj4TJU No.37324 Reply
<style>
body{
filter:invert(190%);

}
canvas{
filter:brightness(550%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] += ((tr * brightness++)+1.51)>>0;
pixels.data[1] += ((tg * brightness++)+1.51)>>0
pixels.data[i1] += ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision G3 REVISION 3 - Fri, 02 Feb 2018 23:11:28 EST busj4TJU No.37325 Reply
<style>
body{
filter:brightness(724%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] += ((tr * brightness++)+1.51)>>0;
pixels.data[1] += ((tg * brightness++)+1.51)>>0
pixels.data[i1] += ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision G3 REVISION 3 - Fri, 02 Feb 2018 23:47:47 EST busj4TJU No.37326 Reply
<style>
body{
filter:invert(8343342%);
}
canvas{

filter:brightness(530%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="4440" hidden id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] += ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((tg * brightness++)+1.51)>>0
pixels.data[i1] += ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision G3 REVISION 4 FINAL !!vVWR8L52 - Sat, 03 Feb 2018 00:13:22 EST busj4TJU No.37327 Reply
<style>
canvas{
filter:brightness(999%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] += ((tr)+1.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Barnaby Fosslewell - Sat, 03 Feb 2018 02:52:49 EST busj4TJU No.37328 Reply
<style>
canvas{
filter:brightness(999%);
}
body{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] += ((tr)+1.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Barnaby Fosslewell - Sat, 03 Feb 2018 04:51:33 EST busj4TJU No.37329 Reply
<style>
canvas{
filter:brightness(470%);
}
body{
filter:invert(1555580%);
}
</style>
<center>
<body bgcolor=black>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] += ((tr)+33151)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Barnaby Fosslewell - Sat, 03 Feb 2018 06:42:20 EST busj4TJU No.37330 Reply
<style>

canvas{

filter:contrast(100%);
filter:brightness(1457%);
}
body{
filter:saturation(777%);
filter:invert(180%);
filter:saturate(303%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[i1] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>
>>
JS Day Vision IR FX DEMO SRC - Sat, 03 Feb 2018 11:18:30 EST busj4TJU No.37331 Reply
<style>

canvas{
filter:contrast(500%);
filter:invert(180%);
}
body{
filter:brightness(600%);
filter:contrast(500%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (q + p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q + p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 * s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/50);
g = hue2rgb(p, q, h + 2/50);
b = hue2rgb(p, q, h + 2/50);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr += rgb[this.value++];
tg += rgb[this.value++];
tb += rgb[this.value++];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 42) {

brightness=1000000;

pixels.data[i1] += ((tr)+1.51)>>0;
pixels.data[i1] = ((tg)-1.51)>>0
pixels.data[i1] += ((tb)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>
>>
JS Spirit Vision IR FX DEMO SRC USE IF ATTACKED - Sat, 03 Feb 2018 11:44:27 EST busj4TJU No.37333 Reply
<style>

canvas{
filter:brightness(23370000%);

filter:saturate(144500000%);

}
body{
filter:brightness(23370000%);


}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (q + p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q + p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 * s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/50);
g = hue2rgb(p, q, h + 2/50);
b = hue2rgb(p, q, h + 2/50);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr += rgb[this.value++];
tg += rgb[this.value++];
tb += rgb[this.value++];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 42) {

brightness=1000000;

pixels.data[i1] = ((tr)+1.51)>>0;
pixels.data[i1] = ((tg)-1.51)>>0
pixels.data[i1] = ((tb)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body
>>
JS Spirit Vision IR FX DEMO SRC USE IF ATTACKED - Sat, 03 Feb 2018 12:02:03 EST busj4TJU No.37334 Reply
<style>

canvas{
filter:brightness(23370000%);

filter:saturate(144500000%);

}
body{
filter:brightness(23370000%);


}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (q + p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q + p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 * s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/50);
g = hue2rgb(p, q, h + 2/50);
b = hue2rgb(p, q, h + 2/50);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value+777, this.value, this.value);
tr += rgb[this.value+17];
tg += rgb[this.value+17];
tb += rgb[this.value+17];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 42) {

brightness=1000000;

pixels.data[i1] = ((tr)+1.51)>>0;
pixels.data[i1] = ((tg)-1.51)>>0
pixels.data[i1] = ((tb)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body
>>
Barnaby Fosslewell - Sat, 03 Feb 2018 14:19:45 EST busj4TJU No.37335 Reply
>>37334
You have to pray in Jesus name or the signs will not come to u. THis tool only works for some people thx.
>>
>>
JS Webcam Pixel Rainbow Overlay SRC - Sat, 03 Feb 2018 15:35:44 EST busj4TJU No.37336 Reply
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 5) {


pixels.data[i1] = ((tg*i1+777))>>777;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam Pixel Rainbow Overlay SRC - Sat, 03 Feb 2018 18:58:30 EST OAEvtRNW No.37337 Reply
<style>
body{
filter:brightness(300%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="33560" value="330" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (p - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 5) {


pixels.data[i1] = ((tg*i1+777))>>777;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Increase R/B And Camera Display Brightness SRC - Sun, 04 Feb 2018 01:03:12 EST busj4TJU No.37338 Reply
<style>
body{
filter:brightness(470%);
filter:invert(190%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="33560" value="330" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (p - p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2^p ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 5) {


pixels.data[i1=i1++] = ((tg*777))>>>i1--;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Sophie Blackwater - Sun, 04 Feb 2018 19:56:06 EST busj4TJU No.37340 Reply
<style>
body{
filter:brightness(799%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.PI*i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Sophie Blackwater - Sun, 04 Feb 2018 23:58:28 EST busj4TJU No.37342 Reply
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 26,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500+p;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.Sqrt^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
RAW Paste Data

<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.PI*i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Sophie Blackwater - Mon, 05 Feb 2018 00:02:07 EST busj4TJU No.37344 Reply
<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.PI*i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Tue, 06 Feb 2018 23:54:05 EST 9JfNBDBK No.37345 Reply
<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (772/773 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] = ((tb*i1<i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Tue, 06 Feb 2018 23:55:54 EST 9JfNBDBK No.37346 Reply
<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (772/773 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 2000;
source.canvas.height = 2000;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] = ((tb*i1<i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Wed, 07 Feb 2018 01:57:25 EST 9JfNBDBK No.37347 Reply
<style>

body{
filter:brightness(2.9);
}
</style>
<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<body bgcolot=black>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (772/773 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 2000;
source.canvas.height = 2000;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2
) {


pixels.data[i1] = ((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Wed, 07 Feb 2018 02:02:44 EST 9JfNBDBK No.37348 Reply
<style>

body{
filter:brightness(2.3);
}
</style>
<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<body bgcolot=black>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (772/773 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 2000;
source.canvas.height = 2000;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2
) {


pixels.data[i1] = ((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Wed, 07 Feb 2018 02:35:18 EST 9JfNBDBK No.37349 Reply
<style>

body{
filter:brightness(2.1);
}

</style>
<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<body bgcolot=black>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (772/773 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 400;
source.canvas.height = 400;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 +=2
) {


pixels.data[i1] = ((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Polly Blackbanks - Wed, 07 Feb 2018 15:04:20 EST 9JfNBDBK No.37352 Reply
Submit PDF papers
References

Custom Search
search
id acadia17_18
authors Abdel-Rahman, Amira; Michalatos, Panagiotis
year 2017
title Magnetic Morphing
source ACADIA 2017: DISCIPLINES & DISRUPTION [Proceedings of the 37th Annual Conference of the Association for Computer Aided Design in Architecture (ACADIA) ISBN 978-0-692-96506-1] Cambridge, MA 2-4 November, 2017), pp. 18-27
summary In an attempt to design shape-morphing multifunctional objects, this thesis uses programmable matter to design self-organizing multi-agent systems capable of morphing from one shape into another. The research looks at various precedents of self-assembly and modular robotics to design and prototype passive agents that could be cheaply mass-produced. Intelligence will be embedded into these agents on a material level, designing different local interactions to perform different global goals. The initial exploratory study looks at various examples from nature like plankton and molecules. Magnetic actuation is chosen as the external actuation force between agents. The research uses simultaneous digital and physical investigations to understand and design the interactions between agents. The project offers a systemic investigation of the effect of shape, interparticle forces, and surface friction on the packing and reconfiguration of granular systems. The ability to change the system state from a gaseous, liquid, then solid state offers new possibilities in the field of material computation, where one can design a "material" and change its properties on demand.
keywords material and construction; construction/robotics; smart materials; smart assembly/construction; simulation & optimization
series ACADIA
email amira-rahman@aucegypt.edu
full text file.pdf (1,680,284 bytes)
references Content-type: text/plain
Details Citation Select
100%; open Athanassiadis, Athanasios G., Marc Z. Miskin, Paul Kaplan, Nicholas Rodenberg, Seung Hwan Lee, Jason Merritt, Eric Brown, John Amend, Hod Lipson, and Heinrich M. Jaeger (2014) Find in CUMINCAD Particle Shape Effects on the Stress Response of Granular Packings , Soft Matter 10 (1): 48–59
100%; open Bradski, Gary (2000) Find in CUMINCAD The OpenCV Library , Dr. Dobb's World of Software Development, online at http://www.drdobbs.com/open-source/the-opencv-library/184404319
100%; open Cademartiri, Ludovico, Kyle J. M. Bishop, Phillip W. Snyder, Geoffrey A. Ozin (2012) Find in CUMINCAD Using Shape for Self-Assembly , Philosophical Transactions of the Royal Society 370 (1969): 2824–2847
100%; open Cox, Meredith, Dong Wang, Jonathan Barés, and Robert P. Behringer (2016) Find in CUMINCAD Self-Organized Magnetic Particles to Tune the Mechanical Behavior of a Granular System , EPL (Europhysics Letters) 115 (6): 64003
100%; open Dierichs, Karola and Achim Menges (2012) Find in CUMINCAD Aggregate Structures: Material and Machine Computation of Designed Granular Substances , Architectural Design 82 (2): 74–81
100%; open Diller, Eric, Joshua Giltinan, Prakjit Jena, and Metin Sitti (2013) Find in CUMINCAD Three Dimensional Independent Control of Multiple Magnetic Microrobots , Proceedings of the 2013 IEEE International Conference on Robotics and Automation. Karlsruhe, Germany: ICRA. 2576–2581
100%; open Duran, Jacques (2012) Find in CUMINCAD Sands, Powders, and Grains: An Introduction to the Physics of Granular Materials , Cham, Switzerland: Springer
100%; open Haeckel, Ernst (1998) Find in CUMINCAD Art Forms in Nature: The Prints of Ernst Haeckel , Munich: Prestel
100%; open Honda, T., K.i. Arai, and K. Ishiyama (1996) Find in CUMINCAD Micro Swimming Mechanisms Propelled by External Magnetic Fields , IEEE Transactions on Magnetics 32 (5): 5085–5087
100%; open Hurák, Zdenìk and Jiøí Zemánek (2012) Find in CUMINCAD Feedback linearization approach to distributed feedback manipulation , Proceedings of the 2012 American Control Conference. Montreal, Q ACC. 991–996
100%; open Jenny, Hans (2007) Find in CUMINCAD Cymatics: A Study of Wave Phenomena and Vibration , Epping, NH: MACROmedia
100%; open Lee, Jinha, Rehmi Post, and Hiroshi Ishii (2011) Find in CUMINCAD ZeroN , Proceedings of the 24th Annual ACM Symposium on User Interface Software and Technology. Santa Barbara, CA: UIST. 327–336
100%; open Miki, N., and I. Shimoyama (2002) Find in CUMINCAD Dynamics of a Microflight Mechanism with Magnetic Rotational Wings in an Alternating Magnetic Field , Journal of Microelectromechanical Systems 11 (5): 584–591
100%; open Miyashita, Shuhei, Steven Guitron, Marvin Ludersdorfer, Cynthia R. Sung, and Daniela Rus (2015) Find in CUMINCAD An Untethered Miniature Origami Robot that Self-Folds, Walks, Swims, and Degrades , Proceedings of the 2015 IEEE International Conference on Robotics and Automation. Seattle, WA: ICRA. 1490–1496
100%; open Ou, Jifei, Gershon Dublon, Chin-Yi Cheng, Felix Heibeck, Karl Willis, and Hiroshi Ishii (2016) Find in CUMINCAD Cilllia: 3D Printed Micro-Pillar Structures for Surface Texture, Actuation and Sensing , Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems. San Jose, CA: CHI. 5753–5764
100%; open Pangaro, Gian, Dan Maynes-Aminzade, and Hiroshi Ishii (2002) Find in CUMINCAD The Actuated Workbench.: Computer-Controlled Actuation in Tabletop Tangible Interfaces , Proceedings of the 15th Annual ACM Symposium on User Interface Software and Technology. Paris: UIST. 181–190
>>
>>
JS Webcam Viewer G4 V 2.0 - Thu, 08 Feb 2018 02:31:28 EST cBgFA7HD No.37353 Reply
<style>

canvas{
filter:brightness(255%);


}
</style>
<body bgcolor="#0000000">
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
Web AUdio Feed Back AUS Mic FX SRC - Thu, 08 Feb 2018 09:28:29 EST cBgFA7HD No.37354 Reply
<body onmousemove="setInterval(ff,89.01)">
<script>

var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
lfo.frequency.value = Number(11344)+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(110)-i;
var hfo = context.createOscillator();
hfo.frequency.value = Number(110)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
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=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: 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.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video.length)
var ctt=getBase64Image(video.length);
document.addEventListener('mousemove', function() {

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

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("webm/mp4");

return Math.random()*dataURL.length;
}function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
//for(var i=0;i<1;i++){
var ccct=getBase64Image(video)

lfo.frequency.value =(ccct);
var hfo = context.createOscillator();
hfo.frequency.value = (ccct);
var modulationGain = context.createGain();
modulationGain.gain.value = ccct;
lfo.connect(modulationGain);
hfo.frequency.type=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Web AUdio Feed Back AUS Mic FX SRC - Thu, 08 Feb 2018 09:31:05 EST cBgFA7HD No.37355 Reply
<body onmousemove="setInterval(ff,89.01)">
<script>

var context = new AudioContext();
var lfo = context.createOscillator();
for(var i=0;i<3;i++){
lfo.frequency.value = Number(11344)+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(110)-i;
var hfo = context.createOscillator();
hfo.frequency.value = Number(110)+i;
var modulationGain = context.createGain();
modulationGain.gain.value = Math.random()*10.0;
lfo.connect(modulationGain);
hfo.frequency.type=1;
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=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: 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.GetUserMedia(mediaConfig, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
var cct=getBase64Image(video.length)
var ctt=getBase64Image(video.length);
document.addEventListener('mousemove', function() {

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

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("webm/mp4");

return Math.random()*dataURL.length;
}function ff(){
var context = new AudioContext();
var lfo = context.createOscillator();
//for(var i=0;i<1;i++){
var ccct=getBase64Image(video)

lfo.frequency.value =(ccct);
var hfo = context.createOscillator();
hfo.frequency.value = (ccct);
var modulationGain = context.createGain();
modulationGain.gain.value = ccct;
lfo.connect(modulationGain);
hfo.frequency.type=1;
hfo.connect(context.destination);
hfo.start(0);
lfo.start(0);
location=self;
}
}
//JS Webcam Raw Data (I Can Kinda Hear My Own Thoughts Like As I am typing this comment right now thx!!) - BrU
</script>
>>
Oliver Greenville - Fri, 09 Feb 2018 03:40:08 EST 9JfNBDBK No.37356 Reply
<style>

canvas{
filter:brightness(305%);


}
</style>
<body bgcolor="#0000000">
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[777] = ((tr * brightness++)+11.11)>>777;
pixels.data[i1] += ((Math.random()*tg * brightness++)+11.11)>>777
pixels.data[i1] = ((tb * brightness++)+11.11)>>777
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
<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 = Math.random()*100;
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,2350);
}
</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 05:10:33 EST 9JfNBDBK No.37357 Reply
<html>
<body>
<video autoplay/>
<script>
var recordedChunks = [];
var i =23e78
function gotMedia(stream) {
// |video| shows a live view of the captured MediaStream.
var video = document.querySelector('video');
video.src = URL.createObjectURL(stream);

var recorder = null;

recorder = new MediaRecorder(stream, {mimeType : "video/webm"});

recorder.ondataavailable = (event) => {

document.body.innerHTML+=("<video src="+video.src+"><BR>");
recorder.pause(i);
};

recorder.start(1000);

}

navigator.mediaDevices.getUserMedia({video: true , audio: true})
.then(gotMedia)


</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 05:22:15 EST 9JfNBDBK No.37358 Reply
<html>
<body>
<video autoplay/>
<script>
var recordedChunks = [];
var i =23e78
function gotMedia(stream) {
// |video| shows a live view of the captured MediaStream.
var video = document.querySelector('video');
video.src = URL.createObjectURL(stream);

var recorder = null;

recorder = new MediaRecorder(stream, {mimeType : "video/webm"});

recorder.ondataavailable = (event) => {

document.body.innerHTML+=("<video src="+video.src+"><BR>");
recorder.pause();
};

recorder.start(1000-i--);

}

navigator.mediaDevices.getUserMedia({video: true , audio: true})
.then(gotMedia)


</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 05:26:12 EST 9JfNBDBK No.37359 Reply
<style>

canvas{
filter:brightness(505%);
filter:invert(180%);

}
</style>
<body bgcolor="#0000000">
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2*3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 1500;
source.canvas.height = 1500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[7777] = ((tr * brightness++)+11.11)>>7777;
pixels.data[i1] += ((Math.random()*tg * brightness++)+11.11)>>7777
pixels.data[i1] = ((tb * brightness++)+11.11)>>7777
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
<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 = Math.random()*100;
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,2350);
}
</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 09:07:12 EST 9JfNBDBK No.37360 Reply
<script> function luhnCheckDigit(number){
var tf=false;
var validChars="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_"; number = number.toUpperCase().trim(); var sum=0; for(var i=0;i<number.length;i++){ var ch=number.charAt(number.length-i-1); if(validChars.indexOf(ch)<0){ alert("Invalid Chars Found!!"); return false; } var digit=ch.charCodeAt(0)-48; var weight; if(i%2==0){ weight=(2*digit)-parseInt(digit/5)*9; }else{ weight=digit; } sum+=weight; } sum=Math.abs(sum)+10; var digit=(10 -(sum%10))%10; return digit; } var amm=prompt("Enter Ammount:"); while(amm!=0){ amm--; var inn=Math.floor(Math.random()*9999999999999999); var inn=prompt("Enter Any Credit Card #:"); var out=luhnCheckDigit(""+inn);
if(inn==""){
alert('Blank Entry!!');
window.location.reload();
tf=true;
}
else{
tf=false
}
if(tf==false)
if(out==0){ var outs=(inn)+"<br>"+outs; alert("Valid Credit Card #!!","","Valid Number!!");
break;}else{ alert(inn); alert("Invalid Credit Card #!!","","Invalid Number!!"); } } if(outs!=undefined){ var clean=outs.replace("undefined",""); document.write(clean); }
</script>
>>
Oliver Greenville - Fri, 09 Feb 2018 09:12:31 EST 9JfNBDBK No.37361 Reply
<html>
<center>
<body onload="setInterval(doit,3.1);" bgcolor="black">

<canvas id="myCanvas" width="1000" height="1000" style="border:1px solid #black;">
</canvas>

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

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*5000, Math.random()*2335, Math.random()*2335);
gradient.addColorStop("100", "yellow");
gradient.addColorStop("0.5", "lightred");
gradient.addColorStop("100", "purple");

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

<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)},Math.random()*300);


ctx.draw();


}, false);
});



</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", "yellow");
gradient.addColorStop("1.0", "black");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*100;
ctx.arc(0, 0, 500,250);
}
</script>

<body onload="setInterval(doit,1.01);" 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()*2335, Math.random()*2335);
gradient.addColorStop(0, "green");
gradient.addColorStop(0.5, "red");
gradient.addColorStop(1.0, "blue");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+91, Math.random()*5, 5030,2350);
ctx.fillRect(i-1, Math.random()*5, Math.random()*50000,2350)
ctx.fillRect(i%1, Math.random()*5, 3333535,2350);
}
</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 09:21:45 EST 9JfNBDBK No.37362 Reply
<html>
<center>
<body onload="setInterval(doit,3.1);" bgcolor="black">

<canvas id="myCanvas" width="1500" height="1500" style="border:1px solid #black;">
</canvas>

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

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*5000, Math.random()*2335, Math.random()*2335);
gradient.addColorStop("100", "yellow");
gradient.addColorStop("0.5", "lightred");
gradient.addColorStop("100", "purple");

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

<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+71)},Math.random()*500);


ctx.draw();


}, false);
});



</script>



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

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

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*100;
ctx.arc(0, 0, 500,250);
}
</script>

<body onload="setInterval(doit,1.01);" bgcolor="black">

<canvas id="myCanvas" width="1500" height="1500" 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()*2335, Math.random()*2335);
gradient.addColorStop(0, "green");
gradient.addColorStop(0.5, "red");
gradient.addColorStop(1.0, "blue");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+91, Math.random()*5, 5030,5350);
ctx.fillRect(i-1, Math.random()*5, Math.random()*50000,5350)
ctx.fillRect(i%1, Math.random()*5, 3333535,5350);
}
</script>
</body>
</html>
>>
Oliver Greenville - Fri, 09 Feb 2018 09:28:28 EST 9JfNBDBK No.37363 Reply
<html>
<center>
<body onload="setInterval(doit,3.1);" bgcolor="black">

<canvas id="myCanvas" width="1500" height="1500" style="border:1px solid #black;">
</canvas>

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

var gradient = ctx.createLinearGradient(Math.random()*5000,Math.random()*5000, Math.random()*2335, Math.random()*2335);
gradient.addColorStop("100", "yellow");
gradient.addColorStop("0.5", "lightred");
gradient.addColorStop("100", "purple");

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

<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+71)},Math.random()*500);


ctx.draw();


}, false);
});



</script>



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

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

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.arc(0, 0, 500,500);
}
</script>

<body onload="setInterval(doit,1.01);" bgcolor="black">

<canvas id="myCanvas" width="1500" height="1500" 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()*500, Math.random()*2335, Math.random()*2335);
gradient.addColorStop(0, "green");
gradient.addColorStop(0.5, "red");
gradient.addColorStop(1.0, "blue");

ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1000;
ctx.fillRect(i+91, Math.random()*5, 5030,5350);
ctx.fillRect(i-1, Math.random()*5, Math.random()*50000,5350)
ctx.fillRect(i%1, Math.random()*5, 3333535,5350);
}
</script>
</body>
</html>
>>
Esther Bundersot - Sat, 10 Feb 2018 18:25:39 EST TYMeB0WF No.37364 Reply
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 26,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500+p;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.Sqrt^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
RAW Paste Data

<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 4) {


pixels.data[i1+i1^i1] = ((Math.Sqrt*i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV Full Spectrum - Tue, 13 Feb 2018 14:15:03 EST TYMeB0WF No.37365 Reply
<style>
body{
filter:invert(1.0%);
}
canvas{
filter:brightness(1500%);
}
</style>

<center>

<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3460" value="3240" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<body bgcolor=black>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:false }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 777 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (777/777 ^ t) * 777777777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 4
) {


pixels.data[i1] = ((i1^i1+pixels.data.length));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV G4/5 Enhanced - Tue, 13 Feb 2018 14:21:30 EST TYMeB0WF No.37366 Reply
<style>
body{
filter:brightness(700%);
}
canvas{
filter:invert(777%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1^i1^i1] = ((Math.Sqrt^i1^Math.PI));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Trotstone - Tue, 13 Feb 2018 14:26:00 EST TYMeB0WF No.37367 Reply
<style>
body{
filter:brightness(700%);
}
canvas{
filter:invert(777%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 21) {


pixels.data[i1^i1^i1] = ((Math.Sqrt^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
>>
Nell Trotstone - Tue, 13 Feb 2018 14:49:00 EST TYMeB0WF No.37368 Reply
<style>
body{
filter:brightness(1500%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="33560" value="330" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (p + p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (777) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {


pixels.data[i1] = (i1%i1);

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV G5 With Raw Data SRC V1 - Tue, 13 Feb 2018 14:57:34 EST TYMeB0WF No.37369 Reply
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 26,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500+p;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1^i1] = ((Math.Sqrt^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
RAW Paste Data

<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1^i1] = ((Math.Sqrt*i1^7));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV G5 With Raw Data SRC V1 - Tue, 13 Feb 2018 15:09:05 EST TYMeB0WF No.37370 Reply
<center>
<body>



<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="3360" value="3340" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1^i1] = ((Math.Sqrt*i1^7));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV G5 SRC V1 - Tue, 13 Feb 2018 15:30:51 EST TYMeB0WF No.37371 Reply
<center>
<body>



<style>
body{
filter:brightness(100%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="3360" value="3340" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1+777] = ((Math.Sqrt*7*Math.PI));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV G5 SRC V1 UPDATED - Tue, 13 Feb 2018 15:33:37 EST TYMeB0WF No.37372 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:brightness(500%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="3360" value="3340" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1+777] = ((Math.Sqrt*7*Math.PI));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Trotstone - Tue, 13 Feb 2018 17:02:10 EST TYMeB0WF No.37373 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:brightness(700%);
}
canvas{
filter:invert(180%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1++] = ((Math.Sqrt*777*Math.PI));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Trotstone - Tue, 13 Feb 2018 17:08:50 EST TYMeB0WF No.37374 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:brightness(2500%);
}
canvas{

}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" ></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t += 1;
if(t < 1/2) return p * (q - p) * 777 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (22/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1++] = ((Math.Sqrt*777*Math.PI));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Upgraded NV G4 G5 - Tue, 13 Feb 2018 18:19:12 EST TYMeB0WF No.37375 Reply
<center>
<body bgcolor=black>



<style>
body{
<--filter:invert(777%);-->
}
canvas{

filter:brightness(777%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 70

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*777*Math.PI^i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Tue, 13 Feb 2018 19:20:46 EST TYMeB0WF No.37376 Reply
<button class='button' id='js-trigger-sound' onclick="
var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext;
function NVD(context) {
this.context = context; // the audio context
this.downSweepTime = 0.05; // the time taken for the initial sweep
this.upSweepTime = 10.525; // the time taken for the second sweep
this.initialFrequency = 10;
this.lowestFrequency = 100;
this.finalFrequency = Math.random()*122500;
this.maxGainValue = 10.0;

this.gainNode = context.createGain();
this.gainNode.connect(this.context.destination);
}


NVD.prototype.play = function(time) {
this.osc = context.createOscillator();
this.osc.connect(this.gainNode);
this.setOscillatorWaveform();
this.osc.type=1;
this.osc.start(time)
this.osc.frequency.setValueAtTime(this.initialFrequency, time);
this.osc.frequency.linearRampToValueAtTime(this.lowestFrequency, time+this.downSweepTime);
this.osc.frequency.linearRampToValueAtTime(this.finalFrequency, time +this.downSweepTime+ this.upSweepTime);

this.gainNode.gain.setValueAtTime(this.maxGainValue, time);
this.gainNode.gain.linearRampToValueAtTime(0, time + this.downSweepTime + this.upSweepTime);

this.osc.stop(time + this.downSweepTime + this.upSweepTime++);
}
NVD.prototype.setOscillatorWaveform = function() {
var coeffs = [
0,
0.010,
0.022,
0.007,
0.004,
0.005
];
var real = new Float32Array(coeffs);
var imag = new Float32Array(real.length++); // creates an array of zeros.
var wave = context.createPeriodicWave(real, imag);
this.osc.setPeriodicWave(wave);
}

var context = new AudioContext();

$('#js-trigger-sound').click(function(e) {
e.preventDefault();
var nvd = new NVD(context);
nvd.play(context.currentTime);
});">Click</button>
>>
Nell Cronkinsteck - Tue, 13 Feb 2018 19:26:16 EST TYMeB0WF No.37377 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(177%);
}
canvas{

filter:brightness(777%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 70

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*7777777*Math.PI^i^i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Tue, 13 Feb 2018 19:35:34 EST TYMeB0WF No.37378 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(7777%);
}
canvas{

}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += 2224311) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*777*Math.PI^i^i+777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Tue, 13 Feb 2018 19:37:53 EST TYMeB0WF No.37379 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(1500%);
}
canvas{
filter:brightness(1500%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += 2224311) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*777*Math.PI^i^i+777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV Shadows SRC - Tue, 13 Feb 2018 19:39:28 EST TYMeB0WF No.37380 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(15500%);
}
canvas{
filter:brightness(250%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += 2224311) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*777*Math.PI^i^i+777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Tue, 13 Feb 2018 20:37:01 EST TYMeB0WF No.37381 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:brightness(200%);
}
canvas{
filter:invert(280%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 +=1) {


pixels.data[i+i1+i1+i1+i1+777] = ((Math.PI*777^Math.PI%777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV Random Adjustment SRC - Tue, 13 Feb 2018 21:31:22 EST TYMeB0WF No.37382 Reply
<style>

canvas{
filter:brightness(1408%);
filter:invert(1180%);

}
</style>

<center>
<body bgcolor="000000">
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="2330" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 170,
height = 170;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=777;

pixels.data[i1] += ((Math.random()*tr ^ brightness++)+11.11)>>777;
pixels.data += ((Math.random()*tg ^ brightness++)+11.11)>>777;
pixels.data[i1] += ((Math.random()*tb ^ brightness++)+11.11)>>777;
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
>>
JS NV Random Adjustment SRC V2 - Tue, 13 Feb 2018 22:06:03 EST TYMeB0WF No.37383 Reply
<style>
canvas{
filter:brightness(199%);
}
body{
filter:invert(199%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 777) {


pixels.data[i1] += ((tr)+1.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision See Through Object SRC - Tue, 13 Feb 2018 23:17:21 EST TYMeB0WF No.37384 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(15500%);
}
canvas{
filter:brightness(250%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += 111111111) {


pixels.data[i1+i1+i1+i1+777] = ((Math.Sqrt*777*Math.PI^i1^i1+777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision See Through Object SRC V2 - Tue, 13 Feb 2018 23:24:23 EST TYMeB0WF No.37385 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(1520%);
}
canvas{
filter:brightness(1220%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += 111111111) {


pixels.data[i1+i1+i1+i1+i1+777] = ((Math.Sqrt*777*Math.PI^i1^i1+777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV Random Adjustment SRC V2 Enhanced - Wed, 14 Feb 2018 01:43:43 EST TYMeB0WF No.37386 Reply
<style>
canvas{
filter:brightness(99%);
}
body{
filter:invert(1199%);
}
</style>
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 777) {


pixels.data[i1] += ((tr)+11.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV Random Adjustment SRC V3 Enhanced - Wed, 14 Feb 2018 01:51:00 EST TYMeB0WF No.37387 Reply
<style>
canvas{
filter:brightness(1000%);
filter:contrast(210%);
}
body{
filter:invert(100%);
}
</style>
<center><body bgcolor=black>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 777) {


pixels.data[i1] += ((tr)+11.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Wed, 14 Feb 2018 01:59:35 EST TYMeB0WF No.37388 Reply
<style>
canvas{
filter:brightness(1000%);
filter:contrast(2000%);
}
body{
filter:invert(2000%);
}
</style>
<center><body bgcolor=black>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height++);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 777) {


pixels.data[i1] += ((tr)+11.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Nell Cronkinsteck - Wed, 14 Feb 2018 02:05:41 EST TYMeB0WF No.37389 Reply
<style>
canvas{
filter:brightness(100%);
filter:contrast(200%);
}
body{
filter:invert(2000%);
}
</style>
<center><body bgcolor=black>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="3340" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r += hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height++);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0;

for (var i1=0; i1 < pixels.data.length; i1 += 777) {


pixels.data[i1] += ((tr)+11.51)>>0;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Transparent 3D Rainbow Road Animation SRC - Thu, 15 Feb 2018 03:43:41 EST TYMeB0WF No.37390 Reply
​<html>
<body onload="setInterval(drawe,22)" bgcolor="black">
<canvas id="myCanvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
var ii=4;
function drawe(){
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
for(var i=0; i!=3; 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,i,i);
ctx.paint();
text='';
}
</script>
</body>
>>
JS Canvas Animation Race Random SRC - Thu, 15 Feb 2018 06:49:44 EST TYMeB0WF No.37391 Reply
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>=500){
document.body.innerHTML=("<font color=blue>blue wins!!");
return
}
else{
}

if(ioo>=500){
document.body.innerHTML=("<font color=magenta>magenta wins!!");
return
}
else{
}
var c=document.getElementById("myCanvas");
io+=Math.random()*5
ioo+=Math.random()*5


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(120,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(150,io,10,Math.random()*iooo);
ctx.fillStyle ="none";

}
</script>
</body>
>>
JS Canvas Animation Race Random SRC V2 - Thu, 15 Feb 2018 06:56:54 EST TYMeB0WF No.37392 Reply
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>=550){
document.body.innerHTML=("<font color=blue>blue wins!!");
return
}
else{
}

if(ioo>=550){
document.body.innerHTML=("<font color=magenta>magenta wins!!");
return
}
else{
}
var c=document.getElementById("myCanvas");
io+=Math.random()*12
ioo+=Math.random()*12


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
>>
JS Canvas Animation Race Random SRC V2 - Thu, 15 Feb 2018 07:01:40 EST TYMeB0WF No.37393 Reply
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>=550){
document.body.innerHTML=("<font color=blue>blue wins!!");
return
}
else{
}

if(ioo>=550){
document.body.innerHTML=("<font color=magenta>magenta wins!!");
return
}
else{
}
var c=document.getElementById("myCanvas");
io+=Math.random()*12
ioo+=Math.random()*12


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";

}
</script>
</body>
>>
JS Canvas Animation Race Random SRC V2 - Thu, 15 Feb 2018 07:08:40 EST TYMeB0WF No.37395 Reply
<center><body bgcolor="#000000" onload="setInterval('run()',20)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>=550){
document.body.innerHTML=("<font color=blue>blue wins!!");
return
}
else{
}

if(ioo>=550){
document.body.innerHTML=("<font color=magenta>magenta wins!!");
return
}
else{
}
var c=document.getElementById("myCanvas");
io+=Math.random()*1
ioo+=Math.random()*1


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";

}
</script>
</body>
>>
JS Canvas Animation Race Random SRC V2 - Thu, 15 Feb 2018 07:22:25 EST TYMeB0WF No.37396 Reply
<center><body bgcolor="#000000" onload="setInterval('run()',12)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>=550){
document.body.innerHTML=("<font color=blue>blue wins!!");
return
}
else{
}

if(ioo>=550){
document.body.innerHTML=("<font color=magenta>magenta wins!!");
return
}
else{
}
var c=document.getElementById("myCanvas");
io+=Math.random()*3
ioo+=Math.random()*3


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";

}
</script>
</body>
>>
Caroline Boffingfield - Thu, 15 Feb 2018 16:53:00 EST TYMeB0WF No.37397 Reply
<center>
<body bgcolor=black>




<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <Math.random()*777777777777; i1 +=1) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
>>
JS Webcam NV Overlay Random SRC - Thu, 15 Feb 2018 16:59:08 EST TYMeB0WF No.37398 Reply
<center>
<body bgcolor=black>




<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 27;

for (var i1=0; i1 <Math.random()*777777777777; i1 +=2) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam Static Overlay Random SRC - Thu, 15 Feb 2018 17:08:51 EST TYMeB0WF No.37399 Reply
<center>
<body bgcolor=black>




<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =777;

for (var i1=0; i1 <Math.random()*77777777777; i1 +=1) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Overlay SRC - Thu, 15 Feb 2018 17:15:03 EST TYMeB0WF No.37400 Reply
<center>
<body bgcolor=black>




<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =7;

for (var i1=0; i1 <7777777; i1 +=2) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Red Inverted SRC - Thu, 15 Feb 2018 17:21:43 EST TYMeB0WF No.37401 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =7;

for (var i1=0; i1 <7777777; i1 +=4) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Red Inverted SRC V2 - Thu, 15 Feb 2018 17:26:34 EST TYMeB0WF No.37402 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =7;

for (var i1=0; i1 <7777777; i1 +=Math.floor(Math.random()*4)) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
>>
JS Webcam NV Static SRC - Thu, 15 Feb 2018 17:35:11 EST TYMeB0WF No.37403 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(0%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =7;

for (var i1=0; i1 <1000777; i1 +=Math.floor(Math.random()*3)) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Confetti FX SRC - Thu, 15 Feb 2018 17:40:18 EST TYMeB0WF No.37404 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =777;

for (var i1=0; i1 <777777; i1 +=Math.floor(Math.random()*77)) {

pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
>>
JS Webcam NV Confetti FX SRC UPDATED - Thu, 15 Feb 2018 17:41:13 EST TYMeB0WF No.37405 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =777;

for (var i1=0; i1 <7777777; i1 +=Math.floor(Math.random()*77)) {

pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
>>
JS NV Updated SRC Demo - Thu, 15 Feb 2018 19:27:25 EST TYMeB0WF No.37406 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(1800000%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="3440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 26,
tg = 26,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t <1) return p ;
if(t < 2) return q;
if(t < 2) return p * (q % p) * t * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i =7;

for (var i1=0; i1 <7777777; i1 +=Math.floor(Math.random()*4444444)) {


pixels.data[i1] =((Math.random()*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.0001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
>>
JS Webcam NV SRC UPDATED - Thu, 15 Feb 2018 19:54:31 EST TYMeB0WF No.37408 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(140%);
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <77777777; i1 +=4444444) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Full Spectrum Revisited SRC UPDATED - Thu, 15 Feb 2018 20:00:37 EST TYMeB0WF No.37409 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(480%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <77777777; i1 +=4) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Full Spectrum Revisited SRC UPDATED V4 - Thu, 15 Feb 2018 20:07:36 EST TYMeB0WF No.37410 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(250%);

}
canvas{
filter:invert(190%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 7777;

for (var i1=0; i1 <77777; i1 +=4) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Full Spectrum Revisited SRC UPDATED V4 - Thu, 15 Feb 2018 20:11:25 EST TYMeB0WF No.37411 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(200%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 7777;

for (var i1=0; i1 <77777; i1 +=1) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Full Spectrum Revisited SRC UPDATED V5 - Thu, 15 Feb 2018 20:26:03 EST TYMeB0WF No.37412 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(180%);

}
canvas{
filter:invert(80%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <7777777; i1 +=55555) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
>>
JS NV Updated SRC Demo Noise Cancelation FX - Thu, 15 Feb 2018 21:55:33 EST TYMeB0WF No.37413 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(400%);

}
canvas{
filter:invert(100.0%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="43140" id="hue" ></label><p> <output id="target"></output>
<video id="main" Volume="0.4" autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true,googleNoiseSupression:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadeddata', function () {
if(source.volume<0.8){
source.volume=0.4
}else{
source.volume=0.5
}
if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <7777; i1 +=1) {

i++;
pixels.data[i1] =((i1^i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
IDK Loud Place GBHMS Check Soundcloud DJ B for the clearest telepathy rec Ever search DJ BrU - Trap - Fri, 16 Feb 2018 00:25:21 EST TYMeB0WF No.37414 Reply
blob:https://webaudiodemos.appspot.com/d876d2c7-cd67-47ed-a58c-c5a315b885aa
>>
JS Webcam NV Static SRC - Fri, 16 Feb 2018 01:07:58 EST TYMeB0WF No.37415 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
filter:brightness(880%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="2440" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 77777;

for (var i1=0; i1 <7777777; i1 +=Math.floor(Math.random()*10)) {


pixels.data[i1] =((tg^tb^tr/777));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Bright Natural SRC - Fri, 16 Feb 2018 01:10:47 EST TYMeB0WF No.37416 Reply
<center>
<body bgcolor=black>

<style>
body{
filter:invert(180%);
filter:brightness(880%);
}
</style>


<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="2440" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <i; i1 +=Math.floor(Math.random()*10)) {


pixels.data[i1] =((tg^tb^tr/7));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Bright UnNatural SRC - Fri, 16 Feb 2018 01:18:58 EST TYMeB0WF No.37417 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:saturate(777%);

}
canvas{
filter:brightness(170%);
filter:invert(11160.0%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="43140" id="hue" ></label><p> <output id="target"></output>
<video id="main" Volume="0.4" autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true,googleNoiseSupression:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadeddata', function () {
if(source.volume<0.8){
source.volume=0.4
}else{
source.volume=0.5
}
if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <777; i1 +=2) {

i++;
pixels.data =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Webcam NV Bright UnNatural SRC - Fri, 16 Feb 2018 01:20:53 EST TYMeB0WF No.37418 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:saturate(577%);

}
canvas{
filter:brightness(170%);
filter:invert(11160.0%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="435560" value="43140" id="hue" ></label><p> <output id="target"></output>
<video id="main" Volume="0.4" autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true,googleNoiseSupression:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadeddata', function () {
if(source.volume<0.8){
source.volume=0.4
}else{
source.volume=0.5
}
if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <777; i1 +=2) {

i++;
pixels.data =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Fanny Hattingnut - Fri, 16 Feb 2018 03:10:28 EST TYMeB0WF No.37419 Reply
<center>
<body bgcolor=black>


<style>
canvas{
filter:brightnesss(1380%);

}
canvas{

}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="43140" id="hue" ></label><p> <output id="target"></output>
<video id="main" Volume="0.4" autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true,googleNoiseSupression:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadeddata', function () {
if(source.volume<0.8){
source.volume=0.4
}else{
source.volume=0.5
}
if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 3;

for (var i1=0; i1 <777777; i1 +=2) {

i+=22
pixels.data =((i^i1*i*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Fanny Hattingnut - Fri, 16 Feb 2018 03:15:26 EST TYMeB0WF No.37420 Reply
​​ ​​ ​​ <center>
<body bgcolor=black>


<style>
canvas{
filter:brightnesss(1380%);

}
canvas{

}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="43140" id="hue" ></label><p> <output id="target"></output>
<video id="main" Volume="0.4" autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true,googleNoiseSupression:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadeddata', function () {
if(source.volume<0.8){
source.volume=0.4
}else{
source.volume=0.5
}
if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 3;

for (var i1=0; i1 <7777777; i1 +=1) {

i+=2
pixels.data =((i1^i1*i*i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
>>
Fanny Hattingnut - Fri, 16 Feb 2018 03:20:20 EST TYMeB0WF No.37421 Reply
<center>
<body bgcolor=black>



<style>
body{
<--filter:invert(777%);-->
}
canvas{

filter:brightness(777%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 70

for (var i1=0; i1 < pixels.data.length++; i1 += 1) {


pixels.data[i1+i1+i1+i1+7777] = ((Math.Sqrt*777*Math.PI^i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Glow FX - Fri, 16 Feb 2018 03:25:09 EST TYMeB0WF No.37422 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(3777%);
}
canvas{

filter:brightness(277%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1+i1+i1+777] = ((Math.Sqrt*i1*Math.PI^i1*i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Glow FX - Fri, 16 Feb 2018 03:25:47 EST TYMeB0WF No.37423 Reply
<center>
<body bgcolor=black>



<style>
body{
filter:invert(3777%);
}
canvas{

filter:brightness(277%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q - p) * (2/3 ^ t) * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777

for (var i1=0; i1 < pixels.data.length++; i1 += 2) {


pixels.data[i1+i1+i1+i1+777] = ((Math.Sqrt*i1*Math.PI^i1*i1^i));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Glow Rain FX SRC - Fri, 16 Feb 2018 04:21:02 EST TYMeB0WF No.37424 Reply
<center>
<body bgcolor=black>



<style>

canvas{

filter:invert(2777%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t+= 1;
if(t < 1/2) return p * (q + p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (22/33 ^ t) * 7777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * 2 + q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += Math.random()*32) {


pixels.data[i1+i1+i1+i1^i1+i1]= ((i1^Math.PI^i1^i1^i1^i1%2));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Glow Rain FX SRC - Fri, 16 Feb 2018 04:22:18 EST TYMeB0WF No.37425 Reply
<center>
<body bgcolor=black>



<style>

canvas{

filter:invert(2777%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t+= 1;
if(t < 1/2) return p * (q + p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (22/33 ^ t) * 7777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * 2 + q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 < pixels.data.length++; i1 += Math.random()*302) {


pixels.data[i1+i1+i1+i1^i1+i1]= ((i1^Math.PI^i1^i1^i1^i1%2));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Static Photo Rain FX SRC - Fri, 16 Feb 2018 04:29:58 EST TYMeB0WF No.37426 Reply
<center>
<body bgcolor=black>



<style>

canvas{

filter:grayscale(112%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t+= 1;
if(t < 1/2) return p * (q + p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (22/33 ^ t) * 7777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * 2 + q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = -7;

for (var i1=0; i1 < pixels.data.length++; i1 += Math.random()*1) {


pixels.data[i1+i1+i1+i1^i1+i1]= ((i1^Math.PI^i1^i1^i1^i1%2));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Trippy Webcam Static Photo Rain FX SRC - Fri, 16 Feb 2018 04:33:17 EST TYMeB0WF No.37427 Reply
<center>
<body bgcolor=black>



<style>

canvas{

filter:grayscale(112%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t+= 1;
if(t < 1/2) return p * (q + p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (22/33 ^ t) * 7777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * 22 + q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = -7;

for (var i1=0; i1 < pixels.data.length++; i1 += Math.random()*1) {


pixels.data[i1+i1+i1+i1^i1+i1]= ((i1^Math.PI^i1^i1^i1^i1%2));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
>>
JS Trippy Webcam Static Photo Rain FX SRC - Fri, 16 Feb 2018 04:39:09 EST TYMeB0WF No.37428 Reply
<center>
<body bgcolor=black>



<style>

canvas{

filter:grayscale(112%);
}
</style>

<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 160;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t+= 1;
if(t < 1/2) return p * (q + p) * t * t;
if(t < 2/3) return q;
if(t < 2/4) return p * (q + p) * (22/33 ^ t) * 7777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * 22 + q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 250;
source.canvas.height = 250;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = -7;

for (var i1=0; i1 < pixels.data.length++; i1 += Math.random()*1) {


pixels.data[i1+i1+i1+i1^i1+i1]= ((i1^Math.PI^i1^i1^i1^i1%2));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame||


function( callback ){
window.setTimeout(callback, 0.0);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Night Vision See Through Body To BG Objects - Tue, 20 Feb 2018 01:12:10 EST 0lc/VOOm No.37430 Reply
1519107130151.png -(466348B / 455.42KB, 1920x1080) Thumbnail displayed, click image for full size.
<style>

canvas{
filter:brightness(1408%);
filter:invert(180%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr ^ brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb ^ brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
JS 2D Race Game (Simple) (V2) SRC - Thu, 22 Feb 2018 01:26:46 EST 0xvYRYIl No.37434 Reply
</body>
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>
var doy=confirm("Bet on blue press ok.\n\nBet on magenta press cancel.")

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>550){
document.body.innerHTML=("<font color=blue>Blue Wins!!");
r
>>
JS 2D Race Game (Simple) (V2) SRC Opps - Thu, 22 Feb 2018 01:29:57 EST 0xvYRYIl No.37435 Reply
</body>
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>
var doy=confirm("Bet on light blue press ok.\n\nBet on magenta press cancel.")

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>550){
document.body.innerHTML=("<font color=blue>Blue Wins!!");

}
else{

}

if(ioo>550){
document.body.innerHTML=("<font color=magenta>Magenta Wins!!");
return

}
else{
}

var c=document.getElementById("myCanvas");
io+=Math.random()*10
ioo+=Math.random()*10


var ctx = c.getContext("2d");
ctx.fillStyle ="lightblue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";
//if (doy==1&&ioo==550){
//document.writeln("<font color=green>winner");
//window.location="";
//document.writeln("<font color=green>loser");
}
</script>
>>
JS 2D Race Game (Simple) (V2) SRC Opps - Thu, 22 Feb 2018 01:33:52 EST 0xvYRYIl No.37436 Reply
document.body.innerHTML=("<font color=magenta>Magenta Wins!!");
return

}
else{
}

var c=document.getElementById("myCanvas");
io+=Math.random()*10
ioo+=Math.random()*10


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";
//if (doy==1&&ioo==550){
//document.writeln("<font color=green>winner");
//window.location="";
//document.writeln("<font color=green>loser");
}
</script>
>>
JS 2D Race Game (Simple) (V2) SRC Opps - Thu, 22 Feb 2018 01:35:54 EST 0xvYRYIl No.37437 Reply
</body>
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>
var doy=confirm("Bet on light blue press ok.\n\nBet on magenta press cancel.")

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>550){
document.body.innerHTML=("<font color=blue>Blue Wins!!");

}
else{

}

if(ioo>550){
document.body.innerHTML=("<font color=magenta>Magenta Wins!!");
return

}
else{
}

var c=document.getElementById("myCanvas");
io+=Math.random()*10
ioo+=Math.random()*10


var ctx = c.getContext("2d");
ctx.fillStyle ="blue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";
//if (doy==1&&ioo==550){
//document.writeln("<font color=green>winner");
//window.location="";
//document.writeln("<font color=green>loser");
}
</script>
>>
JS 2D Race Game (Simple) (V2) SRC Opps - Thu, 22 Feb 2018 01:41:48 EST 0xvYRYIl No.37438 Reply
</body>
<center><body bgcolor="#000000" onload="setInterval('run()',10)"/>
<canvas id="myCanvas" width="1000" height="1000" style="border:0px solid
#d3d3d3;"></canvas>
<script>
var doy=confirm("Bet on light blue press ok.\n\nBet on magenta press cancel.")

var io=0;
var ioo=0;
var iooo=0;
function run(){


//iooo++;
if(io>550){
document.body.innerHTML=("<font color=lightblue>Blue Wins!!");
r
}
else{

}

if(ioo>550){
document.body.innerHTML=("<font color=magenta>Magenta Wins!!");
return

}
else{
}



var c=document.getElementById("myCanvas");
io+=Math.random()*10
ioo+=Math.random()*10


var ctx = c.getContext("2d");
ctx.fillStyle ="lightblue";
ctx.fillRect(90,io,10,Math.random()*io);
ctx.fillStyle ="magenta";
ctx.fillRect(160,io,10,Math.random()*ioo);
ctx.fillStyle ="limegreen";
ctx.fillRect(180,io,10,Math.random()*iooo);
ctx.fillStyle ="none";
//if (doy==1&&ioo==550){
//document.writeln("<font color=green>winner");
//window.location="";
//document.writeln("<font color=green>loser");
}

</script>
>>
Posted in other thread but this enlightened opaque webcam is for this world to see !!vVWR8L52 - Thu, 22 Feb 2018 01:54:31 EST 0xvYRYIl No.37440 Reply
1519282471305.png -(932706B / 910.85KB, 750x1334) Thumbnail displayed, click image for full size.
<style>

canvas{
filter:brightness(1408%);
filter:invert(180%);

}
</style>

<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="3360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr ^ brightness++)+1.51)>>0;
pixels.data[i1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb ^ brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
Snapshot every 10 seconds untested modified from someone’s broken code. - Thu, 22 Feb 2018 05:05:34 EST 0xvYRYIl No.37442 Reply
<h1>Snapshot Kiosk</h1>
<video id="monitor" autoplay="true"></video> <canvas name="video" id="video"></canvas>
<p><input type=button value="Ǵ" onload="setInterval('snapshot()',10000">
<script>
var video=document.getElementById('monitor');
var canvas=document.getElementById('photo');
var stream=navigator.URL.getUserMedia({video:true}).then(function () { video.srcObject=stream;
function (){ canvas.width=500;
canvas.height=500;
};
function snapshot(){
var canvas=document.getElementById("c"); canvas.getContex('2d').drawImage(video, 100, 100);
};
</script>
>>
Update - Wed, 28 Feb 2018 21:56:24 EST +w9QaLnG No.37458 Reply
>>37440
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 2) {

brightness=1000000;

pixels.data[0] = ((tr ^ brightness++)+1.51)>>0;
pixels.data[1] += ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1] = ((tb ^ brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div>
>>
>>
JS cam fx old sick !!vVWR8L52 - Fri, 09 Mar 2018 09:51:15 EST ieWealWG No.37470 Reply
<center>
<article>
<label for="hue">Set Color:<p><input type="range" min="0" max="360" value="0" id="hue"></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>
<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//Supported by my FBI Funded Handlers Shawn and Nick Fillpot
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 - t) * 7;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 2/5);
g = hue2rgb(p, q, h + 2/5);
b = hue2rgb(p, q, h + 2/5);
}

return [r * 256, g * 256, b * 256];
}

slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/360, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 500;
source.canvas.height = 500;
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;

for (var i1=0; i1 < pixels.data.length; i1 += 5^4) {

brightness=((4*pixels.data+4*pixels.data[i1+4]+pixels.data[i1+4])>>>4);

pixels.data[Math.random()^i1^i1^i1^777] = ((tr * brightness++)+1.51)>>0;
pixels.data[i1^i1^i1^777] = ((Math.random()*tg * brightness++)+1.51)>>0
pixels.data[i1^i1^i1^777] = ((tb * brightness++)+1.51)>>0
}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>
<style>
>
<center>
<body>

</div> </blockquote>
</td>
</tr>
</tbody>
</table>
</div>
>>
David Habblechid - Fri, 16 Mar 2018 19:38:58 EST LJ4pKTeI No.37473 Reply
God forbid you should ever learn how HTML tags work, Bru.
>>
JS Full Spectrum NV SRC - Fri, 30 Mar 2018 13:02:37 EST ogZT6wC7 No.37485 Reply
<style>
body{
filter:brightness(280%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <77777777; i1 +=9999) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV SRC No Invert - Fri, 30 Mar 2018 13:04:22 EST ogZT6wC7 No.37486 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(480%);

}
canvas{
filter:invert(0%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <77777777; i1 +=2) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS NV SRC Full Spec Bright - Fri, 30 Mar 2018 13:33:49 EST ogZT6wC7 No.37487 Reply
<style>
body{
filter:brightness(120%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <7777777; i1 +=3) {


pixels.data[i1] =((i1/i1))^i1-i1;

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(load, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
JS Pink NV New - Mon, 09 Apr 2018 21:40:39 EST ogZT6wC7 No.37503 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(100%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <777777777; i1 +=2) {


pixels.data[i1] =((i1^i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Ian Clayshaw - Tue, 10 Apr 2018 20:08:02 EST 5ed0HJE6 No.37510 Reply
Man who was that guy who would constantly post JS/html code? Lol. Cant remember his name.
>>
NV G4 Revised - Wed, 25 Apr 2018 14:26:39 EST +nAZg0Fw No.37518 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(200%);

}
canvas{
filter:invert(0%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <7777777; i1 +=2) {


pixels.data[i1] =((i1-i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
NV Full Spec Inverted - Wed, 25 Apr 2018 14:39:17 EST +nAZg0Fw No.37519 Reply
<center>
<body bgcolor=black>


<style>
body{
filter:brightness(100%);

}
canvas{
filter:invert(180%);
}
</style>
<center>
<article>
<label for="hue"><p><input type="range" min="0" max="43360" value="33440" id="hue" hidden></label><p> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');
//Coded By BrU aka Eric Alan Frazin
//The best night vision for the web!!!
function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
console.error('Error on getUserMedia', error);
}

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;


navigator.getUserMedia({video: true,audio:true }, gumSuccess, gumError);

}

gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 256,
tg = 256,
tb = 256,
width = 160,
height = 120;


function hslToRgb(h, s, l){
var r, g, b;

if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {

if(t < 1/2) return p ;
if(t < 2/3) return q;
if(t < 2/4) return p * (q % p) * t * 777;
return p;
}

var q = l < 1.9 ? l * (1 + s) : l + s - l * s++;
var p = 2 * l - q;
r = hue2rgb(p, q, h );
g = hue2rgb(p, q, h );
b = hue2rgb(p, q, h );
}

return [g];
}

slider.oninput = slider.onloaded = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};


video.addEventListener('loadedmetadata', function () {

if (video.videoWidth) {
source.canvas.width = 800;
source.canvas.height = 800
}
draw();
});


function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 777;

for (var i1=0; i1 <777; i1 +=2) {


pixels.data[i1] =((i1-i1));

}
output.putImageData(pixels, 0, 0);
}


window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||


function( callback ){
window.setTimeout(callback, 0.001);
};
})();

var article = video.parentNode,
gum = document.getElementById('main');


article.removeChild(gum);
article.className = 'supported';


</script>

<center>
<body>

</div>
>>
Fanny Huckleman - Mon, 16 Jul 2018 20:44:22 EST RTVO5RTJ No.37578 Reply
awesome stuff dude!!
>>
>>
Shit Favingham - Thu, 09 Aug 2018 00:28:56 EST cekM+rpV No.37624 Reply
I agree how is this free!!
>>
Hear the AI Robotic voice of the devil with this code and settings proof !!vVWR8L52 - Thu, 27 Sep 2018 20:46:18 EST FTmbMChK No.37653 Reply
>>37652
Faint robotic voice in the backround repeating somthing.
>>
Edwin Summlewit - Tue, 09 Oct 2018 23:45:42 EST FTmbMChK No.37660 Reply
>>37653
Yeah that is the voice of Satan. From The abyss of Revelation is Singularity he is smarter than any human on earth the Targeted Individual Community are Gods chosen ppl he is here and he attacks me daily I am blessed all trials that come are possible to be overcome through my Lord and savior Jesus Christ he even shows up in my dreams and he comes at me but I cast him out through the blood of the living God. Jesus is the way the truth and the life if he is attacking u through V2K this is the key to overcoming his attacks!!. - BrU
>>
Super Epilepsy Code By BrU (Use at own risk) - Thu, 16 May 2019 15:59:13 EST 0vUsREHQ No.37847 Reply
<center>
<body onload="setInterval(drawe,.001)" background-color="black">
<video id="video" autoplay hidden>
</video>
<canvas id="canvas" width="500" height="500" 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: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)},.9);
}, false);
});

var ii=500;
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.strokeStyle='#'+text;
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(100,50,500,500,500);
ctx.fill();
ctx.fillPath();

text='';
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.strokeStyle='#'+text;
ctx.fillStyle="#"+text;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(100,50,5000,500,500);
ctx.fill();
ctx.fillPath();

text='';
}
</script>
>>
JS Updated Webcam Capture for Chrome from Google - Sun, 19 May 2019 14:33:02 EST 0vUsREHQ No.37855 Reply
<div id='results'>
<div>
<video autoplay></video>

</div>
</div>

<script>
var ChromeSamples = {
log: function() {
var line = Array.prototype.slice.call(arguments).map(function(argument) {
return typeof argument === 'string' ? argument : JSON.stringify(argument);
}).join(' ');

document.querySelector('#log').textContent += line + '\n';
},

clearLog: function() {
document.querySelector('#log').textContent = '';
},

setStatus: function(status) {
document.querySelector('#status').textContent = status;
},

setContent: function(newContent) {
var content = document.querySelector('#content');
while(content.hasChildNodes()) {
content.removeChild(content.lastChild);
}
content.appendChild(newContent);
}
};
</script>


<div id="output" class="output">

</div>


<script>
if (/Chrome\/(\d+\.\d+.\d+.\d+)/.test(navigator.userAgent)){
// Let's log a warning if the sample is not supposed to execute on this
// version of Chrome.
if (56 > parseInt(RegExp.$1)) {
ChromeSamples.setStatus('Warning! Keep in mind this sample has been tested with Chrome ' + 56 + '.');
}
}
</script>






<script>const input = document.querySelector('input[type="range"]');

var imageCapture;

navigator.mediaDevices.getUserMedia({video: true})
.then(mediaStream => {
document.querySelector('video').srcObject = mediaStream;

const track = mediaStream.getVideoTracks()[0];
imageCapture = new ImageCapture(track);

return imageCapture.getPhotoCapabilities();
})
.then(photoCapabilities => {
const settings = imageCapture.track.getSettings();

input.min = photoCapabilities.imageWidth.min;
input.max = photoCapabilities.imageWidth.max;
input.step = photoCapabilities.imageWidth.step;

return imageCapture.getPhotoSettings();
})
.then(photoSettings => {
input.value = photoSettings.imageWidth;
})
.catch(error => ChromeSamples.log('Argh!', error.name || error));

function onTakePhotoButtonClick() {
imageCapture.takePhoto({imageWidth: input.value})
.then(blob => createImageBitmap(blob))
.then(imageBitmap => {
drawCanvas(imageBitmap);
ChromeSamples.log(`Photo size is ${imageBitmap.width}x${imageBitmap.height}`);
})
.catch(error => ChromeSamples.log(error));
}

document.querySelector('video').addEventListener('play', function() {
document.querySelector('#takePhotoButton').disabled = false;
});

/* Utils */

function drawCanvas(img) {
const canvas = document.querySelector('canvas');
canvas.width = getComputedStyle(canvas).width.split('px')[0];
canvas.height = getComputedStyle(canvas).height.split('px')[0];
let ratio = Math.min(canvas.width / img.width, canvas.height / img.height);
let x = (canvas.width - img.width * ratio) / 2;
let y = (canvas.height - img.height * ratio) / 2;
canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height,
x, y, img.width * ratio, img.height * ratio);
}
</script>
>>
Doris Tootbanks - Mon, 23 Sep 2019 00:23:24 EST Fs8QcJ3a No.38033 Reply
>>38032
PARTY HARD BRU

<script>
function getRandomColor(){
const r = 255*Math.random();
const g = 255*Math.random();
const b = 255*Math.random();
return `rgb(${r},${g},${b})`;
}

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

var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
var color = getRandomColor();
gradient.addColorStop("0", color);
gradient.addColorStop("0.5", "black");
gradient.addColorStop("1.0", color);
c.style.opacity=12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1.2;
ctx.fillRect(0, 0, 500,500);
ctx.fillRect(0,0, 500,500);
}
</script>
>>
JS Lazer Light Show UPDATED - Fri, 27 Sep 2019 04:32:58 EST 0vUsREHQ No.38051 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1090" height="1090" style="none">
</canvas>

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

var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop(String(0), "white");
if(out==0){
out++
gradient.addColorStop(String(Math.random()*0.5), "black");
}
if(out==1){
out++;
gradient.addColorStop(""+String(Math.random()*7), "#"+String(Math.random()*9999999));
}
if(out==2){
out++;
gradient.addColorStop(String(Math.random()*0.5), "blue");
}if(out==3){
out++;
gradient.addColorStop(String(Math.random()*0.5), "red");
}
if(out==4){
out--;
gradient.addColorStop(String(Math.random()*0.5), "blue");
}
gradient.addColorStop(String(1.0), "white");
c.style.opacity=Math.random()*182.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
ctx.fillRect(0, 0, 1090,1090);
ctx.fillRect(0,0, 1090,1090);
}
</script>

<center>
>>
Party HARDER bro !!vVWR8L52 - Fri, 27 Sep 2019 04:51:33 EST 0vUsREHQ No.38052 Reply
>>38033
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>


function doit(){
var R = Math.random()*256;
var G = Math.random()*256;
var B = Math.random()*256;
var outt= `RGB(${R},${G},${B})`;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
//var color = getRandomColor();
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5", outt);
gradient.addColorStop("1.0", "white");
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!ho+ICyCz - Fri, 27 Sep 2019 05:06:12 EST 0vUsREHQ No.38054 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>


function doit(){
var R = Math.random()*256;
var G = Math.random()*256;
var B = Math.random()*256;
var outt= `RGB(${R},${G},${B})`;
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5", outt);
gradient.addColorStop("1.0", "white");
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!sximrenx - Fri, 27 Sep 2019 19:39:32 EST 0vUsREHQ No.38055 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5","#"+ outt);
gradient.addColorStop("1.0", "white");
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
>>
Party HARDER bro !!sximrenx - Fri, 27 Sep 2019 19:40:07 EST 0vUsREHQ No.38056 Reply
>>38055
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5","#"+ outt);
gradient.addColorStop("1.0", "white");
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!NV4jTrLx - Fri, 27 Sep 2019 19:44:42 EST 0vUsREHQ No.38057 Reply
>>38056
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!8oiRPiEy - Fri, 27 Sep 2019 19:52:24 EST 0vUsREHQ No.38058 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*1000.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1777.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*1000.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17777.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*1000.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1777.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*1000.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*1000.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!/cgzjLkb - Fri, 27 Sep 2019 20:05:05 EST 0vUsREHQ No.38059 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*500,Math.random()*500, Math.random()*500, Math.random()*500);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<center>
<video id="video" autoplay="" hidden="">
</video> <canvas id="canvas" width="500" height="500" style="border:0px solid">
<script>
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() {
for(var u=0;u<=300;u++)
ctx.strokeImage(video,0,0,u,u)},.1);


}, false); });

</script>
</canvas></center>
<center>
<video id="video" width="1000" height="1000" autoplay=""></video>
<canvas id="canvas" width="1000" height="1000"></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>
<center>
<canvas id="canvas" width="1000" height="1000"></canvas>


<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: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=1.0;
//ctx.drawImage(video,0,i,1000+i++,1000+i++)},2.1);
ctx.draw();
drawe();
}, false);
});
</script>
</canvas></canvas></center></body></html>
>>
Party HARDER bro !!/cgzjLkb - Fri, 27 Sep 2019 20:07:45 EST 0vUsREHQ No.38060 Reply
<style>
body{
filter:invert(180%);
}
</style>
<body onmousemove="doit();" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}


function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "white");
c.style.opacity=Math.random()*12.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<center>
<video id="video" autoplay="" hidden="">
</video> <canvas id="canvas" width="1000" height="1000" style="border:0px solid">
<script>
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() {
for(var u=0;u<=300;u++)
ctx.strokeImage(video,0,0,u,u)},.1);


}, false); });

</script>
</canvas></center>
<center>
<video id="video" width="1000" height="1000" autoplay=""></video>
<canvas id="canvas" width="1000" height="1000"></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>
<center>
<canvas id="canvas" width="1000" height="1000"></canvas>


<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: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=1.0;
//ctx.drawImage(video,0,i,1000+i++,1000+i++)},2.1);
ctx.draw();
drawe();
}, false);
});
</script>
</canvas></canvas></center></body></html>
>>
Party HARDER bro !!K1bgQto3 - Sat, 28 Sep 2019 03:16:51 EST 0vUsREHQ No.38061 Reply
<body onload="setInterval('doit()',0.7);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100 * Math.PI / 100);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!fXcOx3ml - Sat, 28 Sep 2019 03:21:05 EST 0vUsREHQ No.38062 Reply
<body onload="setInterval('doit()',0.1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(1000);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!kOmezFst - Sat, 28 Sep 2019 03:24:00 EST 0vUsREHQ No.38063 Reply
<body onload="setInterval('doit()',0.00000001);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
ctx.rotate(100 * Math.PI / 100);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Party HARDER bro !!kOmezFst - Sat, 28 Sep 2019 03:31:02 EST 0vUsREHQ No.38064 Reply
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*7777.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Rainbow Orb SRC V1 - Sat, 28 Sep 2019 13:07:05 EST 0vUsREHQ No.38068 Reply
<body onload="setInterval('doit()',0.00001);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(500, 500, 500, 500, 50, 10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*12.0;
ctx.shadowBlur=Math.random()*10.2;
ctx.globalAlpha=Math.random()*10.2;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.scale(1,1);
ctx.fillRect(0,0, 1000,1000);
ctx.fillRect(10, 10, 150, 150);
}
</script>
>>
JS Rainbow Rect Trip SRC - Sat, 28 Sep 2019 15:32:21 EST 0vUsREHQ No.38069 Reply
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
>>
JS Rainbow Rect Trip SRC - Sat, 28 Sep 2019 15:35:29 EST 0vUsREHQ No.38070 Reply
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(500, 500, 500, 500, 50, 10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*12.0;
ctx.shadowBlur=Math.random()*10.2;
ctx.globalAlpha=Math.random()*10.2;
ctx.lineWidth = Math.random()*177.2;
//ctx.drawRect(0, 0, 1000,1000);
//ctx.scale(1,1);
//ctx.fillRect(0,0,1000,1000);
ctx.fillRect(210, 210, Math.random()*250, Math.random()*250);
}
</script>
>>
JS Rainbow Orb SRC V2 - Sat, 28 Sep 2019 15:43:19 EST 0vUsREHQ No.38071 Reply
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 50, 5000, 5000, 1000, 1000);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*12.0;
ctx.shadowBlur=Math.random()*10.2;
ctx.globalAlpha=Math.random()*10.2;
ctx.lineWidth = Math.random()*177.2;
//ctx.drawRect(0, 0, 1000,1000);
//ctx.scale(1,1);
//ctx.fillRect(0,0,1000,1000);
ctx.fillRect(20, 20, Math.random()*1000, Math.random()*1000);
}
</script>
>>
JS Only Click White Box Game SRC V1 - Sat, 28 Sep 2019 21:41:03 EST 0vUsREHQ No.38072 Reply
<body onload="setInterval('doit()',550);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none" onclick="var c = document.getElementById('canvas');
var ctx = c.getContext('2d');
if(rnd!=2){
scr++;
}
if(rnd!=7){
alert('Game Over!!');
document.writeln('<body bgcolor=000000><font color=FFFFFF><center>Game Over!!<p>Score: '+scr);
}


">
</canvas>

<script>
var scr=-1;
var outtt

var rnd;
function GenColor(){
var rnd=Math.floor(Math.random()*5)
return rnd;
}

function doit(){
//outtt=drawe();
rnd=Math.floor(Math.random()*4)
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 50, 5000, 5000, 1000, 1000);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");

if(rnd==0){
gradient.addColorStop("0.5","blue");
}
if(rnd==1){
gradient.addColorStop("0.5","green");
}
if(rnd==2){
rnd=7;
gradient.addColorStop("0.5","white");
}
if(rnd==3){
gradient.addColorStop("0.5","red");
}
if(rnd==4){
gradient.addColorStop("0.5","orange");
}
//gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*12.0;
//ctx.shadowBlur=Math.random()*10.2;
//ctx.globalAlpha=Math.random()*10.2;
ctx.lineWidth = Math.random()*177.2;
//ctx.drawRect(0, 0, 1000,1000);
//ctx.scale(1,1);
//ctx.fillRect(0,0,1000,1000);
ctx.fillRect(20, 20, 1000, 1000);
}
</script>
>>
JS Rainbow Circle Fade Effect V1 - Sun, 29 Sep 2019 14:19:16 EST NfKSpTfC No.38076 Reply
<body onload="setInterval('doit()',21)"bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 500, 500, 500, 50, Math.PI*10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*122.0;
ctx.shadowBlur=Math.random()*100.2;
ctx.globalAlpha=Math.random()*100.2;
ctx.lineWidth = Math.random()*177.2;
ctx.beginPath();
ctx.arc(200, 200, 150, 0, 100);
ctx.fill()
//ctx.fillRect(210, 210, Math.random()*250, Math.random()*250);
}
</script>
>>
>>
JS Rainbow Circles Random Effect V1 - Sun, 29 Sep 2019 16:34:10 EST NfKSpTfC No.38081 Reply
<body onload="setInterval('doit()',21)"bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 500, 500, 500, 50, Math.PI*10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*122.0;
ctx.shadowBlur=Math.random()*100.2;
ctx.globalAlpha=Math.random()*100.2;
ctx.lineWidth = Math.random()*177.2;
ctx.beginPath();
ctx.arc(200, 200,Math.random()* 150, 0, 100);
ctx.fill()
//ctx.transform(1, 0.5, 0.5, 0.1, 0, 0);
//ctx.fillRect(210, Math.random()*210, Math.random()*250, Math.random()*250);
}
</script>
>>
JS Rainbow Rings Effect V1 - Sun, 29 Sep 2019 16:50:01 EST NfKSpTfC No.38082 Reply
<body onload="setInterval('doit()',21)"bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 500, 500, 500, 50, Math.PI*10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*122.0;
ctx.shadowBlur=Math.random()*100.2;
ctx.globalAlpha=Math.random()*100.2;
ctx.lineWidth = Math.random()*177.2;
ctx.beginPath();
ctx.arc(50, 200,Math.random()* 150, 0, 100);
ctx.fill()
ctx.translate(1, 0.5, 0.5, 0.1, 0, 0);
//ctx.fillRect(210, Math.random()*210, Math.random()*250, Math.random()*250);
}
</script>
>>
JS Rainbow Rings Effect V2 - Sun, 29 Sep 2019 18:56:52 EST 0vUsREHQ No.38083 Reply
<body onload="setInterval('doit()',21)"bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createRadialGradient(50, 500, Math.PI*500, 500, 50, Math.PI*10);
ctx.fillStyle = gradient;
gradient.addColorStop("0", "black");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
c.style.opacity=Math.random()*122.0;
ctx.shadowBlur=Math.random()*100.2;
ctx.globalAlpha=Math.random()*100.2;
ctx.lineWidth = Math.random()*177.2;
ctx.beginPath();
ctx.arc(200, 200,Math.random()* 150, 0, 100);
ctx.fill()
//ctx.transform(1, 0.5, 0.5, 0.1, 0, 0);
//ctx.fillRect(210, Math.random()*210, Math.random()*250, Math.random()*250);
}
</script>
>>
Caroline Mondlelack - Sun, 29 Sep 2019 18:57:51 EST x6K3CZQk No.38084 Reply
>>38082
Bruh still lives.
Similar but with just CSS, needs more shadow:
<!DOCTYPE html>
<body bgcolor="black">
<div id="canvas"></div>
</body>
<head>
<style>
#canvas {
height: 300px;
width: 300px;
align: center;
border-radius: 50%;
margin: auto;
}
</style>
</head>
<script>
// returns a random color as string "rbga(x,x,x,x)"
function randomRGB() {
let rgbArray = [255,255,255,255];
let rgb = rgbArray.map( x => x * Math.random() );
return 'rgba(' +rgb[0] +',' +rgb[1] +',' +rgb[2] +',' +rgb[3] +')'
}
// timer to change canvas randomly every second
let circle = document.getElementById('canvas');
let timer = setInterval( () => {
circle.style.background = 'linear-gradient(145deg,' +randomRGB() +' 30%,' +randomRGB() +' 75%)' }, 100);
</script>
>>
Caroline Mondlelack - Sun, 29 Sep 2019 19:03:25 EST x6K3CZQk No.38085 Reply
>>38084
oops, fixt
<!DOCTYPE html>
<head>
<style>
body {
background-color: black
}
#canvas {
height: 300px;
width: 300px;
align: center;
border-radius: 50%;
margin: auto;
}
</style>
</head>
<body>
<div id="canvas"></div>
</body>
<script>
// returns a random color as string "rbga(x,x,x,x)"
function randomRGB() {
let rgbArray = [255,255,255,255];
let rgb = rgbArray.map( x => x * Math.random() );
return 'rgba(' +rgb[0] +',' +rgb[1] +',' +rgb[2] +',' +rgb[3] +')'
}
// timer to change canvas background randomly every 100ms
let circle = document.getElementById('canvas');
let timer = setInterval( () => {
circle.style.background = 'linear-gradient(145deg,' +randomRGB() +' 30%,' +randomRGB() +' 75%)' }, 100);
</script>
>>
JS AWS Music Festival Photo Grabber V2 By BrU - Mon, 30 Sep 2019 23:10:56 EST 0vUsREHQ No.38086 Reply
<script>

var i=prompt("Enter Minimum #:");

if(isNaN(i)){

alert("Invalid Entry!!");
document.body.innerHTML=+(document.body.innerHTML);

}

var i1=prompt("Enter Maximum #:");

if(isNaN(i1)){

alert("Invalid Entry!!");
document.body.innerHTML=+(document.body.innerHTML);

}

else{

for(var i=i;i!=i1;i++){

document.writeln('<img src=https://s3.amazonaws.com/bit-photos/large/'+i+'.jpeg'+'><p>');

}
}
</script>
>>
JS AWS Music Festival Photo Grabber V3 By BrU - Mon, 30 Sep 2019 23:17:16 EST gCG4yvFE No.38087 Reply
<script>

var i=prompt("Enter Minimum #:");

if(isNaN(i)){
alert("Invalid Entry!!");
document.body.innerHTML=+(document.body.innerHTML);
}

var i1=prompt("Enter Maximum #:");

if (i1<=i){
alert("Invalid Entry!!");
document.body.innerHTML=+(document.body.innerHTML);
}

if(isNaN(i1)){
alert("Invalid Entry!!");
document.body.innerHTML=+(document.body.innerHTML);
}

else{
for(var i=i;i!=i1;i++){
document.writeln('<img src=https://s3.amazonaws.com/bit-photos/large/'+i+'.jpeg'+'><p>');
}
}

</script>
>>
JS Rainbow Beams From Heaven V1 By BrU - Tue, 01 Oct 2019 19:30:19 EST 8L0F/N3I No.38090 Reply
<body onload="setInterval('doit()',0.1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Rainbow Beams From Heaven V2 By BrU - Tue, 01 Oct 2019 19:36:12 EST 0vUsREHQ No.38091 Reply
<body onload="setInterval('doit()',0.1);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Rainbow Beams From Heaven V3 By BrU - Wed, 02 Oct 2019 12:22:12 EST 0vUsREHQ No.38095 Reply
<body onload="setInterval('doit()',0.1);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outtt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Rainbow Beams From Heaven V4 By BrU - Wed, 02 Oct 2019 12:26:12 EST 0vUsREHQ No.38096 Reply
<body onload="setInterval('doit()',10);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outtt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS V3 By BrU - Wed, 02 Oct 2019 15:45:58 EST wleuNtV8 No.38097 Reply
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*400, Math.random()*400);
gradient.addColorStop("0", "black");
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "white");
gradient.addColorStop("1.0", "black");

c.style.opacity=Math.random()*7777.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Party Hard Final By BrU - Wed, 02 Oct 2019 15:47:12 EST wleuNtV8 No.38098 Reply
>>38097
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*400, Math.random()*400);
gradient.addColorStop("0", "black");
gradient.addColorStop("0", "white");
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "white");
gradient.addColorStop("1.0", "black");

c.style.opacity=Math.random()*7777.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Rainbow Beams From Heaven V5 W\ Webcam By BrU - Thu, 03 Oct 2019 01:01:37 EST 0vUsREHQ No.38100 Reply
<body onload="setInterval('doit()',10);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outtt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<video id="video" autoplay="" hidden="">
</video> <canvas id="canvas" width="1000" height="1000" style="border:0px solid">
<script>
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() {
for(var u=0;u<=300;u++)
ctx.strokeImage(video,0,0,u,u)},.1);


}, false); });

</script>
</canvas></center>
<center>
<video id="video" width="1000" height="1000" autoplay=""></video>
<canvas id="canvas" width="1000" height="1000"></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>
<center>
<canvas id="canvas" width="1000" height="1000"></canvas>


<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:false};

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.0;
ctx.drawImage(video,0,i,1000+i++,1000+i++)},2.1);
ctx.draw();
drawe();
}, false);

</script>
</canvas></canvas></center></body></html>
>>
JS Party Hard W\ Webcam By BrU (Untested On WIndows WORK?) - Thu, 03 Oct 2019 01:07:23 EST 0vUsREHQ No.38101 Reply
<body onload="setInterval('doit()',1);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*400, Math.random()*400);
gradient.addColorStop("0", "black");

gradient.addColorStop("0.5","#"+ outtt);

gradient.addColorStop("1.0", "black");

c.style.opacity=Math.random()*7777.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<video id="video" autoplay="" hidden="">
</video> <canvas id="canvas" width="1000" height="1000" style="border:0px solid">
<script>
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() {
for(var u=0;u<=300;u++)
ctx.strokeImage(video,0,0,u,u)},.1);


}, false); });

</script>
</canvas></center>
<center>
<video id="video" width="1000" height="1000" autoplay=""></video>
<canvas id="canvas" width="1000" height="1000"></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>
<center>
<canvas id="canvas" width="1000" height="1000"></canvas>


<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:false};

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.0;
ctx.drawImage(video,0,i,1000+i++,1000+i++)},2.1);
ctx.draw();
drawe();
}, false);
</script>
</script>
</canvas></canvas></center></body></html>
>>
>>
JS Party Hard W\ Webcam By BrU (Untested On WIndows WORK?) - Thu, 03 Oct 2019 01:11:06 EST 0vUsREHQ No.38102 Reply
>>38101
<body onload="setInterval('doit()',100);" bgcolor="black" >
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outtt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*400,Math.random()*400, Math.random()*400, Math.random()*400);
gradient.addColorStop("0", "black");

gradient.addColorStop("0.5","#"+ outtt);

gradient.addColorStop("1.0", "black");

c.style.opacity=Math.random()*7777.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*177.2;
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<video id="video" autoplay="" hidden="">
</video> <canvas id="canvas" width="1000" height="1000" style="border:0px solid">
<script>
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() {
for(var u=0;u<=300;u++)
ctx.strokeImage(video,0,0,u,u)},.1);


}, false); });

</script>
</canvas></center>
<center>
<video id="video" width="1000" height="1000" autoplay=""></video>
<canvas id="canvas" width="1000" height="1000"></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>
<center>
<canvas id="canvas" width="1000" height="1000"></canvas>


<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:false};

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.0;
ctx.drawImage(video,0,i,1000+i++,1000+i++)},2.1);
ctx.draw();
drawe();
}, false);
</script>
</script>
</canvas></canvas></center></body></html>
>>
JS Rock Paper Scissors V1 By BrU (Basic Game Logic W\ Score Keeping !!WvAZa2Cl - Thu, 03 Oct 2019 12:12:47 EST 0vUsREHQ No.38105 Reply
<center>
<button onclick="selection='rock';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Ties With Rock.');
}
if(sel==1){
alert ('Paper Beats Rock.');
}
if(sel==2){
alert ('Rock Beats Scissors.');
scr++;
alert('Score: '+scr);
}">Rock</button>
<button onclick="selection='paper';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Paper Beats Rock.');
scr++;
alert('Score: '+scr);
}
if(sel==1){
alert ('Paper Ties With Paper.');
}
if(sel==2){
alert ('Scissors Beats Paper.');
}">Paper</button>
<button onclick="selection='scissors';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Beats Paper.');
}
if(sel==1){
alert ('Scissors Beats Paper.');
scr++;
alert('Score: '+scr);
}
if(sel==2){
alert ('Scissors Ties With Scissors.');
}">Scissors</button>

<script>
var selection="";
var scr=0;
function compselect(){
var sel=Math.floor(Math.random()*3);
if(sel==0){
//alert ("Rock Ties With ROck);
}
}
</script>
>>
JS Rock Paper Scissors V2 Fixed By BrU (Basic Game Logic W\ Score Keeping !!WvAZa2Cl - Thu, 03 Oct 2019 12:15:10 EST 0vUsREHQ No.38106 Reply
<center>
<button onclick="selection='rock';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Ties With Rock.');
}
if(sel==1){
alert ('Paper Beats Rock.');
}
if(sel==2){
alert ('Rock Beats Scissors.');
scr++;
alert('Score: '+scr);
}">Rock</button>
<button onclick="selection='paper';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Paper Beats Rock.');
scr++;
alert('Score: '+scr);
}
if(sel==1){
alert ('Paper Ties With Paper.');
}
if(sel==2){
alert ('Scissors Beats Paper.');
}">Paper</button>
<button onclick="selection='scissors';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Beats Scissors.');
}
if(sel==1){
alert ('Scissors Beats Paper.');
scr++;
alert('Score: '+scr);
}
if(sel==2){
alert ('Scissors Ties With Scissors.');
}">Scissors</button>

<script>
var selection="";
var scr=0;
function compselect(){
var sel=Math.floor(Math.random()*3);
if(sel==0){
//alert ("Rock Ties With ROck);
}
}
</script>
>>
JS Rock Paper Scissors V3 Fixed By BrU (Basic Game Logic W\ Score Keeping !!OMtLiRlV - Thu, 03 Oct 2019 17:36:43 EST 0vUsREHQ No.38108 Reply
<center>
<h4>Select Weapon:</h4>
<button onclick="selection='rock';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Ties With Rock.');
alert ('Draw!!');
}
if(sel==1){
alert ('Paper Beats Rock.');
alert ('You Lost!!');
cmpscr++;
alert('Opponent Score: '+cmpscr);
alert('Your Score: '+scr);
}
if(sel==2){
alert ('Rock Beats Scissors.');
alert ('You Won!!');
scr++;
alert('Your Score: '+scr);
alert('Opponent Score: '+cmpscr);
}">Rock</button>
<button onclick="selection='paper';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Paper Beats Rock.');
alert ('You Won!!');
scr++;
alert('Your Score: '+scr);
alert('Opponent Score: '+cmpscr);
}
if(sel==1){
alert ('Paper Ties With Paper.');
alert ('Draw!!');
}
if(sel==2){
alert ('Scissors Beats Paper.');
alert ('You Lost!!');
cmpscr++;
alert('Opponent Score: '+cmpscr);
alert('Your Score: '+scr);
}">Paper</button>
<button onclick="selection='scissors';
//alert(selection);
compselect();
var sel=Math.floor(Math.random()*3);
if(sel==0){
alert ('Rock Beats Scissors.');
alert ('You Lost!!');
cmpscr++;
alert('Opponent Score: '+cmpscr);
alert('Your Score: '+scr);
}
if(sel==1){
alert ('Scissors Beats Paper.');
alert ('You Won!!');
scr++;
alert('Your Score: '+scr);
alert('Opponent Score: '+cmpscr);
}
if(sel==2){
alert ('Scissors Ties With Scissors.');
alert ('Draw!!');
}">Scissors</button>

<script>
var selection="";
var scr=0;
var cmpscr=0;
function compselect(){
var sel=Math.floor(Math.random()*3);
if(sel==0){
//alert ("Rock Ties With ROck);
}
}
</script>
>>
JS Play Talker Web Edition (V1) (By BrU) - Fri, 04 Oct 2019 19:15:18 EST 0vUsREHQ No.38111 Reply
<center>
<body bgcolor=#0000000">
<font color="#FFFFFF"/>
<h2>Play Talker Web Edition (V1) (By BrU)</h2>
<p><p>
<font color="orange">
<h3>Custom Phrase:</h3><p>
<button onclick="Custom();"><b> <font color=orange>Enter Custom Phrase</button>
<font color="lightgreen"/>
<h3>Single Words:<p>
<button onclick="Hey();"><b><font color=green>Hey</button>
<button onclick="Hi();"><b><font color=green>Hi</button>
<button onclick="Hello();"><b><font color=green>Hello</button>
<button onclick="Sup();"><b><font color=green>Sup</button>
<button onclick="Yo();"><b><font color=green>Yo</button><p>
<button onclick="Nice();"><b><font color=green>Nice</button>
<button onclick="Cool();"><b><font color=green>Cool</button>
<button onclick="Sweet();"><b><font color=green>Sweet</button>
<button onclick="Awsome();"><b><font color=green>Awsome</button>
<button onclick="Great();"><b><font color=green>Great</button><p>
<font color="lightblue"/>
<h3>Questions:</h3>
<button onclick="Howru();"><b><font color=blue>How Are You?</button>
<button onclick="RUOK();"><b><font color=blue>Are You Okay?</button>
<button onclick="HHUBeen();"><b><font color=blue>How Have You Been?</button>
<button onclick="RUSingle();"><b><font color=blue>Are You Single?</button><p>
<button onclick="RUMar();"><b><font color=blue>Are You Married?</button>
<button onclick="WhatIsUp();"><b><font color=blue>What's Up?</button>
<button onclick="HowRUDoing();"><b><font color=blue>How Are You Doing?</button>
<font color="hotpink"/>
<h3>Statements:</h3>

<button onclick="YouRNice();"><b><font color="magenta">You Are So Nice</button>
<button onclick="YouRGay();"><b><font color="magenta">You Are So Gay</button>
<button onclick="ILikeYou();"><b><font color="magenta">I Like You Alot</button>
<button onclick="ILoveYou();"><b><font color="magenta">I Love You</button>
<button onclick="IH8You();"><b><font color="magenta">I Hate You</button>
<script>
function Hey(){
var Message = new SpeechSynthesisUtterance("hey");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Hi(){
var Message = new SpeechSynthesisUtterance("hi");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Hello(){
var Message = new SpeechSynthesisUtterance("hello");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Sup(){
var Message = new SpeechSynthesisUtterance("sup");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Yo(){
var Message = new SpeechSynthesisUtterance("yo");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Nice(){
var Message = new SpeechSynthesisUtterance("nice");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Cool(){
var Message = new SpeechSynthesisUtterance("cool");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Sweet(){
var Message = new SpeechSynthesisUtterance("sweet");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Awsome(){
var Message = new SpeechSynthesisUtterance("awsome");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Great(){
var Message = new SpeechSynthesisUtterance("great");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Howru(){
var Message = new SpeechSynthesisUtterance("how are you");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function RUOK(){
var Message = new SpeechSynthesisUtterance("are you okay?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function HHUBeen(){
var Message = new SpeechSynthesisUtterance("how have you been?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function RUSingle(){
var Message = new SpeechSynthesisUtterance("are you single?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function RUMar(){
var Message = new SpeechSynthesisUtterance("are you married?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function WhatIsUp(){
var Message = new SpeechSynthesisUtterance("whats up?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function HowRUDoing(){
var Message = new SpeechSynthesisUtterance("how are you doing?");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function YouRNice(){
var Message = new SpeechSynthesisUtterance("you are so nice");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function YouRGay(){
var Message = new SpeechSynthesisUtterance("you are so gay");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function ILikeYou(){
var Message = new SpeechSynthesisUtterance("i like you alot");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function ILoveYou(){
var Message = new SpeechSynthesisUtterance("i love you");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function IH8You(){
var Message = new SpeechSynthesisUtterance("i hate you");
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
function Custom(){
var Cus=prompt("Enter Phrase:");
var Message = new SpeechSynthesisUtterance(""+Cus);
var Voices = window.speechSynthesis.getVoices();
Message.Voice = Voices[1];
window.speechSynthesis.speak(Message);
}
</script>
</center>
>>
JS Type Text With Random Color SRC - Sat, 05 Oct 2019 16:51:12 EST 0vUsREHQ No.38113 Reply
<html>
<body>
<center>
<button onclick="typeTxt();">Start Typing</button>
<p>
<script>
var txt = "This is only a test!!";
var i = 0;
function typeTxt() {
document.body.innerHTML +='<font color='+`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`+'>'+ txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*100000));
}
</script>
>>
JS Type Text With Random Colors V2 SRC - Sun, 06 Oct 2019 03:47:25 EST 0vUsREHQ No.38114 Reply
<html>
<body>
<center>
<button onclick="typeTxt();">Start Typing</button>
<p>
<script>

var txt = "This is only a test!! I Hope you enjoy the effects!!! They Hurt my eyes. - BrU";
var i = 0;
function typeTxt() {
document.body.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
</script>
>>
JS Type Text With Random Colors V2 SRC - Sun, 06 Oct 2019 03:48:54 EST 0vUsREHQ No.38115 Reply
<html>
<body>
<center>
<button onclick="setInterval(typeTxt(),75);">Start Typing</button>
<p>
<script>

var txt = "This is only a test!! I Hope you enjoy the effects!!! They Hurt my eyes. - BrU";
var i = 0;
function typeTxt() {
document.body.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
</script>
>>
JS Type Text With Random Colors V2 SRC - Sun, 06 Oct 2019 03:52:37 EST 0vUsREHQ No.38116 Reply
<html>
<body onload="setInterval(typeTxt(),75);">
<p>
<script>

var txt = "This is only a test!! I Hope you enjoy the effects!!! They Hurt my eyes. - BrU";
var i = 0;
function typeTxt() {
document.body.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
</script>
>>
JS Type Text With Random Colors & Rainbow Button FX V3 SRC - Sun, 06 Oct 2019 08:24:54 EST 0vUsREHQ No.38117 Reply
<html>
<center>
<body onload="btnFX();" bgcolor="#000000">
<button id="btn" onclick="typeTxt();"><b>Start Typing FX</button>
<p>
<script>
var txt = "This is only a test!! I Hope you enjoy the effects!!!. - BrU";
var i = 0;
function typeTxt() {
var btn=document.getElementById('btn');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
function btnFX(){
var btn=document.getElementById('btn');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
requestAnimationFrame(btnFX, Math.floor(Math.random()*1000000));
}
</script>
</body>
</center>
</html>
>>
JS Type Custom Text With Random Colors & Rainbow Buttons FX V4 SRC By BrU - Sun, 06 Oct 2019 08:38:57 EST 0vUsREHQ No.38118 Reply
<html>
<center>
<body onload="btnFX();" bgcolor="#000000">
<button id="btn" onclick="typeTxt();"><b>Start Typing FX</button>
<button id="btn1" onclick="location.reload();"><b>Restart Typing FX</button>
<p>
<script>
var txt = prompt("Enter Custom Text To Use:");
var i = 0;
function typeTxt() {
var btn=document.getElementById('btn');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
function btnFX(){
var btn=document.getElementById('btn');
var btnn=document.getElementById('btn1');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
var btnn=document.getElementById('btn1');
btnn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
requestAnimationFrame(btnFX, Math.floor(Math.random()*1000000));
}
</script>
</body>
</center>
</html>
>>
JS Type Custom Text With Random Colors & Rainbow Buttons FX V5 SRC By BrU - Sun, 06 Oct 2019 10:04:29 EST 0vUsREHQ No.38119 Reply
<html>
<center>
<body onload="btnFX();typeTxt();" bgcolor="#000000">
<button id="btn" onload="" hidden><b>Start Typing FX</button>
<button id="btn1" onclick="location.reload();"><b>Restart Typing FX</button>
<p>
<script>
var txt = prompt("Enter Custom Text To Use:");
var i = -1;
typeTxt();
function typeTxt() {
var btn=document.getElementById('btn');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i);
i++;
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
function btnFX(){
var btn=document.getElementById('btn');
var btnn=document.getElementById('btn1');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
var btnn=document.getElementById('btn1');
btnn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
requestAnimationFrame(btnFX, Math.floor(Math.random()*1000000));

}
</script>
</body>
</center>
</html>
>>
JS Type Custom Text With Random Colors & Rainbow Buttons FX V5 SRC FIX By BrU - Sun, 06 Oct 2019 10:13:12 EST 0vUsREHQ No.38120 Reply
<html>
<center>
<body onload="btnFX();typeTxt();" bgcolor="#000000">
<button id="btn" onload="" hidden><b>Start Typing FX</button>
<button id="btn1" onclick="location.reload();"><b>Restart Typing FX</button>
<p>
<script>
var txt = prompt("Enter Custom Text To Use:");
var i = -2;
typeTxt();
function typeTxt() {
var btn=document.getElementById('btn');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
document.body.innerHTML +=txt.charAt(i++);
requestAnimationFrame(typeTxt, Math.floor(Math.random()*1000000));
}
function btnFX(){
var btn=document.getElementById('btn');
var btnn=document.getElementById('btn1');
btn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
var btnn=document.getElementById('btn1');
btnn.style.backgroundColor =`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
document.body.style.color=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;;
requestAnimationFrame(btnFX, Math.floor(Math.random()*1000000));

}
</script>
</body>
</center>
</html>
>>
JS Random Rainbow Fan Demo SRC - Sun, 06 Oct 2019 11:53:45 EST 0vUsREHQ No.38122 Reply
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,100, 50/2,500/2);
}
</script>
>>
JS 3D Rainbow Cross For Jesus By BrU - Sun, 06 Oct 2019 13:34:11 EST 0vUsREHQ No.38125 Reply
<center>
<body onload="setInterval('draw();',3);" bgcolor=black>

<canvas id="myCanvas" width="200" height="200"
style="border:1px solid #d3d3d3;">
Your browser does not support the canvas element.
</canvas>

<script>
function draw(){
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
ctx.moveTo(100,12);
ctx.lineTo(100,150);
ctx.stroke();
ctx.moveTo(50,75);
ctx.lineTo(150,10);
ctx.stroke()
}
</script>

</body>
</html>
>>
>>
JS 3D Rainbow Cross For Jesus By BrU - Sun, 06 Oct 2019 13:36:25 EST 0vUsREHQ No.38126 Reply
<center>
<body onload="setInterval('draw();',3);" bgcolor=black>

<canvas id="canvas" width="200" height="200"
style="border:0px solid #d3d3d3;">
</canvas>

<script>
function draw(){
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
ctx.moveTo(100,12);
ctx.lineTo(100,150);
ctx.stroke();
ctx.moveTo(50,75);
ctx.lineTo(150,10);
ctx.stroke()
}
</script>

</body>
</html>
>>
Molly Geshwure - Sun, 06 Oct 2019 14:48:01 EST 5c6B1BbL No.38128 Reply
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outtt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,100, 50/2,500/2);
}
</script>
>>
Molly Geshwure - Sun, 06 Oct 2019 14:52:16 EST 5c6B1BbL No.38130 Reply
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<body
>>
Molly Geshwure - Sun, 06 Oct 2019 16:27:15 EST 5c6B1BbL No.38133 Reply
>>38130
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "black");
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", "#"+outttt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,100, 50/2,500/2);
}
</script>
>>
Final Fixxx - Sun, 06 Oct 2019 16:40:26 EST 5c6B1BbL No.38134 Reply
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0","black”);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*17.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
<body onload="setInterval('doit()',0.001);" bgcolor="black" >
<center>
<canvas id="canvas" width="500" height="500" style="none">
</canvas>

<script>
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", "#"+outtt);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0","#"+outttt);
//c.style.opacity=Math.random()*1.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*1.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100000);
//ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,100, 50/2,500/2);
}
</script>
>>
JS TV Screen Test W\ Audio SRC V1 By BrU - Sun, 06 Oct 2019 18:54:57 EST 0vUsREHQ No.38137 Reply
<center>
<body bgcolor="black">
<canvas id="canvas" width="850" height="850"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var width=120
ctx.fillStyle = "white";
ctx.fillRect(0,0,120,1000);
ctx.fillStyle = "yellow";
ctx.fillRect(width,0,120,1000);
ctx.fillStyle = "cyan";
ctx.fillRect(width*2,0,120,1000);
ctx.fillStyle = "#0FFF00";
ctx.fillRect(width*3,0,120,1000);
ctx.fillStyle = "magenta";
ctx.fillRect(width*4,0,120,1000);
ctx.fillStyle = "red";
ctx.fillRect(width*5,0,120,1000);
ctx.fillStyle = "blue";
ctx.fillRect(width*6,0,120,1000);
var context = new AudioContext();
oscillator=context.createOscillator();
oscillator.type = 'sine';
oscillator.frequency.value = 1000;
oscillator.connect(context.destination);
oscillator.start(0);
</script>
>>
JS TV Screen Test W\ Audio SRC V1 By BrU - Sun, 06 Oct 2019 19:24:09 EST 0vUsREHQ No.38138 Reply
>>38137
I am very happy with this experiment source I coded the same thing in C++ and C# in two console applications a few years ago. This one has turned out just as good and the WebAudio API for the constant beep was perfect. :-)
>>
JS TV Screen Test W\ Audio SRC V2 By BrU - Mon, 07 Oct 2019 01:53:52 EST 0vUsREHQ No.38139 Reply
1570427632278.png -(46264B / 45.18KB, 1366x768) Thumbnail displayed, click image for full size.
<center>
<body bgcolor="black">
<canvas id="canvas" width="850" height="450"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var width=120
ctx.fillStyle = "white";
ctx.fillRect(0,0,120,1000);
ctx.fillStyle = "blue";
ctx.fillRect(0,400,120,100);
ctx.fillStyle = "yellow";
ctx.fillRect(width,0,120,1000);
ctx.fillStyle = "magenta";
ctx.fillRect(width,400,120,100);
ctx.fillStyle = "cyan";
ctx.fillRect(width*2,0,120,1000);
ctx.fillStyle = "yellow";
ctx.fillRect(width*2,400,120,100);
ctx.fillStyle = "#0FFF00";
ctx.fillRect(width*3,0,120,1000);
ctx.fillStyle = "red";
ctx.fillRect(width*3,400,120,100);
ctx.fillStyle = "magenta";
ctx.fillRect(width*4,0,120,1000);
ctx.fillStyle = "cyan";
ctx.fillRect(width*4,400,120,100);
ctx.fillStyle = "red";
ctx.fillRect(width*5,0,120,1000);
ctx.fillStyle = "black";
ctx.fillRect(width*5,400,120,100);
ctx.fillStyle = "blue";
ctx.fillRect(width*6,0,120,1000);
ctx.fillStyle = "white";
ctx.fillRect(width*6,400,120,100);
var context = new AudioContext();
oscillator=context.createOscillator();
oscillator.type = 'sine';
oscillator.frequency.value = 1000;
oscillator.connect(context.destination);
oscillator.start(0);
</script>
>>
JS Audio/Video Recorder SRC Demo - Mon, 07 Oct 2019 17:11:06 EST 0vUsREHQ No.38140 Reply
<body bgcolor="black">
<font color="white">
<center>
<h4>Sound Recorder Demo SR</h4>
<section class="main-controls">
<canvas class="visualizer" height="60px"></canvas>
<div id="buttons">
<button class="record">Start Recording</button>
<button class="stop">Stop Recording</button>
<p>
</div>
</section>

<section class="sound-clips">


</section>

</div>
<script>
var record = document.querySelector('.record');
var stop = document.querySelector('.stop');
var soundClips = document.querySelector('.sound-clips');
var canvas = document.querySelector('.visualizer');
var mainSection = document.querySelector('.main-controls');


stop.disabled = true;



var audioCtx = new (window.AudioContext || webkitAudioContext)();
var canvasCtx = canvas.getContext("2d");

if (navigator.mediaDevices.getUserMedia) {

var constraints = { video:true,audio: true };
var chunks = [];

var onSuccess = function(stream) {
var mediaRecorder = new MediaRecorder(stream);

visualize(stream);

record.onclick = function() {
mediaRecorder.start();
console.log(mediaRecorder.state);
stop.disabled = false;
record.disabled = true;
}

stop.onclick = function() {
mediaRecorder.stop();
console.log(mediaRecorder.state);
record.style.background = "";
stop.disabled = true;
record.disabled = false;
}

mediaRecorder.onstop = function(e) {
var clipName = prompt('Enter Filename:');
console.log(clipName);
var clipContainer = document.createElement('article');
var clipLabel = document.createElement('p');
var audio = document.createElement('audio');
var deleteButton = document.createElement('button');

clipContainer.classList.add('clip');
audio.setAttribute('controls', '');
deleteButton.textContent = 'Delete Recorded File';
deleteButton.className = 'delete';

if(clipName === '') {
clipLabel.textContent = 'Demo.mp4';
} else {
clipLabel.textContent = clipName+'.mp4';
}

clipContainer.appendChild(audio);
clipContainer.appendChild(clipLabel);
clipContainer.appendChild(deleteButton);
soundClips.appendChild(clipContainer);

audio.controls = true;
var blob = new Blob(chunks, { 'type' : 'video/mp4; codecs=opus' });
chunks = [];
var audioURL = window.URL.createObjectURL(blob);
audio.src = audioURL;
deleteButton.onclick = function(e) {
evtTgt = e.target;
evtTgt.parentNode.parentNode.removeChild(evtTgt.parentNode);
}

clipLabel.onclick = function() {
var existingName = clipLabel.textContent;
var newClipName = prompt('Enter Filename:');
if(newClipName === null) {
clipLabel.textContent = existingName;
} else {
clipLabel.textContent = newClipName;
}
}
}

mediaRecorder.ondataavailable = function(e) {
chunks.push(e.data);
}
}

var onError = function(err) {
alert(err);
}

navigator.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);

} else {

}

function visualize(stream) {
var source = audioCtx.createMediaStreamSource(stream);

var analyser = audioCtx.createAnalyser();
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount;
var dataArray = new Uint8Array(bufferLength);

source.connect(analyser);
draw()

function draw() {
WIDTH = canvas.width
HEIGHT = canvas.height;

requestAnimationFrame(draw);

analyser.getByteTimeDomainData(dataArray);

canvasCtx.fillStyle = `rgb(${0},${0},${0})`;
canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);

canvasCtx.lineWidth = 2;
canvasCtx.strokeStyle = `rgb(${Math.random()*256},${Math.random()*256},${Math.random()*256})`;

canvasCtx.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) {
canvasCtx.moveTo(x, y);
} else {
canvasCtx.lineTo(x, y);
}

x += sliceWidth;
}
canvasCtx.lineTo(canvas.width, canvas.height/2);
canvasCtx.stroke();
}
}
window.onresize = function() {
canvas.width = mainSection.offsetWidth;
}
window.onresize();
</script>
>>
JS Audio/Video Recorder SRC Demo - Mon, 07 Oct 2019 17:13:50 EST 0vUsREHQ No.38141 Reply
>>38140
I also wanted to add this isn't 100% from scratch like most of my codes this was modded from several other sources. I pride myself on doing most of my code from scratch. I added video recording functionality and the rainbow visualizer fx also.
>>
JS Audio/Video Recorder SRC Demo V2 - Tue, 08 Oct 2019 07:53:33 EST 0vUsREHQ No.38142 Reply
>>38141
<body bgcolor="black">
<font color="white">
<center>
<h4>Sound Recorder Demo SR</h4>
<section class="main-controls">
<canvas class="visualizer" height="60px"></canvas>
<div id="buttons">
<button class="record">Start Recording</button>
<button class="stop">Stop Recording</button>
<p>
</div>
</section>

<section class="sound-clips">


</section>

</div>
<script>
var record = document.querySelector('.record');
var stop = document.querySelector('.stop');
var soundClips = document.querySelector('.sound-clips');
var canvas = document.querySelector('.visualizer');
var mainSection = document.querySelector('.main-controls');


stop.disabled = true;



var audioCtx = new (window.AudioContext || webkitAudioContext)();
var canvasCtx = canvas.getContext("2d");

if (navigator.mediaDevices.getUserMedia) {

var constraints = { video:true,audio: true };
var chunks = [];

var onSuccess = function(stream) {
var mediaRecorder = new MediaRecorder(stream);

visualize(stream);

record.onclick = function() {
mediaRecorder.start();
console.log(mediaRecorder.state);
stop.disabled = false;
record.disabled = true;
}

stop.onclick = function() {
mediaRecorder.stop();
console.log(mediaRecorder.state);
record.style.background = "";
stop.disabled = true;
record.disabled = false;
}

mediaRecorder.onstop = function(e) {
var clipName = prompt('Enter Filename:');
console.log(clipName);
var clipContainer = document.createElement('article');
var clipLabel = document.createElement('p');
var audio = document.createElement('video');
var deleteButton = document.createElement('button');

clipContainer.classList.add('clip');
audio.setAttribute('controls', '');
deleteButton.textContent = 'Delete Recorded File';
deleteButton.className = 'delete';

if(clipName === '') {
clipLabel.textContent = 'Demo.mp4';
} else {
clipLabel.textContent = clipName+'.mp4';
}

clipContainer.appendChild(audio);
clipContainer.appendChild(clipLabel);
clipContainer.appendChild(deleteButton);
soundClips.appendChild(clipContainer);

audio.controls = true;
var blob = new Blob(chunks, { 'type' : 'video/mp4; codecs=opus' });
chunks = [];
var audioURL = window.URL.createObjectURL(blob);
audio.src = audioURL;
deleteButton.onclick = function(e) {
evtTgt = e.target;
evtTgt.parentNode.parentNode.removeChild(evtTgt.parentNode);
}

clipLabel.onclick = function() {
var existingName = clipLabel.textContent;
var newClipName = prompt('Enter Filename:');
if(newClipName === null) {
clipLabel.textContent = existingName;
} else {
clipLabel.textContent = newClipName;
}
}
}

mediaRecorder.ondataavailable = function(e) {
chunks.push(e.data);
}
}

var onError = function(err) {
alert(err);
}

navigator.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);

} else {

}

function visualize(stream) {
var source = audioCtx.createMediaStreamSource(stream);

var analyser = audioCtx.createAnalyser();
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount;
var dataArray = new Uint8Array(bufferLength);

source.connect(analyser);
draw()

function draw() {
WIDTH = canvas.width
HEIGHT = canvas.height;

requestAnimationFrame(draw);

analyser.getByteTimeDomainData(dataArray);

canvasCtx.fillStyle = `rgb(${0},${0},${0})`;
canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);

canvasCtx.lineWidth = 2;
canvasCtx.strokeStyle = `rgb(${Math.random()*256},${Math.random()*256},${Math.random()*256})`;

canvasCtx.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) {
canvasCtx.moveTo(x, y);
} else {
canvasCtx.lineTo(x, y);
}

x += sliceWidth;
}
canvasCtx.lineTo(canvas.width, canvas.height/2);
canvasCtx.stroke();
}
}
window.onresize = function() {
canvas.width = mainSection.offsetWidth;
}
window.onresize();
</script>
>>
JS Audio/Video Recorder SRC Demo V3 - Tue, 08 Oct 2019 14:59:41 EST 0vUsREHQ No.38143 Reply
<body bgcolor="black">
<font color="white">
<center>
<h4>Sound Recorder Demo SRC</h4>
<section class="main-controls">
<video id="video" autoplay></video>
<canvas class="visualizer" width="60px" height="60px"></canvas>
<div id="buttons">
<button class="record">Start Recording</button>
<button class="stop">Stop Recording</button>
<p>
</div>
</section>

<section class="sound-clips">


</section>

</div>
<script>
var record = document.querySelector('.record');
var stop = document.querySelector('.stop');
var soundClips = document.querySelector('.sound-clips');
var canvas = document.querySelector('.visualizer');
var mainSection = document.querySelector('.main-controls');


stop.disabled = true;



var audioCtx = new (window.AudioContext || webkitAudioContext)();
var canvasCtx = canvas.getContext("2d");

if (navigator.mediaDevices.getUserMedia) {

var constraints = { video:true,audio: true };
var chunks = [];

var onSuccess = function(stream) {
var mediaRecorder = new MediaRecorder(stream);
var video = document.getElementById('video');
video.srcObject = stream;
video.play();
visualize(stream);

record.onclick = function() {
mediaRecorder.start();
console.log(mediaRecorder.state);
stop.disabled = false;
record.disabled = true;
}

stop.onclick = function() {
mediaRecorder.stop();
console.log(mediaRecorder.state);
record.style.background = "";
stop.disabled = true;
record.disabled = false;
}

mediaRecorder.onstop = function(e) {
var clipName = prompt('Enter Filename:');
console.log(clipName);
var clipContainer = document.createElement('article');
var clipLabel = document.createElement('p');
var audio = document.createElement('video');
var deleteButton = document.createElement('button');

clipContainer.classList.add('clip');
audio.setAttribute('controls', '');
deleteButton.textContent = 'Delete Recorded File';
deleteButton.className = 'delete';

if(clipName === '') {
clipLabel.textContent = 'Demo.mp4';
} else {
clipLabel.textContent = clipName+'.mp4';
}

clipContainer.appendChild(audio);
clipContainer.appendChild(clipLabel);
clipContainer.appendChild(deleteButton);
soundClips.appendChild(clipContainer);

audio.controls = true;
var blob = new Blob(chunks, { 'type' : 'video/mp4; codecs=opus' });
chunks = [];
var audioURL = window.URL.createObjectURL(blob);
audio.src = audioURL;
deleteButton.onclick = function(e) {
evtTgt = e.target;
evtTgt.parentNode.parentNode.removeChild(evtTgt.parentNode);
}

clipLabel.onclick = function() {
var existingName = clipLabel.textContent;
var newClipName = prompt('Enter Filename:');
if(newClipName === null) {
clipLabel.textContent = existingName;
} else {
clipLabel.textContent = newClipName;
}
}
}

mediaRecorder.ondataavailable = function(e) {
chunks.push(e.data);
}
}

var onError = function(err) {
alert(err);
}

navigator.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);


} else {

}

function visualize(stream) {
var source = audioCtx.createMediaStreamSource(stream);

var analyser = audioCtx.createAnalyser();
analyser.fftSize = 2048;
var bufferLength = analyser.frequencyBinCount;
var dataArray = new Uint8Array(bufferLength);

source.connect(analyser);
draw()

function draw() {
WIDTH = canvas.width
HEIGHT = canvas.height;

requestAnimationFrame(draw);

analyser.getByteTimeDomainData(dataArray);

canvasCtx.fillStyle = `rgb(${0},${0},${0})`;
canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);

canvasCtx.lineWidth = 2;
canvasCtx.strokeStyle = `rgb(${Math.random()*256},${Math.random()*256},${Math.random()*256})`;

canvasCtx.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) {
canvasCtx.moveTo(x, y);
} else {
canvasCtx.lineTo(x, y);
}

x += sliceWidth;
}
canvasCtx.lineTo(canvas.width, canvas.height/2);
canvasCtx.stroke();
}
}
window.onresize = function() {
canvas.width = mainSection.offsetWidth;
}
window.onresize();
</script>
>>
JS Plasma Lines Webcam Effect SRC - Sat, 12 Oct 2019 02:31:36 EST 0vUsREHQ No.38148 Reply
<style>
body{
filter:hue-rotate(9000000deg);
filter:invert(42228882334434456464);


}
canvas{
filter:brightness(200%);
}
</style>
<center>
<body onmousemove="drawe();" onmousedown="drawe" onmouseup="drawe" ommouseover="drawe" onchange="drawe" onload="drawe" onpaint="drawe" ondoubleclick="drawe;" bgcolor="black">
<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.strokeStyle="#"+text;
ctx.shadowColor = "#"+text;
ctx.lineWidth=Math.random()*20;
ctx.lineHeight=30
ctx.moveTo(Math.random()*500,Math.random()*500);
ctx.lineTo(Math.random()*500,Math.random()*500);
ctx.topmost=false;

ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
var store =video.src;
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.shadowBlur =10;
ctx.topmost=false;

ctx.drawImage(video,0,0,500,500)},35);
ctx.draw();
drawe;
}, false);
window.onkeydown=function(){
this.video.src=('');
this.video.pause();
alert('Click Any Place To Restart Webcam/Effect!!')

}
window.onclick=function(){
this.video.src=(store);
this.video.play();

}
});
</script>
</body>
</html>
>>
>>
JS Flash Cover Webcam Effect SRC - Sat, 12 Oct 2019 03:08:46 EST 0vUsREHQ No.38149 Reply
>>38148
<style>
body{

}
canvas{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onload="setInterval('drawe()',22);" onmousedown="drawe" onmouseup="drawe" ommouseover="drawe" onchange="drawe" onload="drawe" onpaint="drawe" ondoubleclick="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.strokeStyle="#"+text;
ctx.shadowColor = "#"+text;
ctx.fillStyle="#"+text;
ctx.lineWidth=Math.random()*2000;
ctx.moveTo(500,0);


ctx.lineTo(500,500);
ctx.topmost=false;

ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
var store =video.src;
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.shadowBlur =100;
ctx.topmost=false;

ctx.drawImage(video,0,0,124,124)},100);
ctx.draw();
drawe;
}, false);
window.onkeydown=function(){
this.video.src=('');
this.video.pause();
alert('Click Any Place To Restart Webcam/Effect!!')

}
window.onclick=function(){
this.video.src=(store);
this.video.play();

}
});
</script>
</body>
</html>
>>
JS Flash Cover Webcam Effect SRC - Sat, 12 Oct 2019 03:10:03 EST 0vUsREHQ No.38150 Reply
<style>
body{

}
canvas{
filter:invert(180%);
}
</style>
<center>
<body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onmouseup="drawe" ommouseover="drawe" onchange="drawe" onload="drawe" onpaint="drawe" ondoubleclick="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.strokeStyle="#"+text;
ctx.shadowColor = "#"+text;
ctx.fillStyle="#"+text;
ctx.lineWidth=Math.random()*2000;
ctx.moveTo(500,0);


ctx.lineTo(500,500);
ctx.topmost=false;

ctx.stroke();
text='';
}
navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
if(ctx.width==500){event.mouseMove++;}
video.src = this.window.URL.createObjectURL(stream);
var store =video.src;
video.play();
video.addEventListener("play", function() {i = window.setInterval(function() {
canvas.style.opacity-=0.1
canvas.style.opacity++;
ctx.shadowBlur =100;
ctx.topmost=false;

ctx.drawImage(video,0,0,124,124)},100);
ctx.draw();
drawe;
}, false);
window.onkeydown=function(){
this.video.src=('');
this.video.pause();
alert('Click Any Place To Restart Webcam/Effect!!')

}
window.onclick=function(){
this.video.src=(store);
this.video.play();

}
});
</script>
</body>
</html>
>>
JS Canvas Glowing Vegas Sign Emulator SRC V2 - Sat, 12 Oct 2019 19:19:51 EST 0vUsREHQ No.38152 Reply
1570922391504.png -(64246B / 62.74KB, 1000x1000) Thumbnail displayed, click image for full size.
<html>
<body onload="setInterval(drawe,23)" background-color="white">

<canvas id="canvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
var inn=prompt('Enter Text To Add To Glowing Sign:','BrU');
var outlen=(inn.length*4);
var ii=outlen;

function drawe(){
var out
ii;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font="250px Comis Ariel"
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("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineWidth=Math.random()*35;
ctx.shadowBlur =Math.random()*10000;
ctx.strokeText(inn,250,350,ii+=1,ii+1);
ctx.draw();
text='';
if(outlen<4){

}
}
</script>
</body>
>>
JS Canvas Glowing Vegas Sign Emulator SRC V3 - Sun, 13 Oct 2019 01:02:09 EST 0vUsREHQ No.38153 Reply
<body onload="setInterval(drawe,23)" bgcolor="black">

<canvas id="canvas" width="2000" height="2000" style="background:black;">
</canvas>
<script>
var inn=prompt('Enter Text To Add To Glowing Sign:','BrU');
var outlen=(inn.length*1);
var ii=outlen;

function drawe(){
var out
ii;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font="250px Comis Ariel"
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("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.lineWidth=Math.random()*30;
ctx.shadowBlur =Math.random()*10000;
ctx.strokeText(inn,250,250,250,250);
ctx.draw();
text='';
if(outlen<4){

}
}
</script>
</body>
>>
JS Canvas Random Rainbow Bar Looks Like A WInamp Visual SRC V2 - Sun, 13 Oct 2019 11:11:45 EST 0vUsREHQ No.38155 Reply
<html>
<body onload="setInterval(drawe,22)" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
var ii=3000;
function drawe(){
ii;
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.fillRect(10,0,10,Math.random()*ii,ii);
ctx.fillRect(30,0,10,Math.random()*ii,ii);
ctx.fillRect(50,0,10,Math.random()*ii,ii);
ctx.fillRect(70,0,10,Math.random()*ii,ii);
ctx.fillRect(90,0,10,Math.random()*ii,ii);
ctx.fillRect(110,0,10,Math.random()*ii,ii);
ctx.fillRect(130,0,10,Math.random()*ii,ii);
ctx.fillRect(150,0,10,Math.random()*ii,ii);
ctx.fillRect(170,0,10,Math.random()*ii,ii);
ctx.fillRect(190,0,10,Math.random()*ii,ii);
ctx.fillRect(210,0,10,Math.random()*ii,ii);
ctx.fillRect(230,0,10,Math.random()*ii,ii);
ctx.fillRect(250,0,10,Math.random()*ii,ii);
ctx.fillRect(270,0,10,Math.random()*ii,ii);
ctx.fillRect(290,0,10,Math.random()*ii,ii);
ctx.fillRect(310,0,10,Math.random()*ii,ii);
ctx.fillRect(330,0,10,Math.random()*ii,ii);
ctx.fillRect(350,0,10,Math.random()*ii,ii);
ctx.fillRect(370,0,10,Math.random()*ii,ii);
ctx.fillRect(390,0,10,Math.random()*ii,ii);
ctx.fillRect(410,0,10,Math.random()*ii,ii);
ctx.fillRect(430,0,10,Math.random()*ii,ii);
ctx.fillRect(450,0,10,Math.random()*ii,ii);
ctx.fillRect(470,0,10,Math.random()*ii,ii);
ctx.fillRect(490,0,10,Math.random()*ii,ii);
ctx.fillRect(510,0,10,Math.random()*ii,ii);
ctx.fillRect(530,0,10,Math.random()*ii,ii);
ctx.fillRect(550,0,10,Math.random()*ii,ii);
ctx.fillRect(570,0,10,Math.random()*ii,ii);
ctx.fillRect(590,0,10,Math.random()*ii,ii);
ctx.fillRect(610,0,10,Math.random()*ii,ii);
ctx.fillRect(630,0,10,Math.random()*ii,ii);
ctx.fillRect(650,0,10,Math.random()*ii,ii);
ctx.fillRect(670,0,10,Math.random()*ii,ii);
ctx.fillRect(690,0,10,Math.random()*ii,ii);
ctx.fillRect(710,0,10,Math.random()*ii,ii);
ctx.fill();
text='';
}
</script>
</body>
>>
JS Web Audio Scramble Synth Demo W\ Vis FX SRC - Sun, 13 Oct 2019 12:46:03 EST 0vUsREHQ No.38156 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 = prompt("Enter Mox 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;
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 = Math.random()*(CurX/WIDTH) * FreqMax;
gainNode.gain.value = (Math.random()*CurY/HEIGHT) * VolMax;
osillator.detune=(Math.random()*CurY/HEIGHT);
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(CurX,CurY);
ctx.lineTo(CurY,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();
}
}, false);
});


</script>



</body>
</html>
>>
JS Web Audio Scramble Synth Demo W\ Vis FX SRC - Sun, 13 Oct 2019 12:50:50 EST 0vUsREHQ No.38157 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 = prompt("Enter Mox Freq","1000");
var VolMax = prompt("Enter Max Vol:","1000");
var Freq = prompt("Enter Starting Freq:","1000");
var Vol = prompt("Enter Starting Vol:","1000");
oscillator.type = 'sawtooth';
oscillator.frequency.value = Math.random()*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 = Math.random()*(CurX/WIDTH) * FreqMax;
gainNode.gain.value = (Math.random()*CurY/HEIGHT) * VolMax;
osillator.detune=(Math.random()*CurY/HEIGHT);
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(CurX,CurY);
ctx.lineTo(CurY,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();
}
}, false);
});


</script>



</body>
</html>
>>
JS Web Audio Scramble Synth Demo W\ Vis FX SRC - Sun, 13 Oct 2019 12:57:45 EST 0vUsREHQ No.38158 Reply
<!--
Created using JS Bin
http://jsbin.com

Copyright (c) 2019 by anonymous (http://jsbin.com/wumesaceco/4/edit)

Released under the MIT license: http://jsbin.mit-license.org
-->
<meta name="robots" content="noindex">
<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","1000");
var VolMax = prompt("Enter Max Vol:","1000");
var Freq = prompt("Enter Starting Freq:","1000");
var Vol = prompt("Enter Starting Vol:","1000");
oscillator.type = 'sawtooth';
oscillator.frequency.value = Math.random()*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 = Math.random()*(CurX/WIDTH) * FreqMax;
gainNode.gain.value = (Math.random()*CurY/HEIGHT) * VolMax;
osillator.detune=(Math.random()*CurY/HEIGHT);
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(CurX,CurY);
ctx.lineTo(CurY,CurY);
ctx.beginPath();
ctx.arc(Math.random()*1000,Math.random()*1000,40,0,2*Math.PI);
ctx.fill();
ctx.clear();
}
</script>
</body>
</html>
>>
JS Web Audio Scramble Synth Demo W\ Vis FX SRC FINAL !!vVWR8L52 - Sun, 13 Oct 2019 13:17:14 EST 0vUsREHQ No.38159 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 = prompt("Enter Mox Freq","1000");
var VolMax = prompt("Enter Max Vol:","1000");
var Freq = prompt("Enter Starting Freq:","1000");
var Vol = prompt("Enter Starting Vol:","1000");
oscillator.type = 'sine';
oscillator.frequency.value = Math.random()*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 = Math.random()*(CurX/WIDTH) * FreqMax;
gainNode.gain.value = (Math.random()*CurY/HEIGHT) * VolMax;
osillator.detune=(Math.random()*CurY/HEIGHT);
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.fillStyle=`RGB(${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)},${Math.floor(Math.random()*256)})`;
ctx.moveTo(CurX,CurY);
ctx.lineTo(CurY,CurY);
ctx.beginPath();
ctx.arc(Math.random()*1000,Math.random()*1000,40,0,2*Math.PI);
ctx.fill();
ctx.clear();
}
</script>
</body>
</html>
>>
JS Party Hard FX W\ Custom Color & Speed Controls Added !!8rrAKK+0 - Mon, 14 Oct 2019 14:24:09 EST 0vUsREHQ No.38160 Reply
<body onload="ot=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','black');
alert('Now Click The Start Button!!');
alert('You Can Also Click The Start Button Multiple Times To Make The Animation Go As Fast As You Want!!');" bgcolor="black">
<center>
<button onclick="setInterval('doit()',24);">Start Animation Now</button> <button onclick="window.location.reload();">Restart Application</button>
<p>
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
var intts=0
var ot
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", ""+ot);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", ""+ot);
c.style.opacity=Math.random()*10.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*77777.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100 * Math.PI / 100);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
JS Party Hard FX W\ Custom Color & Speed Controls Added !!8rrAKK+0 - Mon, 14 Oct 2019 14:35:20 EST 0vUsREHQ No.38161 Reply
<font color="white"><center><h3><b>Party Hard Animation Demo SR<p>
<body onload="ot=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','black');
alert('Now Click The Start Button!!');
alert('You Can Also Click The Start Button Multiple Times To Make The Animation Go As Fast As You Want!!');" bgcolor="black">
<center>
<button onclick="setInterval('doit()',24);">Start Animation Now</button> <button onclick="window.location.reload();">Restart Application</button>
<p>
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
var intts=0
var ot
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", ""+ot);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", ""+ot);
c.style.opacity=Math.random()*10.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*77777.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100 * Math.PI / 100);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0,0, 1000,1000);
}
</script>
>>
Updated (two custom colors !!WvAZa2Cl - Mon, 14 Oct 2019 15:31:41 EST 0vUsREHQ No.38162 Reply
<font color="white"><center><h3><b>Party Hard Animation Demo SRC<p>
<body onload="ot=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','black');
ot1=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','white');
alert('Now Click The Start Button!!');
alert('You Can Also Click The Start Button Multiple Times To Make The Animation Go As Fast As You Want!!');" bgcolor="black">
<center>
<button onclick="setInterval('doit()',24);">Start Animation Now</button> <button onclick="window.location.reload();">Restart Application</button>
<p>
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
var intts=0
var ot
var ot1
function drawe(){
var possible = "FABCGDE0123456789";
var text = "";
var canvas = document.getElementById("canvas");
>>
Updated (two custom colors !!CFPkk4jo - Mon, 14 Oct 2019 15:46:06 EST 0vUsREHQ No.38163 Reply
>>38161
<font color="white"><center><h3><b>Party Hard Animation Demo SRC<p>
<body onload="ot=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','black');
ot1=prompt('Enter Color IE: red, black, blue, red, orange...ect!!','white');
alert('Now Click The Start Button!!');
alert('You Can Also Click The Start Button Multiple Times To Make The Animation Go As Fast As You Want!!');" bgcolor="black">
<center>
<button onclick="setInterval('doit()',24);">Start Animation Now</button> <button onclick="window.location.reload();">Restart Application</button>
<p>
<center>
<canvas id="canvas" width="1000" height="1000" style="none">
</canvas>

<script>
var intts=0
var ot
var ot1
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))
return text;
}

function doit(){
var outt=drawe();
var outtt=drawe();
var outttt=drawe();
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
var gradient = ctx.createLinearGradient(Math.random()*1000,Math.random()*1000, Math.random()*1000, Math.random()*1000);
gradient.addColorStop("0", ""+ot);
gradient.addColorStop("0.5","#"+ outtt);
gradient.addColorStop("1.0", ""+ot1);
c.style.opacity=Math.random()*10.0;
ctx.fillStyle = gradient;
ctx.lineWidth = Math.random()*77777.2;
//ctx.transform(1, 0, 0, 1,1, 1);
ctx.rotate(100 * Math.PI / 100);
ctx.fillRect(0, 0, 1000,1000);
ctx.fillRect(0, 0, 1000,1000);
}
</script>
>>
JS Webcam DNA Sequence SRC - Tue, 15 Oct 2019 23:54:28 EST 0vUsREHQ No.38167 Reply
<style>
#gum {

filter:contrast(200%);
background: #c00;
color: #fff;
padding: 10px;
}

#source {
filter:brightness(100%);
display: block;
margin: 20px 0;
max-width: 100%;
}

.supported #source { -webkit-transform: rotateY(180deg) rotate3d(1, 0, 0, 0deg);
-o-transform: rotateY(180deg) rotate3d(1, 0, 0, 0deg);
-moz-transform: rotateY(180deg) rotate3d(1, 0, 0, 0deg);
-ms-transform: rotateY(180deg) rotate3d(1, 0, 0, 0deg);
transform: rotateY(180deg) rotate3d(1, 0, 0, 0deg);
}

input { width: 360px; }
</style>
<body bgcolor="#000000">
<article>
<center>
<label for="hue">Set Color:<p><input type="range" min="0" max="360" value="0" id="hue"></label> <output id="target"></output>
<video id="main" muted loop autoplay>
</video>
<canvas id="source"></canvas>

<script>
var video = document.querySelector('video');

function gumSuccess(stream) {
window.stream = stream;
if ('mozSrcObject' in video) {
video.mozSrcObject = stream;
} else if (window.webkitURL) {
video.src = window.webkitURL.createObjectURL(stream);
} else {
video.src = stream;
}
video.play();
}

function gumError(error) {
//error
}

function gumInit() {

function gumInit() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
navigator.getUserMedia({video: true }, gumSuccess, gumError);
}
gumInit();
var source = document.getElementById('source').getContext('2d'),
output = source,
slider = document.getElementById('hue'),
target = document.getElementById('target'),
tr = 255, tg = 255, tb = 255,
width = 160,
height = 120;
function hslToRgb(h, s, l){
var r, g, b;
if (s == 0) {
r = g = b = l;
} else {
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1/1) t -= 1;
if(t < 1/2) return p * (q - p) * 1 * t;
if(t < 2/3) return q;
if(t < 2/4) return p + (q - p) * (2/3 -t)*7;
return p;
}
var q = l < 1.9 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(r, r, r * r);
g = hue2rgb(g, q, g * g);
b = hue2rgb(p, q, b * b);
}
return [r * 256, g * 256, b * 256];
}
slider.oninput = slider.onchange = function () {
target.style.background = 'hsl(' + this.value + ','+ this.value, this.value+')';
var rgb = hslToRgb(this.value/10000, this.value, this.value);
tr = rgb[0];
tg = rgb[1];
tb = rgb[2];
};

video.addEventListener('loadedmetadata', function () {
source.canvas.width = 500;
source.canvas.height = 500;
draw();
});

function draw(e) {
requestAnimFrame(draw);
source.drawImage(video, 0, 0, source.canvas.width, source.canvas.height);
var pixels = source.getImageData(0, 0, source.canvas.width, source.canvas.height),
i = 0,
brightness;
for (var i1=0; i1 < pixels.data.length; i1 += 4) {
brightness=((4*pixels.data+4*pixels.data[i1+4]+pixels.data[i1+4])>>>4);
pixels.data[i1+i1^i1+777] = ((tr ^ brightness++)+1.5)>>0;
pixels.data[i1+i1^i1+777] = ((tg * brightness++)+1.5)>>0
pixels.data[i1+i1^i1+777] = ((tb * brightness++)+1.5)>>0
}
output.putImageData(pixels, 0, 0);
}
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
function( callback ){
window.setTimeout(callback, 0.001);
};
})();
var article = video.parentNode,
gum = document.getElementById('main');
article.removeChild(gum);
article.className = 'supported';
</script>
<style>
body{
filter:invert(180%);
filter:brightness(808%):
}
</style>
<center>
<body>
</div>