2.2.1 Cycle 1 Setting Up

Design

For this cycle I want to get a repl with kaboom.js running and be able to render a simple sprite to get used to the environment I will be working in for the rest of this project. After I have set up the foundation I can work on my project online through replit.

Objectives

• Get a basic kaboom.js repl running

• Render a sprite

Usability Features

Colors will be contrasting allowing players to easily distinguish different features.

Key Variables

Variable Name	Use
height	height in pixels of the game to be rendered
width	width in pixels of the game to be rendered

Pseudocode

import "kaboom"

constant WIDTH = 1920
constant HEIGHT = 1080

kaboom(
    width = WIDTH
    height = HEIGHT    
)

loadBean()

add(bean)

Development

Outcome

The outcome of this cycle is a stage set for development with kaboom.js within replit.

import kaboom from "kaboom"
import "kaboom/global"

const WIDTH = 1920
const HEIGHT = 1080

kaboom({
  width: WIDTH,
  height: HEIGHT
})

loadBean()

add([
  sprite("bean")
])

Kaboom running in fullscreen

Challenges

The only challenge I encountered is the times for the kaboom project to load being very long. This fixed itself, however as leaving it for a minute results in the project working

Testing

Tests

Test	Instructions	What I expect	What actually happens	Pass/Fail
1	Run code	Kaboom should run	Kaboom ran normally	Pass

Evidence

Kaboom code in replit