kaplay 3001.0.0-alpha.1

package/src/assets/index.d.ts

@@ -0,0 +1,9 @@
+declare module "*.mp3" {
+	const value: Uint8Array
+	export default value
+}
+
+declare module "*.png" {
+	const value: string
+	export default value
+}

package/src/assets.ts

@@ -0,0 +1,132 @@
+import {
+	Event,
+} from "./utils"
+
+export class Asset<D> {
+	loaded: boolean = false
+	data: D | null = null
+	error: Error | null = null
+	private onLoadEvents: Event<[D]> = new Event()
+	private onErrorEvents: Event<[Error]> = new Event()
+	private onFinishEvents: Event<[]> = new Event()
+	constructor(loader: Promise<D>) {
+		loader.then((data) => {
+			this.loaded = true
+			this.data = data
+			this.onLoadEvents.trigger(data)
+		}).catch((err) => {
+			this.error = err
+			if (this.onErrorEvents.numListeners() > 0) {
+				this.onErrorEvents.trigger(err)
+			} else {
+				throw err
+			}
+		}).finally(() => {
+			this.onFinishEvents.trigger()
+			this.loaded = true
+		})
+	}
+	static loaded<D>(data: D): Asset<D> {
+		const asset = new Asset(Promise.resolve(data)) as Asset<D>
+		asset.data = data
+		asset.loaded = true
+		return asset
+	}
+	onLoad(action: (data: D) => void) {
+		if (this.loaded && this.data) {
+			action(this.data)
+		} else {
+			this.onLoadEvents.add(action)
+		}
+		return this
+	}
+	onError(action: (err: Error) => void) {
+		if (this.loaded && this.error) {
+			action(this.error)
+		} else {
+			this.onErrorEvents.add(action)
+		}
+		return this
+	}
+	onFinish(action: () => void) {
+		if (this.loaded) {
+			action()
+		} else {
+			this.onFinishEvents.add(action)
+		}
+		return this
+	}
+	then(action: (data: D) => void): Asset<D> {
+		return this.onLoad(action)
+	}
+	catch(action: (err: Error) => void): Asset<D> {
+		return this.onError(action)
+	}
+	finally(action: () => void): Asset<D> {
+		return this.onFinish(action)
+	}
+}
+
+export class AssetBucket<D> {
+	assets: Map<string, Asset<D>> = new Map()
+	lastUID: number = 0
+	add(name: string | null, loader: Promise<D>): Asset<D> {
+		// if user don't provide a name we use a generated one
+		const id = name ?? (this.lastUID++ + "")
+		const asset = new Asset(loader)
+		this.assets.set(id, asset)
+		return asset
+	}
+	addLoaded(name: string | null, data: D): Asset<D> {
+		const id = name ?? (this.lastUID++ + "")
+		const asset = Asset.loaded(data)
+		this.assets.set(id, asset)
+		return asset
+	}
+	get(handle: string): Asset<D> | void {
+		return this.assets.get(handle)
+	}
+	progress(): number {
+		if (this.assets.size === 0) {
+			return 1
+		}
+		let loaded = 0
+		this.assets.forEach((asset) => {
+			if (asset.loaded) {
+				loaded++
+			}
+		})
+		return loaded / this.assets.size
+	}
+}
+
+export function fetchURL(url: string) {
+	return fetch(url)
+		.then((res) => {
+			if (!res.ok) throw new Error(`Failed to fetch "${url}"`)
+			return res
+		})
+}
+
+export function fetchJSON(path: string) {
+	return fetchURL(path).then((res) => res.json())
+}
+
+export function fetchText(path: string) {
+	return fetchURL(path).then((res) => res.text())
+}
+
+export function fetchArrayBuffer(path: string) {
+	return fetchURL(path).then((res) => res.arrayBuffer())
+}
+
+// wrapper around image loader to get a Promise
+export function loadImg(src: string): Promise<HTMLImageElement> {
+	const img = new Image()
+	img.crossOrigin = "anonymous"
+	img.src = src
+	return new Promise<HTMLImageElement>((resolve, reject) => {
+		img.onload = () => resolve(img)
+		img.onerror = () => reject(new Error(`Failed to load image from "${src}"`))
+	})
+}

package/src/easings.ts

@@ -0,0 +1,94 @@
+// https://easings.net/
+const c1 = 1.70158
+const c2 = c1 * 1.525
+const c3 = c1 + 1
+const c4 = (2 * Math.PI) / 3
+const c5 = (2 * Math.PI) / 4.5
+
+const easings = {
+	linear: (x) => x,
+	easeInSine: (x) => 1 - Math.cos((x * Math.PI) / 2),
+	easeOutSine: (x) => Math.sin((x * Math.PI) / 2),
+	easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
+	easeInQuad: (x) => x * x,
+	easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
+	easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
+	easeInCubic: (x) => x * x * x,
+	easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
+	easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
+	easeInQuart: (x) => x * x * x * x,
+	easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
+	easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
+	easeInQuint: (x) => x * x * x * x * x,
+	easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
+	easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
+	easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
+	easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
+	easeInOutExpo: (x) => {
+		return x === 0
+			? 0
+			: x === 1
+				? 1
+				: x < 0.5
+					? Math.pow(2, 20 * x - 10) / 2
+					: (2 - Math.pow(2, -20 * x + 10)) / 2
+	},
+	easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
+	easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
+	easeInOutCirc: (x) => {
+		return x < 0.5
+			? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2
+			: (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2
+	},
+	easeInBack: (x) => c3 * x * x * x - c1 * x * x,
+	easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
+	easeInOutBack: (x) => {
+		return x < 0.5
+			? (Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2)) / 2
+			: (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2
+	},
+	easeInElastic: (x) => {
+		return x === 0
+			? 0
+			: x === 1
+				? 1
+				: -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4)
+	},
+	easeOutElastic: (x) => {
+		return x === 0
+			? 0
+			: x === 1
+				? 1
+				: Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1
+	},
+	easeInOutElastic: (x) => {
+		return x === 0
+			? 0
+			: x === 1
+				? 1
+				: x < 0.5
+					? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2
+					: (Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5)) / 2 + 1
+	},
+	easeInBounce: (x) => 1 - easings.easeOutBounce(1 - x),
+	easeOutBounce: (x) => {
+		const n1 = 7.5625
+		const d1 = 2.75
+		if (x < 1 / d1) {
+			return n1 * x * x
+		} else if (x < 2 / d1) {
+			return n1 * (x -= 1.5 / d1) * x + 0.75
+		} else if (x < 2.5 / d1) {
+			return n1 * (x -= 2.25 / d1) * x + 0.9375
+		} else {
+			return n1 * (x -= 2.625 / d1) * x + 0.984375
+		}
+	},
+	easeInOutBounce: (x) => {
+		return x < 0.5
+			? (1 - easings.easeOutBounce(1 - 2 * x)) / 2
+			: (1 + easings.easeOutBounce(2 * x - 1)) / 2
+	},
+}
+
+export default easings

package/src/gamepad.json

@@ -0,0 +1,111 @@
+{
+	"Joy-Con L+R (STANDARD GAMEPAD Vendor: 057e Product: 200e)": {
+		"buttons": {
+			"0": "south",
+			"1": "east",
+			"2": "west",
+			"3": "north",
+			"4": "lshoulder",
+			"5": "rshoulder",
+			"6": "ltrigger",
+			"7": "rtrigger",
+			"8": "select",
+			"9": "start",
+			"10": "lstick",
+			"11": "rstick",
+			"12": "dpad-up",
+			"13": "dpad-down",
+			"14": "dpad-left",
+			"15": "dpad-right",
+			"16": "home",
+			"17": "capture"
+		},
+		"sticks": {
+			"left": { "x": 0, "y": 1 },
+			"right": { "x": 2, "y": 3 }
+		}
+	},
+	"Joy-Con (L) (STANDARD GAMEPAD Vendor: 057e Product: 2006)": {
+		"buttons": {
+			"0": "south",
+			"1": "east",
+			"2": "west",
+			"3": "north",
+			"4": "lshoulder",
+			"5": "rshoulder",
+			"9": "select",
+			"10": "lstick",
+			"16": "start"
+		},
+		"sticks": {
+			"left": { "x": 0, "y": 1 }
+		}
+	},
+	"Joy-Con (R) (STANDARD GAMEPAD Vendor: 057e Product: 2007)": {
+		"buttons": {
+			"0": "south",
+			"1": "east",
+			"2": "west",
+			"3": "north",
+			"4": "lshoulder",
+			"5": "rshoulder",
+			"9": "start",
+			"10": "lstick",
+			"16": "select"
+		},
+		"sticks": {
+			"left": { "x": 0, "y": 1 }
+		}
+	},
+	"Pro Controller (STANDARD GAMEPAD Vendor: 057e Product: 2009)": {
+		"buttons": {
+			"0": "south",
+			"1": "east",
+			"2": "west",
+			"3": "north",
+			"4": "lshoulder",
+			"5": "rshoulder",
+			"6": "ltrigger",
+			"7": "rtrigger",
+			"8": "select",
+			"9": "start",
+			"10": "lstick",
+			"11": "rstick",
+			"12": "dpad-up",
+			"13": "dpad-down",
+			"14": "dpad-left",
+			"15": "dpad-right",
+			"16": "home",
+			"17": "capture"
+		},
+		"sticks": {
+			"left": { "x": 0, "y": 1 },
+			"right": { "x": 2, "y": 3 }
+		}
+	},
+	"default": {
+		"buttons": {
+			"0": "south",
+			"1": "east",
+			"2": "west",
+			"3": "north",
+			"4": "lshoulder",
+			"5": "rshoulder",
+			"6": "ltrigger",
+			"7": "rtrigger",
+			"8": "select",
+			"9": "start",
+			"10": "lstick",
+			"11": "rstick",
+			"12": "dpad-up",
+			"13": "dpad-down",
+			"14": "dpad-left",
+			"15": "dpad-right",
+			"16": "home"
+		},
+		"sticks": {
+			"left": { "x": 0, "y": 1 },
+			"right": { "x": 2, "y": 3 }
+		}
+	}
+}