Text
730 notes
·
View notes
Text
ever wanted to look nerdy when you don't know what youre doing?
2 notes
·
View notes
Text
When computers sleep, they dream.
9 notes
·
View notes
Text
Latte Art Game w/ Fluid Simulation
A little game I made in 24 hours
1 note
·
View note
Text
hey anyone ever wanted a custom chat to commentate your boring streams?
probably not but I made it anyway
It even includes a webcam and voice recognition.
Wanna use it? Too bad, it's not public yet :)
Also the custom names are crazyy
1 note
·
View note
Text
parallax scroll code (if anyone cares)
<html> <head> <style> body { margin: 0; overflow: hidden; } canvas { display: block; background: lightblue; } </style> </head> <body> <canvas id="parallaxCanvas"></canvas> <script> const canvas = document.getElementById('parallaxCanvas'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; const layers = [ { imageSrc: 'layer3.png', speed: 0.2 }, { imageSrc: 'layer2.png', speed: 0.5 }, { imageSrc: 'layer1.png', speed: 0.8 } ]; let images = []; let scrollPosition = 0; layers.forEach((layer, index) => { let img = new Image(); img.src = layer.imageSrc; images[index] = img; img.onload = () => { console.log(`Image ${layer.imageSrc} loaded.`); }; img.onerror = () => { console.error(`Failed to load image: ${layer.imageSrc}`); }; }); function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); layers.forEach((layer, index) => { const image = images[index]; if (image) { const layerHeight = canvas.height / layers.length; const layerY = index + layerHeight * 2; const scaledWidth = image.width * (layerHeight / image.height); const tileCount = Math.ceil(canvas.width / scaledWidth) + 1; for (let i = 0; i < tileCount; i++) { // Adjust the modulus operation to handle both directions of wrapping const wrappedX = ((scrollPosition * layer.speed) % scaledWidth + scaledWidth) % scaledWidth; ctx.drawImage( image, -wrappedX + i * scaledWidth, // Updated wrapping effect to work in both directions layerY, scaledWidth, layerHeight ); } } }); } function update() { draw(); requestAnimationFrame(update); } window.addEventListener('keydown', (event) => { const key = event.key; const moveSpeed = 5; if (key === 'ArrowLeft') { scrollPosition -= moveSpeed; } else if (key === 'ArrowRight') { scrollPosition += moveSpeed; } }); window.addEventListener('resize', () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }); images[2].onload = () => { update(); }; </script> </body> </html>
(layer3 is back and layer1 is front)
7 notes
·
View notes
Text
How did i not know this existed before
i was just yelling at it all the time for stopping 😭
2 notes
·
View notes
Text
notes on my strange obsession with tomatoes:
why do I like tomatoes anyway? It could be because tomatoes are vegetables - i mean fruits.
plan for a tomato-themed webgame coming your way
4 notes
·
View notes
Text
large font size
my opinion on large font size:
i love large font size.
1 note
·
View note
Text
desert bg for plane game inspired by Bit Planes
wait how do you make something parallax?
I guess i'll figure that out this weekend :/
4 notes
·
View notes
Text
hi
Dunno what this thing is gonna be about, but while I'm figuring that out go play some of my video games:
It's currently under construction (as of 1895) so it might be a bit wonky (me this morning:)
wtf
5 notes
·
View notes