# Build Guidelines

Create an HTML Phaser 3 video game. The game is Virtue Slots. It should play like a slot machine and win about every fifteen plays.

## Tools and Organization

- Phaser version 3 HTML game
- Use JavaScript
- Have JavaScript objects reference each other directly via IMPORT and EXPORT using ES6 standards
- Do **NOT** require a web packager.
- Create files and classes in a manner that allows future modifications and scaling at a modular level

## Basic Framework

- 1600 x 900 view
- Scale view to user's viewport.
- Use basic termporary vector graphics that can later be replaced by sprites

## Gameplay
- UI details
	- Slot machine should be in the middle of the screen, at the top should be three even sides boxes for "Your Funds", "The Lord" and "Sin".
		- The player starts with $1000. The Lord starts with $0. Sin starts with $0.
	- The bottom of the screen should have one wide box which will be used for messaging and the "spin" button.
- It should cost $50 to Spin the slot machine.
- The slot machine should have 10 different symbols. Each symbol should be a religious christian themed symbol of some sort. Include symbols like "baby jesus", "cross", "jesus on the cross", "crown of thorns", "halo", etc.
- When the player spins the slots show the symbols spinning and then individually resting on a symbol.
- When the symbols match, the player wins.
	- The amount of money the player wins should go up based on how holy the symbols that were matched are.
	- Show in the messaging area how much the player has won and then animate the following:
		- Split the money up 60% to the player and %40 in "Tithing" to The Lord.
		- The screen should brighten, and a holy animation should slowly lift up gold and money icons up to the player and the lords funds. Create something that looks like an angel rising to heaven, but with cash.
	- After the animation the message are should read "The Blessings of the Slots"
- When the symbols don't match, The player loses.
	- The money that was spent on the spin should be carried up to the "Sin" box and added to "Sin" by a devil.
	- The message box should read "Thou Hath Sinned." and another message should appear near the spin button that reads "Redeam Yourself!"
  
## Controls
- The mouse clicking the "Spin" button starts a spin, and so does the space bar.