Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Rise, Tarnished. THE Elden Ring DLC DROPPED 🎉
ID	4536869904105472
Created	6 months ago, 1718982984357
Updated	6 months ago, 1718984347121
Code	<!DOCTYPE html> <!-- For those less fortunate of knowing about this game: Main game trailer: https://www.youtube.com/watch?v=qqiC88f9ogU The DLC (released yesterday) Trailer: https://www.youtube.com/watch?v=i1wVj-IrxdY --> <html> <head> <meta charset="utf-8"> <title>Rise, Tarnished. THE Elden Ring DLC DROPPED 🎉</title> <style> #gl-canvas { display: none; overflow:hidden; } #tex { display: none; overflow:hidden; } #atlas { display: none; overflow:hidden; } #b { display: none; overflow:hidden; } canvas{ } { overflow:hidden; margin:0px; } </style> </head> <body> <canvas id = 'canvas' width = '600' height = '600'></canvas> <canvas id = 'gl-canvas' width = '600' height = '600'></canvas> <canvas id = 'tex' width = '600' height = '600'></canvas> <canvas id = 'atlas' width = '1200' height = '1200'></canvas> <canvas id = "b" width = '600' height = '600'></canvas> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap" rel="stylesheet"> <script src = "https://cdn.jsdelivr.net/gh/Bearkirb/gameMidis/index.js" id="asdf"></script> <script id = 'vertex-shader' type = 'glsl'>#version 300 es in vec2 aPosition; out vec2 pos; void main() { pos = aPosition; gl_Position = vec4(aPosition, 0, 1); } </script> <script> </script> <script id = 'fragment-shader' type = 'glsl'>#version 300 es precision mediump sampler2D; uniform sampler2D iChannel0; precision mediump float; uniform vec2 u_resolution; uniform float drawx; uniform float drawy; uniform float clicked; uniform float iTime; out vec4 fragColor; vec2 Rotate(vec2 uv,float ang){ return vec2(uv.xcos(ang)-uv.ysin(ang),uv.xsin(ang)+uv.ycos(ang)); } vec2 crt(vec2 coord, float bend){ // put in symmetrical coords coord = (coord - 0.5) 2.0; coord = 1.1; // deform coords coord=Rotate(coord,bendpow(length(coord),2.0)); // transform back to 0.0 - 1.0 space coord = (coord / 2.2) + 0.5; return coord; } vec4 textur(vec2 uv){ vec2 ruv=uv; return texture(iChannel0,ruv); } float random (in vec2 _st) { return fract(sin(dot(_st.xy, vec2(12.9898,78.233)))* 43758.5453123); } vec4 photoshop_desaturate(vec3 color, float factor) { vec3 lum = vec3(0.299, 0.587, 0.114); vec3 gray = vec3(dot(lum, color)); return vec4(mix(color, gray, factor), 1.0); } void main() { vec2 fragCoord = gl_FragCoord.xy; vec2 iMouse = vec2(drawx,drawy); vec2 iResolution = vec2(600.0,600.0); vec2 res = iResolution.xy; vec2 uv=(fragCoord/res); uv.y=1.0-uv.y; fragColor.rgb = textur(uv).rgb; vec3 magxz = (textur(uv-vec2(0.0001,0.0)).xyz-textur(uv+vec2(0.0001,0.0)).xyz); vec3 magyz = (textur(uv-vec2(0.0,0.0001)).xyz-textur(uv+vec2(0.0,0.0001)).xyz); float magx = magxz.x+magxz.y+magxz.z; float magy = magyz.x+magyz.y+magyz.z; vec3 norm = vec3(-magx,-magy,0.03); float norms=dot(normalize(norm),normalize(vec3((uv.x-0.5)1.0,(uv.y-0.5)1.0,0.3))); fragColor=(norms/0.28+0.026); vec3 sum=vec3(0.0); norms=norms; norms=norms; norms=norms; norms=norms; //fragColor.rgb+=normslength(fragColor.rgb)/3.0; float dis=pow(distance(uv8.0,vec2(0.58.0,0.58.0)),2.0)/20.0; fragColor/=dis+0.8; fragColor.a=1.0; fragColor=photoshop_desaturate(fragColor.rgb,clamp(dis/2.0-0.2,0.0,1.0)); fragColor.rgb=mix(fragColor.rgb,((fragColor.rgb+1.0)/2.0)vec3(0.05,0.06,0.5),pow(distance(uv8.0,vec2(0.58.0,0.58.0)),2.0)/200.0+0.3); vec3 som=vec3(0.0); float accum=0.0; for(float x=0.0;x<=3.141520.0;x+=1.0){ vec3 he = textur(uv-vec2(sin(xrandom(vec2(x2.0)10.0))(x/4000.0),cos(xrandom(vec2(x/2.0)10.0))(x/4000.0))).rgb; accum++; som+=he; if(length(he)>=0.9){ fragColor.rgb+=he/(50.0)+0.001; } } fragColor.rgb+=(som/accum)/2.0; fragColor.rgb+=vec3((random(uv2.0+iTime)-0.5)/15.0); fragColor.rgb=0.6; } </script> <script type = 'module'> const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d',{preserveDrawingBuffer:true}); var mouseX=300,pmouseX=300,mouseY=0,pmouseY=0,clicked=false,key={}; window.addEventListener("mouseover", event => { mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { mouseX = event.pageX; mouseY = event.pageY; }); var clickToggle=false; var canClick=true; var start=false; window.addEventListener('mousedown', event => { clicked = true; if(canClick){ clickToggle=true; canClick=false; } }); window.addEventListener('mouseup', event => { clicked = false; canClick=true; }); var mouseX = 0, pmouseX = 0, mouseY = 0, pmouseY = 0, clicked = false, keys = {}; window.addEventListener("mouseover", event => { pmouseX = mouseX; pmouseY = mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { pmouseX = mouseX; pmouseY = mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("keydown", function(e) { if(["Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].indexOf(e.code) > -1) { e.preventDefault(); } }, false); window.addEventListener("keydown", (event) => { keys[event.key] = true; }); window.addEventListener("keyup", (event) => { delete keys[event.key]; }); function createShader(gl, type, source) { const shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { console.log(gl.getShaderInfoLog(shader)); } return shader; } function createProgram(gl, vs, fs) { const program = gl.createProgram(); gl.attachShader(program, vs); gl.attachShader(program, fs); gl.linkProgram(program); return program; } const glCanvas = document.getElementById('gl-canvas'), gl = glCanvas.getContext('webgl2'); const vertexSource = document.getElementById('vertex-shader').textContent, fragmentSource = document.getElementById('fragment-shader').textContent; const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource), fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource); const program = createProgram(gl, vertexShader, fragmentShader); const aPosition = gl.getAttribLocation(program, 'aPosition') const drawx = gl.getUniformLocation(program, "drawx"); const drawy = gl.getUniformLocation(program, "drawy"); const iTime = gl.getUniformLocation(program, "iTime"); const cli = gl.getUniformLocation(program, "clicked"); const iChannel0 = gl.getUniformLocation(program,"iChannel0"); let texture0 = gl.createTexture(); const positions = new Float32Array([-1, -1, -1, 3, 3, -1]); var mousex=300; var mousey=300; var now; var then = performance.now(); var fps = 50; var delta; var frameCount=0; var interval = 1000 / fps; for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } const posBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW); gl.viewport(0, 0, 600, 600); gl.clearColor(0, 0, 0, 1); gl.useProgram(program); gl.enableVertexAttribArray(aPosition); gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.uniform1i(iChannel0, 0); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR); function random() { return Math.random() - 0.5 } function random2() { var ou=Math.random() - 0.5 ou=2.0; return (ouou)Math.sign(ou); } var data = ctx.getImageData(0, 0, 600, 600); function smin(a, b, k) { var h = Math.max(k - Math.abs(a - b), -0.01) / k; return Math.min(a, b) - h * h * k * (1.0 / 4.0); } //Texture{ var resolution = 3; var noiseText = []; for(var i = 0; i < 200; i++) { noiseText.push([]); } for(var i = 0; i < 200; i++) { noiseText[i].push(0); } var pts = []; for(var x = 0; x < 1; x+=.2) { for(var y = 0; y < 1; y+=.2) { pts.push({ x: x200+(Math.random() 40-20), y: y200+(Math.random() 40-20) }) } } class Camera{ constructor(x,y,z){ this.x=x; this.y=y; this.z=z; } cameraSave(z){ ctx.save(); if((z-this.z)>0){ ctx.translate(300,300); ctx.scale(1/(z-this.z),1/(z-this.z)); ctx.translate(-this.x,-this.y) }else{ ctx.translate(3000,3000); } } cameraRestore(){ ctx.restore(); } } function ramp(a,b,t){ return lerp(a,b,(tt-t)4+1); } var dash=1.0; var camera = new Camera(0,0,1); var particles = []; class Particle { constructor(x, y, xv, yv, s, type, r, g, b, a, life) { this.x = x; this.y = y; this.sx=x; this.sy=y; this.xv = xv; this.yv = yv; this.size = s; this.tsize=s; this.type=type; this.opacity=1; this.rand=random(); this.life = life * ((Math.random() + 1) / 2) this.ogLife=this.life; this.airResistance = 0.98; this.rand=Math.random()Math.PI2; if(type === "gas") { this.gravity = -0.1; this.airResistance = 0.95; } else { this.gravity = 0.2 } this.color = [r, g, b, a] } update() { this.size=this.tsizeMath.min(this.life/this.ogLife2,1.0); this.xv+=(0.1this.rand)/this.tsize; this.x += this.xv; this.y += this.yv; this.x=this.x%600; this.sx += Math.abs(this.xv); this.sy += Math.abs(this.yv); this.yv += this.gravity; this.xv = this.airResistance; this.yv = this.airResistance; this.opacity=(this.color[3]) if(this.type==="gas"){ this.xv=0.99; this.xv+=Math.sin(frameCount/10.0+this.rand10.0)/12.0; } this.life--; } draw() { ctx.fillStyle = "rgb(" + (this.color[0]-(200-200Math.min(this.life/this.ogLife2,1.0))) + "," + (this.color[1]-(200-200Math.min(this.life/this.ogLife2,1.0))) + "," + (this.color[2]-(200-200Math.min(this.life/this.ogLife2,1.0))) + "," + (this.color[3]) + ")" ctx.beginPath(); var rot=(this.sx+this.sy)/10+this.rand; ctx.moveTo(this.x-Math.cos(rot)this.size, this.y-Math.sin(rot)this.size); ctx.lineTo(this.x-Math.cos(rot+Math.PI/2)this.size, this.y-Math.sin(rot+Math.PI/2)this.size); ctx.lineTo(this.x-Math.cos(rot+Math.PI)this.size, this.y-Math.sin(rot+Math.PI)this.size); ctx.lineTo(this.x-Math.cos(rot+Math.PI/2.03.0)this.size, this.y-Math.sin(rot+Math.PI/23)this.size) ctx.fill(); } } function render() { window.requestAnimationFrame(render); now = performance.now(); delta = now - then; if (delta > interval) { then = now - (delta % interval); interval = 1000 / fps start=true; frameCount+=1.0; gl.clear(gl.COLOR_BUFFER_BIT); gl.uniform1f(iTime, frameCount); ctx.fillStyle="rgb(0,0,0)" ctx.fillRect(0,0,600,600); camera.x=0; camera.y=0; camera.z=0; if(!playing){ ctx.font="50px Nanum Myeongjo" ctx.fillStyle="rgb(200,170,100)" ctx.strokeStyle="rgb(255,225,155)"; ctx.lineWidth=2; ctx.font="35px Nanum Myeongjo" ctx.strokeText("Click to start (Warning: Volume)",40,100); }else{ ctx.font="50px Nanum Myeongjo" ctx.fillStyle="rgb(200,170,100)" ctx.strokeStyle="rgb(199, 168, 95,0.2)"; ctx.lineWidth=16; ctx.beginPath(); ctx.ellipse(300,200,150,150,0,0,Math.PI2); ctx.stroke(); ctx.beginPath(); ctx.ellipse(300-70,330,150,150,0,0,Math.PI2); ctx.stroke(); ctx.beginPath(); ctx.ellipse(300+70,330,150,150,0,0,Math.PI2); ctx.stroke(); ctx.strokeStyle="rgb(189, 158, 85)"; ctx.lineWidth=7; ctx.beginPath(); ctx.ellipse(300,200,150,150,0,0,Math.PI2); ctx.stroke(); ctx.beginPath(); ctx.ellipse(300-70,330,150,150,0,0,Math.PI2); ctx.stroke(); ctx.beginPath(); ctx.ellipse(300+70,330,150,150,0,0,Math.PI2); ctx.stroke(); ctx.fillStyle="rgb(0,0,0,0.7)" ctx.fillRect(0,0,600,600); particles.push(new Particle(Math.random()600, 600, random2() * 1, random2() * 2, 5Math.random()+2, "gas", 255, 150, 50, 0.9, 280+random2()500)); for(var g = 0; g < particles.length; g++) { particles[g].update(); particles[g].draw(); if(particles[g].life < 0) { particles.splice(g, 1); } } ctx.fillStyle="rgb(130,130,130)" ctx.beginPath(); ctx.moveTo(300,-400); ctx.lineTo(300,400); ctx.lineTo(350,400); ctx.fill(); ctx.fillStyle="rgb(100,100,100)" ctx.beginPath(); ctx.moveTo(300,-400); ctx.lineTo(300,400); ctx.lineTo(250,400); ctx.fill(); ctx.fillStyle="rgb(159, 138, 55)" ctx.beginPath(); ctx.moveTo(150,400); ctx.lineTo(450,400); ctx.lineTo(420,420); ctx.lineTo(170,420); ctx.fill(); ctx.beginPath(); ctx.moveTo(330,420); ctx.lineTo(270,420); ctx.lineTo(300,800); ctx.fill(); ctx.beginPath(); ctx.moveTo(330,600); ctx.lineTo(270,600); ctx.lineTo(300,420); ctx.fill(); ctx.lineWidth=3; for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(267+i,420+i10); ctx.lineTo(333-((i+5)1.2),420+((i+5)1.2)10);; ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(267+i,420+i10);; ctx.lineTo(440-i20,400) ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(333-i,420+i10); ctx.lineTo(267+((i+5)1.2),420+((i+5)1.2)10);; ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(333-i,420+i10);; ctx.lineTo(160+i20,400) ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(160+i20,400) ctx.lineTo(355-i,400-i10) ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(440-i20,400) ctx.lineTo(245+i,400-i10) ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(355-i,400-i10); ctx.lineTo(245+((i+5)1.6),400-((i+5)1.6)15); ctx.stroke(); } for(var i=0;i<5;i++){ ctx.beginPath(); ctx.moveTo(245+i,400-i10); ctx.lineTo(355-((i+5)1.6),400-((i+5)1.6)15); ctx.stroke(); } ctx.fillStyle="rgb(200,180,150)" ctx.strokeStyle="rgb(255,225,195)"; ctx.lineWidth=4; ctx.strokeText("SHADOW",40,570); ctx.font="20px Nanum Myeongjo" ctx.strokeText("OF",280+5,550); ctx.strokeText("THE",275+5,570); ctx.font="50px Nanum Myeongjo" ctx.strokeText("ERDTREE",330,570); ctx.fillText("SHADOW",40,570); ctx.font="20px Nanum Myeongjo" ctx.fillText("OF",280+5,550); ctx.fillText("THE",275+5,570); ctx.font="50px Nanum Myeongjo" ctx.fillText("ERDTREE",330,570); ctx.strokeStyle="rgb(196, 164, 90)"; ctx.font="100px Nanum Myeongjo" ctx.fillStyle="rgb(190,150,50)" ctx.strokeStyle="rgb(95,75,25)"; ctx.lineWidth=8; ctx.strokeText("RISE,",195,90); ctx.font="60px Nanum Myeongjo" ctx.strokeText("TARNISHED",130,180); ctx.font="100px Nanum Myeongjo" ctx.fillText("RISE,",195,90); ctx.font="60px Nanum Myeongjo" ctx.fillText("TARNISHED",130,180); } gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas); //if(frameCount%200<100){ gl.drawArrays(gl.TRIANGLES, 0, 3); ctx.drawImage(glCanvas, 0, 0); //} if(dash<1.0){ ctx.fillStyle="rgb(0,0,0,"+(ramp(0.5,0,(20-player.hitTimer)/10))+")" ctx.fillRect(0,0,600,600); } pmouseX=mouseX pmouseY=mouseY; } } render(); var songs=[songFunny]; var songNum=0; function map(a, b, c, d, e) { return d + (e - d) * (a - b) / (c - b); } var note = (function() { var context = new (window.webkitAudioContext \|\| window.AudioContext)(); function round2(a, b) { return Math.round(a * b) / b; } function findFrequency(n) { n-=Math.random()(songs[songNum].variance); var k = 12; var b = Math.floor(n); var v = map(n, b, b + 1, b - Math.floor(b / k) k, (b + 1) - Math.floor((b + 1) / k) * k) + Math.floor(n / k) * 12; return Math.pow(1.0594, v + 3) * 220; } return function(pitch, power, duration) { power/=22000.0; var pi=findFrequency(pitch); if(songs[songNum].smooth){ power=2.0; pi=1.0; power=(pi+800); if(pi<100){ power+=0.15; } }else{ power=(pi+800); if(pi<100){ power+=0.15; } } power/=1.0; duration+=songs[songNum].echo[0]+0.1; var osc = context.createOscillator(); var node = context.createGain(); osc.frequency.value = pi; power = map(osc.frequency.value, 262, 698, power, power * 0.5); node.gain.value = 0; node.gain.linearRampToValueAtTime(power, context.currentTime + 0.001); node.gain.linearRampToValueAtTime(0, context.currentTime + durationsongs[songNum].echo[1] + 0.05); osc.connect(node).connect(context.destination); //osc.setPeriodicWave(context.createPeriodicWave(r, i)); if(!songs[songNum].smooth){ if(pi<100){ osc.type = "triangle"; }else{ osc.type = "square"; } }else{ osc.type = "triangle"; } osc.start(0); osc.stop(context.currentTime + durationsongs[songNum].echo[1] + 0.10); return [osc, node]; }; })(); var playing=false; document.onmousedown = function(e) { playing = true; } function mrCol(x, y, w, h) { return mouseX >= x && mouseY >= y && mouseX <= x + w && mouseY <= y + h; } function mod(a, b) { return a >= 0 ? a % b : (b - ((-a) % b)); } var frameCount = 0; for(var i = 0; i < songs[songNum].notes.length; i += 1) { if(songs[songNum].notes[i][0] >= time) { songs[songNum].notes[i][4] = 0; } } var time=0; function run() { if(playing) { time += songs[songNum].bpm / 60 / 60; for(var i = 0; i < songs[songNum].notes.length; i += 1) { if(!songs[songNum].notes[i][4] && time > songs[songNum].notes[i][0]) { songs[songNum].notes[i][4] = 1; note(songs[songNum].notes[i][1], songs[songNum].notes[i][3], songs[songNum].notes[i][2]); } } if(songs[songNum].notes[songs[songNum].notes.length-1][0]-time<0){ time=0; for(var i = 0; i < songs[songNum].notes.length; i += 1) { songs[songNum].notes[i][4] = 0; } } } frameCount += 1; window.t = setTimeout(run, 1000/60); } if(window.t) { clearTimeout(window.t); } run(); </script> <script src='https://cdn.jsdelivr.net/gh/Bearkirb/gameMidis@59a5d4c27a85954efaf320549fc1f8ff13da5175/index2.js'></script> <script></script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJu4pciHCAw
Votes	50
Spin-Offs	2
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻‍❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	3 months ago, 1727397326783
Updated	3 months ago, 1727397326783
Source Deleted	unknown