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

The old way of using layers is discarded

Browse Source
This commit is contained in:
Spedon
2023-03-14 02:08:01 +08:00
parent 9a7281f6da
commit 438256a683
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/ts/trackMouse.ts
View File

@@ -12,12 +12,13 @@ import { imgIndexSpanUpdate } from './indexDisp'
import { imagesArrayLen, imagesArray } from './dataFetch' import { imagesArrayLen, imagesArray } from './dataFetch'
// get layer divs // get layer divs
const layer5 = document.getElementById('layer5') as HTMLDivElement export const layers: HTMLDivElement[] = [
const layer4 = document.getElementById('layer4') as HTMLDivElement document.getElementById('layer1') as HTMLDivElement,
const layer3 = document.getElementById('layer3') as HTMLDivElement document.getElementById('layer2') as HTMLDivElement,
const layer2 = document.getElementById('layer2') as HTMLDivElement document.getElementById('layer3') as HTMLDivElement,
const layer1 = document.getElementById('layer1') as HTMLDivElement document.getElementById('layer4') as HTMLDivElement,
export const layers: HTMLDivElement[] = [layer1, layer2, layer3, layer4, layer5] document.getElementById('layer5') as HTMLDivElement
]
// layers position caching // layers position caching
export const posArray: string[][] = [ export const posArray: string[][] = [
@@ -37,18 +38,16 @@ const activate = (index: number, x: number, y: number): void => {
layersPosSet(posArray, layers) layersPosSet(posArray, layers)
FIFO(createImgElement(imagesArray[index]), layers) FIFO(createImgElement(imagesArray[index]), layers)
// top // top
layer5.addEventListener( layers[4].addEventListener(
'click', 'click',
() => { () => {
// stop images animation // stop images animation
window.removeEventListener('mousemove', handleOnMove) window.removeEventListener('mousemove', handleOnMove)
// set top image // set top image
center(layer5) center(layers[4])
layer5.dataset.status = 't0' for (let i = 4; i >= 0; i--) {
layer4.dataset.status = 't1' layers[i].dataset.status = `t${4 - i}`
layer3.dataset.status = 't2' }
layer2.dataset.status = 't3'
layer1.dataset.status = 't4'
// overlay init // overlay init
overlayEnable() overlayEnable()
}, },