-
Notifications
You must be signed in to change notification settings - Fork 0
/
nft.js
58 lines (50 loc) · 1.57 KB
/
nft.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import {
setCustomProperty,
incrementCustomProperty,
getCustomProperty,
} from "./updateCustomProperty.js"
const SPEED = 0.05
const OBSTACLE_INTERVAL_MIN = 500
const OBSTACLE_INTERVAL_MAX = 2000
const gameElem = document.querySelector("[data-game]")
let nextNFTTime
export function setupNft() {
// spawn an obstacle quickly once the game starts
nextNFTTime = OBSTACLE_INTERVAL_MIN
// remove all obstacles before the game starts again
document.querySelectorAll("[data-nft]").forEach(nft => {
nft.remove()
})
}
export function updateNft(delta, speedScale) {
document.querySelectorAll("[data-nft]").forEach(nft => {
incrementCustomProperty(nft, "--left", delta * speedScale * SPEED * -1)
if (getCustomProperty(nft, "--left") <= -100) {
nft.remove()
}
})
if (nextNFTTime <= 0) {
createNft()
nextNFTTime =
randomNumberBetween(OBSTACLE_INTERVAL_MIN, OBSTACLE_INTERVAL_MAX) / speedScale
}
nextNFTTime -= delta
}
export function getNftRects() {
return [...document.querySelectorAll("[data-nft]")].map(nft => {
return nft.getBoundingClientRect()
})
}
function createNft() {
const nft = document.createElement("img")
nft.dataset.nft = true
// todo: set img drugo nft
nft.src = "imgs/nft.png"
// todo: smeni klasa nft
nft.classList.add("nft")
setCustomProperty(nft, "--left", 100)
gameElem.append(nft)
}
function randomNumberBetween(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min)
}