zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 14:30:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

ambient background thing and change song

Browse source
This commit is contained in:
zyqunix 2025-05-09 18:13:40 +02:00
parent a7e2338335
commit 4fe7a03796
No known key found for this signature in database
GPG key ID: 134A8DEEA83B80E6
8 changed files with 162 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

29
bio/index.js
View file

@ -1,8 +1,6 @@
const messages = [
"PinkPantheress 💘💘💖🥰",
"lispnb and pluggnb 💖💖",
"woody.. my dearest 🥰💓",
"Donate Crypto!",
"giv crypto",
"iluvshed",
"#lacethemwithfent",
"#lifeiseasy",
@ -88,7 +86,7 @@ document.addEventListener("DOMContentLoaded", function () {
updateTitle();
});
let clickToEnterOverlay = document.getElementById("clickToEnter");
const clickToEnterOverlay = document.getElementById("clickToEnter");
clickToEnterOverlay.onclick = () => {
clickToEnterOverlay.style.transition = '0.75s';
clickToEnterOverlay.style.opacity = '0';
@ -98,7 +96,7 @@ clickToEnterOverlay.onclick = () => {
main.style.marginTop = "0px";
videoPlayer.play();
playPauseButton.innerHTML = "❚❚";
document.getElementById('plIcon').src = "./assets/pause.svg";
isPlaying = !isPlaying;
typeWriter();
@ -140,3 +138,24 @@ document.addEventListener("DOMContentLoaded", () => {
});
});
});
const canvas = document.getElementById('ambient-canvas');
const ctx = canvas.getContext('2d');
const video = document.getElementById('videoPlayer')
function resizeCanvas() {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
}
video.addEventListener('loadeddata', () => {
resizeCanvas();
drawLoop();
});
function drawLoop() {
if (!video.paused && !video.ended) {
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
}
requestAnimationFrame(drawLoop);
}