eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-21 13:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

add comments for the code

Browse Source
This commit is contained in:
Spedon
2023-03-28 16:59:15 +08:00
parent b07750d382
commit 823de500d7
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/ts/desktop.ts
View File

@@ -86,10 +86,14 @@ export const handleOnMove = (e: MouseEvent): void => {
async function enterOverlay(): Promise<void> { async function enterOverlay(): Promise<void> {
// stop images animation // stop images animation
window.removeEventListener('mousemove', handleOnMove) window.removeEventListener('mousemove', handleOnMove)
// get index array length
const indexesNum: number = trailingImageIndexes.length const indexesNum: number = trailingImageIndexes.length
for (let i = 0; i < indexesNum; i++) { for (let i = 0; i < indexesNum; i++) {
// create image element
const e: HTMLImageElement = images[trailingImageIndexes[i]] const e: HTMLImageElement = images[trailingImageIndexes[i]]
// cache images' position
transformCache.push(e.style.transform) transformCache.push(e.style.transform)
// set style for the images
if (i === indexesNum - 1) { if (i === indexesNum - 1) {
e.style.transitionDelay = `${0.1 * i + 0.2}s, ${0.1 * i + 0.2 + 0.5}s` e.style.transitionDelay = `${0.1 * i + 0.2}s, ${0.1 * i + 0.2 + 0.5}s`
e.dataset.status = 'top' e.dataset.status = 'top'
@@ -99,7 +103,9 @@ async function enterOverlay(): Promise<void> {
e.dataset.status = 'trail' e.dataset.status = 'trail'
} }
} }
// sleep
await delay(stackDepth * 100 + 100 + 1000) await delay(stackDepth * 100 + 100 + 1000)
// post process
for (let i = 0; i < indexesNum; i++) { for (let i = 0; i < indexesNum; i++) {
images[trailingImageIndexes[i]].style.transitionDelay = '' images[trailingImageIndexes[i]].style.transitionDelay = ''
if (i === indexesNum - 1) { if (i === indexesNum - 1) {