Sjabloon:Lange spieker: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Nieuwe pagina aangemaakt met '<html> <head> <style> body, html { margin: 0; padding: 0; overflow: hidden; } #birdCanvas { position: absolute; top: 0; left: 0; pointer-events: none; z-index: -1; } </style> </head> <body> <canvas id="birdCanvas" width="2000" height="500"></canvas> <script> const canvas = document.getElementById("birdCanvas"); const ctx = canvas.getContext("2d"); let birdX = -50; const birdY = 1…' |
Geen bewerkingssamenvatting |
||
| (18 tussenliggende versies door 2 gebruikers niet weergegeven) | |||
| Regel 5: | Regel 5: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
#birdCanvas { | #birdCanvas { | ||
position: | position: fixed; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
pointer-events: none; | pointer-events: none; | ||
z-index: -1; | z-index: -1; | ||
width: 100vw; | |||
height: 100vh; | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<canvas id="birdCanvas | <canvas id="birdCanvas"></canvas> | ||
<script> | <script> | ||
| Regel 24: | Regel 25: | ||
let birdX = -50; | let birdX = -50; | ||
const birdY = | const birdY = 90; | ||
const speed = | const speed = 1; | ||
let isBirdActive = false; | let isBirdActive = false; | ||
resetBirdAfterRandomDelay() | resetBirdAfterRandomDelay(); | ||
function drawLangeSpieker(x, y) { | function drawLangeSpieker(x, y) { | ||
ctx.save(); | ctx.save(); | ||
ctx.translate(x, y); | ctx.translate(x, y); | ||
ctx.scale(0.1, 0.1) | |||
// Legs | // Legs | ||
| Regel 86: | Regel 88: | ||
isBirdActive = false; | isBirdActive = false; | ||
const delay = Math.random() * | const delay = Math.random() * 5000 + 2000; // Example values for delay | ||
setTimeout(() => { | setTimeout(() => { | ||
birdX = -50; | birdX = -50; | ||
Huidige versie van 13 sep 2025 17:17