SHOW:
|
|
- or go back to the newest paste.
| 1 | <center> | |
| 2 | <body bgcolor="black" onmousemove="ii=0;" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;"> | |
| 3 | <video id="video" autoplay hidden> | |
| 4 | </video> | |
| 5 | <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;"> | |
| 6 | <script> | |
| 7 | var ii=88; | |
| 8 | var inn=244; | |
| 9 | var video = document.getElementById("video");
| |
| 10 | var c = document.getElementById("canvas");
| |
| 11 | var ctx = c.getContext("2d");
| |
| 12 | var canvas = document.getElementById('canvas');
| |
| 13 | var context = canvas.getContext('2d');
| |
| 14 | var video = document.getElementById('video');
| |
| 15 | - | var mediaConfig = { video: true,audio:false};
|
| 15 | + | var mediaConfig = { video: true,audio:true};
|
| 16 | function drawe(){
| |
| 17 | var possible = "FABCGDE0123456789"; | |
| 18 | var text = ""; | |
| 19 | var canvas = document.getElementById("canvas");
| |
| 20 | var ctx = canvas.getContext("2d");
| |
| 21 | for(var i=0; i!=6; i++) | |
| 22 | text+=possible.charAt(Math.floor(Math.random()*possible.length)) | |
| 23 | ctx.strokeStyle="#"+text; | |
| 24 | ctx.moveTo(event.x+4,event.y-4); | |
| 25 | ctx.lineTo(event.x+4,event.y-1); | |
| 26 | ctx.topmost=true; | |
| 27 | text='3'; | |
| 28 | } | |
| 29 | navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
| |
| 30 | if(ctx.width==500){event.mouseMove++;}
| |
| 31 | video.src = this.window.URL.createObjectURL(stream); | |
| 32 | video.play(); | |
| 33 | video.addEventListener("play", function() {i = window.setInterval(function() {
| |
| 34 | ii++; | |
| 35 | canvas.style.opacity+=0.9; | |
| 36 | ctx.topmost=false; | |
| 37 | ctx.fillStyle='red' | |
| 38 | - | ctx.drawImage(video,54,54,ii-2,ii+21)},0.1); |
| 38 | + | ctx.drawImage(video,54,54,ii+2,ii+21)},0.1); |
| 39 | ctx.draw(); | |
| 40 | drawe; | |
| 41 | }, false); | |
| 42 | }); | |
| 43 | </script> | |
| 44 | <script> | |
| 45 | var context = new AudioContext(); | |
| 46 | var lfo = context.createOscillator(); | |
| 47 | lfo.frequency.value = 0.1; | |
| 48 | var hfo = context.createOscillator(); | |
| 49 | hfo.frequency.value = 50; | |
| 50 | var modulationGain = context.createGain(); | |
| 51 | modulationGain.gain.value = 22; | |
| 52 | lfo.connect(modulationGain); | |
| 53 | modulationGain.connect(hfo.detune); | |
| 54 | hfo.connect(context.destination); | |
| 55 | hfo.start(0); | |
| 56 | lfo.start(0); | |
| 57 | </script> | |
| 58 | <html> | |
| 59 | <body onload="setInterval(drawe,222)" background-color="black"> | |
| 60 | <canvas id="myCanvas" width="1000" height="1000" style="background:black;border:0px;"> | |
| 61 | </canvas> | |
| 62 | <script> | |
| 63 | function drawe(){
| |
| 64 | var text = ""; | |
| 65 | var possible = "FABCGDE0123456789"; | |
| 66 | var canvas = document.getElementById("myCanvas");
| |
| 67 | var ctx = canvas.getContext("2d");
| |
| 68 | for(var i=0; i!=6; i++) | |
| 69 | text+=possible.charAt(Math.floor(Math.random()*possible.length)); | |
| 70 | ctx.strokeStyle='#'+text; | |
| 71 | ctx.fillStyle="#"+text; | |
| 72 | var c = document.getElementById("myCanvas");
| |
| 73 | var ctx = c.getContext("2d");
| |
| 74 | ctx.beginPath(); | |
| 75 | ctx.fillText('lol',1000,1000,1000,1000);
| |
| 76 | ctx.fill(); | |
| 77 | text=''; | |
| 78 | } | |
| 79 | </script> | |
| 80 | </body> |
