gallery.ts

// screen for selecting from samples

namespace microcode {
    export class SamplesGallery extends CursorScene {
        sampleButtons: Button[]

        /* override */ shutdown() {
            super.shutdown()
        }

        /* override */ startup() {
            super.startup()

            let x = -72,
                y = -55
            this.sampleButtons = []
            let rowButtons: Button[] = []
            samples(true)
                .filter(sample => !!sample.icon)
                .forEach(sample => {
                    const btn = new Button({
                        parent: null,
                        style: ButtonStyles.Transparent,
                        icon: sample.icon,
                        ariaId: sample.ariaId,
                        x: x + 16,
                        y: y + 16,
                        onClick: () => {
                            reportEvent("samples.open", {
                                name: sample.label,
                            })
                            this.app.saveBuffer(SAVESLOT_AUTO, sample.source)
                            this.app.popScene()
                            this.app.pushScene(new Editor(this.app))
                        },
                    })
                    this.sampleButtons.push(btn)
                    rowButtons.push(btn)
                    x += 38
                    if (x + 32 > 75) {
                        this.navigator.addButtons(rowButtons)
                        rowButtons = []
                        y += 38
                        x = -72
                    }
                })
            if (rowButtons.length > 0) this.navigator.addButtons(rowButtons)
        }

        protected moveCursor(dir: CursorDir) {
            if (dir == CursorDir.Back) {
                // go back to home screen
                this.app.popScene()
                this.app.pushScene(new Home(this.app))
            } else {
                super.moveCursor(dir)
            }
        }
        /* override */ activate() {
            super.activate()
            this.color = 15
        }

        /* override */ draw() {
            Screen.fillRect(
                Screen.LEFT_EDGE,
                Screen.TOP_EDGE,
                Screen.WIDTH,
                Screen.HEIGHT,
                0xc
            )
            this.sampleButtons.forEach(s => s.draw())
            super.draw()
        }
    }
}