zyqunix/tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some small changes

Browse source
This commit is contained in:
zyqunix 2024-11-28 18:28:25 +01:00
parent eca1457225
commit 77458487e4
3 changed files with 38 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
bio/index.html
View file

@ -123,6 +123,8 @@
<img class="ascii" src="https://easyfiles.cc/2024/5/5d696a25-bab7-49ed-a325-a0b1bb812ab8/transformedascii.png"alt="">
</div>
<div id="cursoreffectelement"></div>
<script src="index.js"></script>
<script src="audio.js"></script>
<script src="particle.js"></script>

54
bio/particle.js
View file

@ -83,9 +83,9 @@ var cursoreffects = function (t) {
i = t?.characters || ["h", "e", "l", "l", "o"];
const o = t?.colors || ["#6622CC", "#A755C2", "#B07C9E", "#B59194", "#D2A1B8"];
let s, h, c, l = t?.cursorOffset || {
x: 0,
y: 0
},
x: 0,
y: 0
},
a = window.innerWidth,
r = window.innerHeight,
d = {
@ -286,21 +286,21 @@ var cursoreffects = function (t) {
W[0] = Math.round(S[0] += (l.y - S[0]) * m), H[0] = Math.round(Y[0] += (l.x - Y[0]) * m);
for (let t = 1; t < z; t++) W[t] = Math.round(S[t] += (W[t - 1] - S[t]) * m), H[t] = Math.round(Y[t] += (H[t - 1] - Y[t]) * m), S[t - 1] >= c - 80 && (S[t - 1] = c - 80), Y[t - 1] >= h - 80 && (Y[t - 1] = h - 80)
}(),
function () {
n.clearRect(0, 0, h, c);
const t = new Date,
e = t.getSeconds(),
i = Math.PI * (e - 15) / 30,
o = t.getMinutes(),
s = Math.PI * (o - 15) / 30,
l = t.getHours(),
a = Math.PI * (l - 3) / 6 + Math.PI * parseInt(t.getMinutes()) / 360;
for (let t = 0; t < F.length; t++) F[t].y = S[t] + 67.5 * Math.sin(-i + t * b * Math.PI / 180), F[t].x = Y[t] + 67.5 * Math.cos(-i + t * b * Math.PI / 180), n.fillStyle = F[t].color, n.fillText(F[t].value, F[t].x, F[t].y);
for (let t = 0; t < T.length; t++) T[t].y = S[F.length + t] + 45 * Math.sin(t * B * Math.PI / 180), T[t].x = Y[F.length + t] + 45 * Math.cos(t * B * Math.PI / 180), n.fillStyle = T[t].color, n.fillText(T[t].value, T[t].x, T[t].y);
for (let t = 0; t < D.length; t++) D[t].y = S[F.length + E + t] + 0 + t * R * Math.sin(a), D[t].x = Y[F.length + E + t] + 0 + t * R * Math.cos(a), n.fillStyle = D[t].color, n.fillText(D[t].value, D[t].x, D[t].y);
for (let t = 0; t < X.length; t++) X[t].y = S[F.length + E + D.length + t] + 0 + t * R * Math.sin(s), X[t].x = Y[F.length + E + D.length + t] + 0 + t * R * Math.cos(s), n.fillStyle = X[t].color, n.fillText(X[t].value, X[t].x, X[t].y);
for (let t = 0; t < I.length; t++) I[t].y = S[F.length + E + D.length + X.length + t] + 0 + t * R * Math.sin(i), I[t].x = Y[F.length + E + D.length + X.length + t] + 0 + t * R * Math.cos(i), n.fillStyle = I[t].color, n.fillText(I[t].value, I[t].x, I[t].y)
}(), i = requestAnimationFrame(k)
function () {
n.clearRect(0, 0, h, c);
const t = new Date,
e = t.getSeconds(),
i = Math.PI * (e - 15) / 30,
o = t.getMinutes(),
s = Math.PI * (o - 15) / 30,
l = t.getHours(),
a = Math.PI * (l - 3) / 6 + Math.PI * parseInt(t.getMinutes()) / 360;
for (let t = 0; t < F.length; t++) F[t].y = S[t] + 67.5 * Math.sin(-i + t * b * Math.PI / 180), F[t].x = Y[t] + 67.5 * Math.cos(-i + t * b * Math.PI / 180), n.fillStyle = F[t].color, n.fillText(F[t].value, F[t].x, F[t].y);
for (let t = 0; t < T.length; t++) T[t].y = S[F.length + t] + 45 * Math.sin(t * B * Math.PI / 180), T[t].x = Y[F.length + t] + 45 * Math.cos(t * B * Math.PI / 180), n.fillStyle = T[t].color, n.fillText(T[t].value, T[t].x, T[t].y);
for (let t = 0; t < D.length; t++) D[t].y = S[F.length + E + t] + 0 + t * R * Math.sin(a), D[t].x = Y[F.length + E + t] + 0 + t * R * Math.cos(a), n.fillStyle = D[t].color, n.fillText(D[t].value, D[t].x, D[t].y);
for (let t = 0; t < X.length; t++) X[t].y = S[F.length + E + D.length + t] + 0 + t * R * Math.sin(s), X[t].x = Y[F.length + E + D.length + t] + 0 + t * R * Math.cos(s), n.fillStyle = X[t].color, n.fillText(X[t].value, X[t].x, X[t].y);
for (let t = 0; t < I.length; t++) I[t].y = S[F.length + E + D.length + X.length + t] + 0 + t * R * Math.sin(i), I[t].x = Y[F.length + E + D.length + X.length + t] + 0 + t * R * Math.cos(i), n.fillStyle = I[t].color, n.fillText(I[t].value, I[t].x, I[t].y)
}(), i = requestAnimationFrame(k)
}
function N() {
@ -318,9 +318,9 @@ var cursoreffects = function (t) {
o = window.innerWidth,
s = window.innerHeight;
const h = {
x: o / 2,
y: o / 2
},
x: o / 2,
y: o / 2
},
c = {
x: o / 2,
y: o / 2
@ -411,9 +411,9 @@ var cursoreffects = function (t) {
o = window.innerWidth,
s = window.innerHeight;
const h = {
x: o / 2,
y: o / 2
},
x: o / 2,
y: o / 2
},
c = {
x: o / 2,
y: o / 2
@ -1013,10 +1013,10 @@ var cursoreffects = function (t) {
}), t
}({});
window.onload = function() {
window.onload = function () {
cursoreffects.fairyDustCursor({
element: document.body,
color: "#FFFFFF"
element: document.getElementById('cursoreffectelement'),
color: "#FFFFFF"
})
};

11
bio/style.css
View file

@ -8,8 +8,8 @@ html, body {
align-items: center;
font-family: monospace;
background-color: black;
overflow: hidden;
color: white !important;
overflow: hidden;
}
@font-face {
@ -322,7 +322,7 @@ html, body {
}
.blurBG {
backdrop-filter: blur(0);
backdrop-filter: blur(0px);
width: 105%;
height: 110%;
border-radius: 10px;
@ -373,3 +373,10 @@ div.duration-info {
button {
user-select: none;
}
#cursoreffectelement {
width: 100%;
height: 90%;
position: absolute;
z-index: 0;
}