Viewing Program

Program Data

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

Title	requestAnimationFrame cleanup
ID	5851440860659712
Created	6 years ago, 1536893735973
Updated	6 years ago, 1536893761738
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>requestAnimationFrame cleanup</title> <style> body { background: #e3e3e3; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; margin: 0; } #c { display: block; margin: 0 auto; } </style> </head> <body> <canvas width="400" height="400" id="c"></canvas> <script type="text/evade-eb-js"> class AnimationFrameQueue { constructor() { this.intervals = []; } schedule() { this.intervals.push(requestAnimationFrame(...arguments)); while (this.intervals.length > 120) { this.intervals.shift(); } } clear() { while (this.intervals.length > 0) { cancelAnimationFrame(this.intervals.shift()); } } } if (!parent.queue) { parent.queue = new AnimationFrameQueue(); } window.queue = parent.queue; queue.clear(); </script> <script> eval(Array.from(document.querySelectorAll ("[type=\"text/evade-eb-js\"]")) .map(function(element) { return element.innerHTML; }) .reduce(function(a, b) { return a + b; }, "")); </script> <script> var canvas = document.getElementById("c"); var context = canvas.getContext("2d"); var increment = 0; var WIDTH = canvas.width; var HEIGHT = canvas.height; var H_WIDTH = WIDTH / 2; var H_HEIGHT = HEIGHT / 2; function draw() { var theta = increment++ / 100; context.fillStyle = "#ffffff"; context.fillRect(0, 0, WIDTH, HEIGHT); context.beginPath(); context.arc( H_WIDTH + Math.cos(theta) * (H_WIDTH / 2), H_HEIGHT + Math.sin(theta) * (H_HEIGHT * 3/4), 20, 0, Math.PI * 2 ); context.stroke(); context.closePath(); queue.schedule(draw); } draw(); </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLLvq7uyCgw
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	budster the dingo
Author Name	elmt2
Author ID	kaid_1063314115048600759228780
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722835666649
Updated	5 months ago, 1722835666649
Source Deleted	unknown