De FNM-wiki - Gebruikersbijdragen [nl]

Sjabloon:Lange spieker

2025-07-31T20:40:27Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * {{1}} + {{2}};
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Hoofdpagina

2025-07-31T20:40:22Z

Strahd von Zarovich:

{{Sjabloon:Hoofdpagina/briljante sjabloon}}
{{Sjabloon:Lange spieker|10|10}}
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}

=== Check ook de [https://fietsennaarmaastricht.nl/ homepagina]! ===

Dit is de plek voor een Wiskunde en andere willekeur dingen.

Veel succes!

== Hoofdtopics ==

=== Wetenschap ===

* [[Wiskunde]]
* [[Natuurkunde]]
* [[Samensmelting|Scheikunde]]
* [[Dieren|Biologie]]
* [[Toetsenbordindelingen|Informatica]]

=== Geschiedenis (lore) ===

* [[Kleine guys]]
* [[Familiegeschiedenis]]
* [[Minecraft wereld]]

=== Literatuur ===

* [[Dichtbundels]]
* [[Verhaaltjes]]

=== Cultuur ===

===== FnM =====
* [[Het woordenboek]]
* [[Het spreekwoordenboek]]
* [[Records]]
* [[Boek der Kwoten]]
* [[Dieren]]

===== Algemeen =====

* [[Kaartspellen|Spelletjes]]
* [[Kookboek]]
* [[Grapjespauk]]
* [[Tierlists]]
* [[Cola]]

== [[Special:RecentChanges|Recente wijzigingen]] ==

{{Special:RecentChanges/8}}

__NOTOC__

Hoofdpagina

2025-07-31T20:39:10Z

Strahd von Zarovich:

{{Sjabloon:Hoofdpagina/briljante sjabloon}}
{{Sjabloon:Lange spieker}}
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}

=== Check ook de [https://fietsennaarmaastricht.nl/ homepagina]! ===

Dit is de plek voor een Wiskunde en andere willekeur dingen.

Veel succes!

== Hoofdtopics ==

=== Wetenschap ===

* [[Wiskunde]]
* [[Natuurkunde]]
* [[Samensmelting|Scheikunde]]
* [[Dieren|Biologie]]
* [[Toetsenbordindelingen|Informatica]]

=== Geschiedenis (lore) ===

* [[Kleine guys]]
* [[Familiegeschiedenis]]
* [[Minecraft wereld]]

=== Literatuur ===

* [[Dichtbundels]]
* [[Verhaaltjes]]

=== Cultuur ===

===== FnM =====
* [[Het woordenboek]]
* [[Het spreekwoordenboek]]
* [[Records]]
* [[Boek der Kwoten]]
* [[Dieren]]

===== Algemeen =====

* [[Kaartspellen|Spelletjes]]
* [[Kookboek]]
* [[Grapjespauk]]
* [[Tierlists]]
* [[Cola]]

== [[Special:RecentChanges|Recente wijzigingen]] ==

{{Special:RecentChanges/8}}

__NOTOC__

Sjabloon:Lange spieker

2025-07-31T20:38:57Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 540000 + 60000;
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Sjabloon:Lange spieker

2025-07-31T20:37:21Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 10 + 10;
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Hoofdpagina

2025-07-31T20:36:43Z

Strahd von Zarovich:

Sjabloon:Lange spieker

2025-07-31T20:36:27Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:35:38Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 6000 + 6000;
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Hoofdpagina

2025-07-31T20:33:52Z

Strahd von Zarovich:

Hoofdpagina

2025-07-31T20:32:47Z

Strahd von Zarovich:

{{Sjabloon:Hoofdpagina/briljante sjabloon}}
{{Sjabloon:Lange Spieker}}
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}

=== Check ook de [https://fietsennaarmaastricht.nl/ homepagina]! ===

Dit is de plek voor een Wiskunde en andere willekeur dingen.

Veel succes!

== Hoofdtopics ==

=== Wetenschap ===

* [[Wiskunde]]
* [[Natuurkunde]]
* [[Samensmelting|Scheikunde]]
* [[Dieren|Biologie]]
* [[Toetsenbordindelingen|Informatica]]

=== Geschiedenis (lore) ===

* [[Kleine guys]]
* [[Familiegeschiedenis]]
* [[Minecraft wereld]]

=== Literatuur ===

* [[Dichtbundels]]
* [[Verhaaltjes]]

=== Cultuur ===

===== FnM =====
* [[Het woordenboek]]
* [[Het spreekwoordenboek]]
* [[Records]]
* [[Boek der Kwoten]]
* [[Dieren]]

===== Algemeen =====

* [[Kaartspellen|Spelletjes]]
* [[Kookboek]]
* [[Grapjespauk]]
* [[Tierlists]]
* [[Cola]]

== [[Special:RecentChanges|Recente wijzigingen]] ==

{{Special:RecentChanges/8}}

__NOTOC__

Sjabloon:Lange spieker

2025-07-31T20:32:14Z

Strahd von Zarovich: 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…'

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 600000 + 600000;
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Lange Spieker

2025-07-31T20:30:58Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 600000 + 600000;
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Lange Spieker

2025-07-31T20:29:25Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = false;

resetBirdAfterRandomDelay()

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 4000 + 1000; // 1 to 5 seconds
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Lange Spieker

2025-07-31T20:28:02Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

let isBirdActive = true;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function resetBirdAfterRandomDelay() {
isBirdActive = false;

const delay = Math.random() * 4000 + 1000; // 1 to 5 seconds
setTimeout(() => {
birdX = -50;
isBirdActive = true;
}, delay);
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

if (isBirdActive) {
drawLangeSpieker(birdX, birdY);
birdX += speed;

if (birdX > canvas.width + 50) {
resetBirdAfterRandomDelay();
}
}

requestAnimationFrame(animate);
}

animate();
</script>

</body>
</html>

Lange Spieker

2025-07-31T20:26:19Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:23:35Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(13, -105);
ctx.lineTo(33, -100);
ctx.lineTo(13, -95);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50;
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:23:12Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -95);
ctx.lineTo(35, -90);
ctx.lineTo(15, -85);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50;
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:21:45Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(12, -100);
ctx.lineTo(32, -95);
ctx.lineTo(12, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50;
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:21:04Z

Strahd von Zarovich:

<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 = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50;
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:20:41Z

Strahd von Zarovich:

<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="500" height="1000"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

let birdX = -50;
const birdY = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50;
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:12:41Z

Strahd von Zarovich:

<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="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

let birdX = -50; // Start offscreen to the left
const birdY = 150;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50; // Loop back to start
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:12:31Z

Strahd von Zarovich:

<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="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

let birdX = -50; // Start offscreen to the left
const birdY = 100;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50; // Loop back to start
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:11:53Z

Strahd von Zarovich:

<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="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

let birdX = -50; // Start offscreen to the left
const birdY = 300;
const speed = 2;

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawLangeSpieker(birdX, birdY);

birdX += speed;
if (birdX > canvas.width + 50) {
birdX = -50; // Loop back to start
}

requestAnimationFrame(animate);
}

animate();
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:10:46Z

Strahd von Zarovich:

h
h
h
h
h
h
h
h

<html>
<head>
<style>
body, html {
margin: 0;
padding: 0;
}
#birdCanvas {
position: absolute;
top: 0;
left: 0;
pointer-events: none; /* So it doesn't block clicks */
z-index: -1; /* So it's behind other elements */
}
</style>
</head>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

drawLangeSpieker(250, 0);
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:10:37Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:10:22Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:10:12Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:09:50Z

Strahd von Zarovich:

<html>
<head>
<style>
body, html {
margin: 0;
padding: 0;
}
#birdCanvas {
position: absolute;
top: 0;
left: 0;
pointer-events: none; /* So it doesn't block clicks */
z-index: -1; /* So it's behind other elements */
}
</style>
</head>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

drawLangeSpieker(250, 300);
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:09:19Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:08:59Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:08:44Z

Strahd von Zarovich:

<html>
<head>
<style>
body, html {
margin: 0;
padding: 0;
}
#birdCanvas {
position: absolute;
top: 500;
left: 0;
pointer-events: none; /* So it doesn't block clicks */
z-index: -1; /* So it's behind other elements */
}
</style>
</head>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

drawLangeSpieker(250, 300);
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:08:35Z

Strahd von Zarovich:

<html>
<head>
<style>
body, html {
margin: 0;
padding: 0;
}
#birdCanvas {
position: absolute;
top: 100;
left: 0;
pointer-events: none; /* So it doesn't block clicks */
z-index: -1; /* So it's behind other elements */
}
</style>
</head>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

drawLangeSpieker(250, 300);
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:06:02Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T20:02:37Z

Strahd von Zarovich:

<html>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

// Draw the bird in the center
drawLangeSpieker(250, 300);
</script>
</body>
</html>

Lange Spieker

2025-07-31T20:02:07Z

Strahd von Zarovich:

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lange Spieker Bird</title>
<style>
canvas {
background-color: #cceeff;
display: block;
margin: 0 auto;
border: 2px solid #333;
}
</style>
</head>
<body>
<canvas id="birdCanvas" width="500" height="500"></canvas>

<script>
const canvas = document.getElementById("birdCanvas");
const ctx = canvas.getContext("2d");

function drawLangeSpieker(x, y) {
ctx.save();
ctx.translate(x, y);

// Legs
ctx.strokeStyle = "#654321";
ctx.lineWidth = 4;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-10, 80);
ctx.moveTo(0, 0);
ctx.lineTo(10, 80);
ctx.stroke();

// Body
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.ellipse(0, -30, 30, 45, 0, 0, Math.PI * 2);
ctx.fill();

// Neck
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.fillRect(-5, -90, 10, 30);

// Head
ctx.beginPath();
ctx.fillStyle = "#ffcc00";
ctx.arc(0, -100, 15, 0, Math.PI * 2);
ctx.fill();

// Eye
ctx.beginPath();
ctx.fillStyle = "#000";
ctx.arc(5, -105, 2.5, 0, Math.PI * 2);
ctx.fill();

// Beak
ctx.beginPath();
ctx.fillStyle = "#ff6600";
ctx.moveTo(15, -100);
ctx.lineTo(35, -95);
ctx.lineTo(15, -90);
ctx.closePath();
ctx.fill();

// Wing
ctx.beginPath();
ctx.fillStyle = "#ffaa00";
ctx.ellipse(-15, -35, 12, 25, Math.PI / 6, 0, Math.PI * 2);
ctx.fill();

ctx.restore();
}

// Draw the bird in the center
drawLangeSpieker(250, 300);
</script>
</body>
</html>

Lange Spieker

2025-07-31T19:59:37Z

Strahd von Zarovich:

<html>
<script>
var canvas = document.createElement('canvas');

canvas.id = "CursorLayer";

var body = document.getElementsByTagName("body")[0];
body.appendChild(canvas);

cursorLayer = document.getElementById("CursorLayer");

var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(255, 0, 0, 0.2)";
ctx.fillRect(100, 100, 200, 200);
ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
ctx.fillRect(150, 150, 200, 200);
ctx.fillStyle = "rgba(0, 0, 255, 0.2)";
ctx.fillRect(200, 50, 200, 200);
</script>
</html>

Lange Spieker

2025-07-31T19:58:52Z

Strahd von Zarovich:

<html>
<script>
var canvas = document.createElement('canvas');

canvas.id = "CursorLayer";
canvas.width = 1224;
canvas.height = 768;
canvas.style.zIndex = 8;
canvas.style.position = "absolute";
canvas.style.border = "1px solid";

var body = document.getElementsByTagName("body")[0];
body.appendChild(canvas);

cursorLayer = document.getElementById("CursorLayer");

console.log(cursorLayer);

// below is optional

var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(255, 0, 0, 0.2)";
ctx.fillRect(100, 100, 200, 200);
ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
ctx.fillRect(150, 150, 200, 200);
ctx.fillStyle = "rgba(0, 0, 255, 0.2)";
ctx.fillRect(200, 50, 200, 200);
</script>
</html>

Lange Spieker

2025-07-31T19:56:11Z

Strahd von Zarovich:

<html>
<script>
var c = document.createElement("<canvas></canvas>");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>
</html>

Lange Spieker

2025-07-31T19:54:28Z

Strahd von Zarovich:

<html>
<script>
var c = document.createElement("canvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>
</html>

Lange Spieker

2025-07-31T19:52:03Z

Strahd von Zarovich:

<html>
<canvas id="canv"></canvas>
<script>
var c = document.getElementById("canv");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>
<input></input>
</html>

Lange Spieker

2025-07-31T19:50:42Z

Strahd von Zarovich:

<html>
<canvas id="canv"></canvas>
<script>
var c = document.getElementById("canv");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>
</html>

Lange Spieker

2025-07-31T19:36:23Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T19:36:15Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T19:33:27Z

Strahd von Zarovich:

Lange Spieker

2025-07-31T19:33:16Z

Strahd von Zarovich:

Lange Spieker

2025-07-10T15:23:06Z

Strahd von Zarovich:

Lange Spieker

2025-07-10T15:22:43Z

Strahd von Zarovich:

Lange Spieker

2025-07-10T15:20:31Z

Strahd von Zarovich:

[[bestand:Lange spieker.png]]

Lange Spieker

2025-07-10T15:19:38Z

Strahd von Zarovich: Nieuwe pagina aangemaakt met 'bestand:lange spieker'

[[bestand:lange spieker]]

Kleine guys

2025-07-10T15:18:28Z

Strahd von Zarovich: /* Overzicht van bekende kleine guys */

[[Bestand:Gerrit.jpg|miniatuur|De eerste kleine guy, [[Gerrit]]]]
[[Bestand:Toran de Grote.jpg|miniatuur|[[Toran de Grote]], gevonden in [[het echt]]]]
'''Kleine guys''' zijn entiteiten uitgedrukt in [[Blender]] of in [[het echt]] met een surrealistische look. Hoewel ze voornamelijk in smalle vorm te vinden zijn bevinden er zich ook grotere varianten zoals [[Grote Robert]]. Er zijn meerdere gevallen geweest waarin ''guys'' springen tussen de verschillende media. Alle officiële foto's die worden genomen van kleine guys zijn in een 320×200 pixel format.

== Ontstaan ==
Het is onduidelijk of deze wezens slechts door toedoen van de makers zich in de waarneembare realiteit tot uitdrukking brengen of dat zij reeds met een voorbeschikt plan zich innerlijk aan de maker openbaren. Dit vermoeden is ontstaan doordat de kleine guys zeer coöperatief blijken en met een doelgerichtheid hun eerste schreden in deze wereld zetten.

Sommigen speculeren dat de guys al bestaan, zonder dat ze worden beschreven. Zij kunnen echter ook niks eenduidigs zeggen over hoeveel kleine guys er dan bestaan. Deze stroming wordt ook wel het [[klein platonisme]] genoemd.

Daartegenover staat het [[klein constructivisme]], dat zegt dat guys pas bestaan zodra ze zijn ontdekt, of volgens de klein constructivisten, zodra ze zijn geconstrueerd.

== Overzicht van bekende kleine guys ==

* [[Gerrit]]
* [[Grote Robert]]
* [[Toran de Grote]]
* [[Gladde Richard]]
* [[Langnes]]
* [[Strenge Pieter]]
* [[Lil' Lambda]]
* [[Bong Ping de Onverschrokkene]]
* [[De kraamzorg Kimker]]
* [[Miksraam]]
* [[Koning Bibol de Overaftelbare]]
* [[Qai de Steelbeammelter]]
* [[Platon de Oneksiesterende]]
* [[Solumnus]]
* [[Lange Spieker]]

== Gebeurtenissen ==

* [[Het incident van 2002]]

== Media van kleine guys ==

* [[Fietsen naar Maastricht webpagina|De Fietsen naar Maastricht webpagina]] ''(webpagina)''
* [[Dit zijn Kleine guys]] ''(web-series)''

[[Category:Kleine guys]]