SHOWING: First 60
U+2608#44,298,112textU+269A#44,298,111textU+2606#44,298,110textU+269B#44,298,109textU+260F#44,298,108textU+2605#44,298,107textU+2328#44,298,106textU+260E#44,298,105textU+2603#44,298,104textU+2692#44,298,103textU+2601#44,298,102text0.neon#19,784,955text1.neon#19,784,954text369.Hz#19,784,953text168000.Hz#19,755,522textdeploy.🎚#17,137,061brc-20window.onload = function() {
let canvas = document.createElement('canvas');
document.body.appendChild(canvas);
let context = canvas.getContext('2d');
let phase = 1;
let pixelSize = 900; // Adjust pixelation
let gradientCanvas = document.createElement('canvas');
let gradientContext = gradientCanvas.getContext('2d');
function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
gradientCanvas.width = Math.ceil(canvas.width / pixelSize);
gradientCanvas.height = Math.ceil(canvas.height / pixelSize);
}
window.onresize = resize;
resize();
function draw() {
// Read the frequency from the input field each time draw is called
let frequency = document.getElementById('frequencyInput').value;
// Create static checkered pattern with black and white
for(let i = 0; i < gradientCanvas.width; i++) {
for(let j = 0; j < gradientCanvas.height; j++) {
let color = ((i+j) % 2 == 0) ? '#000' : '#000';
gradientContext.fillStyle = color;
gradientContext.fillRect(i, j, 1, 1);
}
}
context.drawImage(gradientCanvas, 0, 0, gradientCanvas.width, gradientCanvas.height, 0, 0, canvas.width, canvas.height);
// Set wave color as white
context.strokeStyle = '#ffffff';
context.beginPath();
let time = Date.now() / 1000; // Time for wave
for (let x = 0; x < canvas.width; x++) {
let y = canvas.height / 2 * (1 + Math.sin(2 * Math.PI * frequency * (x / canvas.width - time) + phase));
if (x === 0) {
context.moveTo(x, y);
} else {
context.lineTo(x, y);
}
}
context.stroke();
requestAnimationFrame(draw);
}
draw();
};#15,746,554text4311.hz#15,740,016text555.Hz#15,714,542text<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=".Hz">
<title>Ordinal Frequencies</title>
<style>
html, body {
margin: 0;
padding: 0;
display: ;
justify-content: center;
align-items: center;
height: 100vh;
color: white;
font-size: 2em;
font-family: Arial, sans-serif;
background: #000;
}
canvas {
display: block;
background: #000;
}
</style>
<script src="https://ordinals.com/content/24e540dad341726d739e8b616c5ce907be4c09fadf87a0610a70fae053717452i0"></script>
</head>
<body>
1.Hz
</body>
</html>#15,496,767textwindow.onload = function() {
let canvas = document.createElement('canvas');
document.body.appendChild(canvas);
let context = canvas.getContext('2d');
let frequency = 1;
let phase = 1;
let pixelSize = 900; // Adjust pixelation
let gradientCanvas = document.createElement('canvas');
let gradientContext = gradientCanvas.getContext('2d');
function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
gradientCanvas.width = Math.ceil(canvas.width / pixelSize);
gradientCanvas.height = Math.ceil(canvas.height / pixelSize);
}
window.onresize = resize;
resize();
function draw() {
// Create static checkered pattern with black and white
for(let i = 0; i < gradientCanvas.width; i++) {
for(let j = 0; j < gradientCanvas.height; j++) {
let color = ((i+j) % 2 == 0) ? '#000' : '#000';
gradientContext.fillStyle = color;
gradientContext.fillRect(i, j, 1, 1);
}
}
context.drawImage(gradientCanvas, 0, 0, gradientCanvas.width, gradientCanvas.height, 0, 0, canvas.width, canvas.height);
// Set wave color as white
context.strokeStyle = '#ffffff';
context.beginPath();
let time = Date.now() / 1000; // Time for wave
for (let x = 0; x < canvas.width; x++) {
let y = canvas.height / 2 * (1 + Math.sin(2 * Math.PI * frequency * (x / canvas.width - time) + phase));
if (x === 0) {
context.moveTo(x, y);
} else {
context.lineTo(x, y);
}
}
context.stroke();
requestAnimationFrame(draw);
}
draw();
};#15,492,905text0.Hz#15,492,788text1.Hz#15,492,778text.Hz#15,492,774text<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=".Hz">
<title>Ordinal Frequencies</title>
<style>
html, body {
margin: 0;
padding: 0;
}
canvas {
display: block;
background: #000;
}
</style>
</head>
<body>
<script src="/content/24e540dad341726d739e8b616c5ce907be4c09fadf87a0610a70fae053717452i0"></script>
</body>
</html>#15,492,764text<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=".Hz">
<title>Ordinal Frequencies</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
}
canvas {
display: block;
}
</style>
</head>
<body>
<script src="/content/a8ceaa2d5ef5508f794d001b0bad38dd6b933bd07e40993036b8f6a67fe4cf2ci0"></script>
<script>
async function fetchBlockHeight() {
try {
const response = await fetch('/blockheight');
const data = await response.text();
let currentBlock = parseInt(data, 10);
return currentBlock;
} catch (error) {
console.error('Error:', error);
}
}
async function runSimulation() {
let currentBlock = await fetchBlockHeight();
if (isNaN(currentBlock)) {
var selectColor = 0;
currentBlock = 210000 * selectColor + 1;
}
new p5((p) => {
let frequency = 1;
let amplitude = 100;
let phase = 0;
let time = 0;
p.setup = function() {
p.createCanvas(p.windowWidth, p.windowHeight);
p.frameRate(30);
}
p.draw = function() {
p.background(0);
time = p.frameCount / p.frameRate();
p.translate(0, p.height / 2);
for (let x = 0; x < p.width; x++) {
let y = amplitude * p.sin(p.TWO_PI * frequency * (x / p.width - time) + phase);
p.stroke(255);
p.point(x, y);
}
}
});
}
runSimulation();
</script>
</body>
</html>#15,425,773textregWavelength.sats#8,064,941sns