├── .browserslistrc
├── postcss.config.js
├── babel.config.js
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── assets
    │   └── logo.png
    ├── pages
    │   ├── shims-vue.d.ts
    │   ├── NNN
    │   │   ├── main.ts
    │   │   └── App.vue
    │   ├── Game
    │   │   ├── main.ts
    │   │   └── App.vue
    │   ├── Home
    │   │   ├── main.ts
    │   │   └── App.vue
    │   └── shims-tsx.d.ts
    └── components
    │   ├── ProfileMenu.vue
    │   ├── NumberDisplay.vue
    │   ├── LineChart.vue
    │   └── HelloWorld.vue
├── .gitignore
├── README.md
├── .eslintrc.js
├── .github
    └── workflows
    │   └── deploy.yml
├── vue.config.js
├── tsconfig.json
├── package.json
└── LICENSE


/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     autoprefixer: {}
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yourWaifu/you-are-crazy-rich-game/master/public/favicon.ico


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yourWaifu/you-are-crazy-rich-game/master/src/assets/logo.png


--------------------------------------------------------------------------------
/src/pages/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.vue' {
2 |   import Vue from 'vue'
3 |   export default Vue
4 | }
5 | 


--------------------------------------------------------------------------------
/src/pages/NNN/main.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | 
4 | Vue.config.productionTip = false
5 | 
6 | new Vue({
7 |   render: h => h(App),
8 | }).$mount('#app')


--------------------------------------------------------------------------------
/src/pages/Game/main.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | 
4 | Vue.config.productionTip = false
5 | 
6 | new Vue({
7 |   render: h => h(App),
8 | }).$mount('#app')
9 | 


--------------------------------------------------------------------------------
/src/pages/Home/main.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | 
4 | Vue.config.productionTip = false
5 | 
6 | new Vue({
7 |   render: h => h(App),
8 | }).$mount('#app')
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/src/components/ProfileMenu.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div class="list-profiles">
 3 | 		<div id="profile">
 4 | 			<div>Bill gates image here</div>
 5 | 			<h3>Bill Gate</h3>
 6 | 		</div>
 7 | 	</div>
 8 | </template>
 9 | 
10 | <script lang="ts">
11 | import { Component, Vue } from 'vue-property-decorator';
12 | 
13 | </script>
14 | 
15 | <style>
16 | </style>


--------------------------------------------------------------------------------
/src/pages/shims-tsx.d.ts:
--------------------------------------------------------------------------------
 1 | import Vue, { VNode } from 'vue'
 2 | 
 3 | declare global {
 4 |   namespace JSX {
 5 |     // tslint:disable no-empty-interface
 6 |     interface Element extends VNode {}
 7 |     // tslint:disable no-empty-interface
 8 |     interface ElementClass extends Vue {}
 9 |     interface IntrinsicElements {
10 |       [elem: string]: any
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/src/components/NumberDisplay.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<span class="number-display">
 3 | 		{{value}}
 4 | 	</span>
 5 | </template>
 6 | 
 7 | <script lang="ts">
 8 | import { Component, Prop, Vue } from 'vue-property-decorator';
 9 | 
10 | @Component
11 | export default class NumberDisplay extends Vue {
12 | 	@Prop() private value!: string;
13 | }
14 | </script>
15 | 
16 | <style scoped>
17 | span {
18 | 	font-family: monospace;
19 | }
20 | </style>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # you-are-crazy-rich-game
 2 | 
 3 | ## Project setup
 4 | ```
 5 | npm install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | npm run serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | npm run build
16 | ```
17 | 
18 | ### Lints and fixes files
19 | ```
20 | npm run lint
21 | ```
22 | 
23 | ### Customize configuration
24 | See [Configuration Reference](https://cli.vuejs.org/config/).
25 | 


--------------------------------------------------------------------------------
/src/components/LineChart.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts">
 2 | import { Component, Prop, Vue, Mixins } from 'vue-property-decorator';
 3 | import { Line, mixins } from 'vue-chartjs';
 4 | import { Chart, ChartData, ChartOptions } from 'chart.js';
 5 | 
 6 | @Component
 7 | export default class LineChart extends Mixins(Line, mixins.reactiveProp) {
 8 | 	@Prop() options?: ChartOptions;
 9 | 	mounted() {
10 | 		this.renderChart(this.chartData, this.options);
11 | 	}
12 | }
13 | </script>


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true
 5 |   },
 6 |   'extends': [
 7 |     'plugin:vue/essential',
 8 |     'eslint:recommended',
 9 |     '@vue/typescript'
10 |   ],
11 |   rules: {
12 |     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
13 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
14 |   },
15 |   parserOptions: {
16 |     parser: '@typescript-eslint/parser'
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>you-are-crazy-rich-game</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but you-are-crazy-rich-game doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/.github/workflows/deploy.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | 
 3 | on: [push]
 4 | 
 5 | jobs:
 6 |   build:
 7 | 
 8 |     runs-on: ubuntu-latest
 9 | 
10 |     steps:
11 |     - name: Checkout
12 |       uses: actions/checkout@v1
13 |     - name: npm packages
14 |       run: npm install
15 |     - name: Build
16 |       run: npm run build
17 |     - name: Deploy to GitHub Pages
18 |       uses: JamesIves/github-pages-deploy-action@3.0.4
19 |       with:
20 |         ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
21 |         BASE_BRANCH: master # The branch the action should deploy from.
22 |         BRANCH: gh-pages # The branch the action should deploy to.
23 |         FOLDER: 'dist' # The folder the action should deploy.
24 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	publicPath: "./",
 3 | 	pages: {
 4 | 		'index': {
 5 | 			entry: './src/pages/Home/main.ts',
 6 | 			template: 'public/index.html',
 7 | 			title: 'Home',
 8 | 			chunks: [ 'chunk-vendors', 'chunk-common', 'index' ]
 9 | 		},
10 | 		'nnn': {
11 | 			entry: './src/pages/NNN/main.ts',
12 | 			template: 'public/index.html',
13 | 			title: 'NNN',
14 | 			chunks: [ 'chunk-vendors', 'chunk-common', 'nnn' ]
15 | 		},
16 | 		'game': {
17 | 			entry: './src/pages/Game/main.ts',
18 | 			template: 'public/index.html',
19 | 			title: 'Game',
20 | 			chunks: [ 'chunk-vendors', 'chunk-common', 'game' ]
21 | 		}
22 | 	},
23 | 	devServer: {
24 | 		watchOptions: {
25 | 			poll: true
26 | 		}
27 | 	},
28 | 	chainWebpack: config => config.optimization.minimize(false)
29 | }


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "module": "esnext",
 5 |     "strict": true,
 6 |     "jsx": "preserve",
 7 |     "importHelpers": true,
 8 |     "moduleResolution": "node",
 9 |     "experimentalDecorators": true,
10 |     "esModuleInterop": true,
11 |     "allowSyntheticDefaultImports": true,
12 |     "sourceMap": true,
13 |     "baseUrl": ".",
14 |     "types": [
15 |       "webpack-env"
16 |     ],
17 |     "paths": {
18 |       "@/*": [
19 |         "src/*"
20 |       ]
21 |     },
22 |     "lib": [
23 |       "esnext",
24 |       "dom",
25 |       "dom.iterable",
26 |       "scripthost"
27 |     ]
28 |   },
29 |   "include": [
30 |     "src/**/*.ts",
31 |     "src/**/*.tsx",
32 |     "src/**/*.vue",
33 |     "tests/**/*.ts",
34 |     "tests/**/*.tsx"
35 |   ],
36 |   "exclude": [
37 |     "node_modules"
38 |   ]
39 | }
40 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "you-are-crazy-rich-game",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "@types/chart.js": "^2.9.4",
12 |     "chart.js": "^2.9.3",
13 |     "core-js": "^3.3.2",
14 |     "vue": "^2.6.10",
15 |     "vue-chartjs": "^3.5.0",
16 |     "vue-class-component": "^7.0.2",
17 |     "vue-property-decorator": "^8.3.0"
18 |   },
19 |   "devDependencies": {
20 |     "@vue/cli-plugin-babel": "^4.0.0",
21 |     "@vue/cli-plugin-eslint": "^4.0.0",
22 |     "@vue/cli-plugin-typescript": "^4.0.0",
23 |     "@vue/cli-service": "^4.0.0",
24 |     "@vue/eslint-config-typescript": "^4.0.0",
25 |     "eslint": "^5.16.0",
26 |     "eslint-plugin-vue": "^5.0.0",
27 |     "typescript": "~3.5.3",
28 |     "vue-template-compiler": "^2.6.10"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 Sleepy Flower Girl
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/pages/NNN/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <h1>No Nut November Sim</h1>
 4 |     <h4>{{ message }}</h4>
 5 | 	<button v-on:click="onNut();">NUT</button>
 6 | 	<p>Nut count: {{ nutCount }}</p>
 7 | 	<p>Time til December: {{ timeLeft }}</p>
 8 |   </div>
 9 | </template>
10 | 
11 | <script lang="ts">
12 | import { Component, Vue } from 'vue-property-decorator';
13 | 
14 | @Component({
15 |   components: {
16 |   },
17 | })
18 | export default class App extends Vue {
19 | 	nutCount: number = 100;
20 | 	clock: number = 0;
21 | 	timeLeft: number = 2629746;
22 | 	nutGenRatePreSec: number = 1;
23 | 	nutAmmountShotPercentage: number = 0.50;
24 | 	hasFailed: boolean = false;
25 | 	message: string = "Don't nut for one month";
26 | 	onNut(): void {
27 | 		this.nutCount = Math.floor(this.nutCount * this.nutAmmountShotPercentage);
28 | 		this.hasFailed = true;
29 | 		this.message = "You've failed NNN";
30 | 	}
31 | 	onTick() : void {
32 | 		this.nutCount += 1;
33 | 		if (!this.hasFailed)
34 | 			this.timeLeft -= this.nutGenRatePreSec;
35 | 		if (this.timeLeft <= 0)
36 | 			this.message = "You've completed NNN!"
37 | 	}
38 | 	created() : void {
39 | 		this.clock = setInterval(this.onTick, 1000);
40 | 	}
41 | }
42 | </script>


--------------------------------------------------------------------------------
/src/pages/Home/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <h1>You are CRazY Rich!!</h1>
 4 |     <h4>Spend all your money!</h4>
 5 |     <form action="game.html">
 6 |       <input type="submit" value="PLAy noW" />
 7 |     </form>
 8 |     <a href="nnn.html">Play prototype</a> &#009;
 9 |     <a href="https://github.com/yourWaifu/you-are-crazy-rich-game">View on GitHub</a> &#009;
10 |     <a href="https://github.com/sponsors/yourWaifu">Sponsor</a> &#009;
11 |     <br>
12 |     This is just a school project to show off what I can do.
13 |     <h2>About</h2>
14 |     After spending lots of your money, you've destroyed some other's county's economy and now they are after you. You only have a month to spend all your money somehow.
15 |   </div>
16 | </template>
17 | 
18 | <script lang="ts">
19 | import { Component, Vue } from 'vue-property-decorator';
20 | import HelloWorld from './../../components/HelloWorld.vue';
21 | 
22 | @Component({
23 |   components: {
24 |     HelloWorld,
25 |   },
26 | })
27 | export default class App extends Vue {}
28 | </script>
29 | 
30 | <style>
31 | #app {
32 |   font-family: 'Avenir', Helvetica, Arial, sans-serif;
33 |   -webkit-font-smoothing: antialiased;
34 |   -moz-osx-font-smoothing: grayscale;
35 |   text-align: center;
36 |   color: #2c3e50;
37 |   margin-top: 60px;
38 | }
39 | </style>
40 | 


--------------------------------------------------------------------------------
/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="hello">
 3 |     <h1>{{ msg }}</h1>
 4 |     <p>
 5 |       For a guide and recipes on how to configure / customize this project,<br>
 6 |       check out the
 7 |       <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 8 |     </p>
 9 |     <h3>Installed CLI Plugins</h3>
10 |     <ul>
11 |       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
12 |       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
13 |       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
14 |     </ul>
15 |     <h3>Essential Links</h3>
16 |     <ul>
17 |       <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
18 |       <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
19 |       <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
20 |       <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
21 |       <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
22 |     </ul>
23 |     <h3>Ecosystem</h3>
24 |     <ul>
25 |       <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
26 |       <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
27 |       <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
28 |       <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
29 |       <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
30 |     </ul>
31 |   </div>
32 | </template>
33 | 
34 | <script lang="ts">
35 | import { Component, Prop, Vue } from 'vue-property-decorator';
36 | 
37 | @Component
38 | export default class HelloWorld extends Vue {
39 |   @Prop() private msg!: string;
40 | }
41 | </script>
42 | 
43 | <!-- Add "scoped" attribute to limit CSS to this component only -->
44 | <style scoped>
45 | h3 {
46 |   margin: 40px 0 0;
47 | }
48 | ul {
49 |   list-style-type: none;
50 |   padding: 0;
51 | }
52 | li {
53 |   display: inline-block;
54 |   margin: 0 10px;
55 | }
56 | a {
57 |   color: #42b983;
58 | }
59 | </style>
60 | 


--------------------------------------------------------------------------------
/src/pages/Game/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 | 	<h4>{{ message }}</h4>
  4 | 	<p>Money per second:<NumberDisplay :value=moneyGenRatePreSec></NumberDisplay>{{ currency }}</p>
  5 | 	<p>Money count:<NumberDisplay :value=moneyCountDisplay></NumberDisplay>{{ currency }}</p>
  6 | 	<LineChart v-if="loaded" :chart-data="moneyChartData" :options="moneyChartOptions" v-on:chart:update="onChartUpdated();"></LineChart>
  7 | 	<p>Time Left:<NumberDisplay :value=timeLeftDisplay></NumberDisplay>seconds</p>
  8 | 	<button v-on:click="onDonate();">Donate {{ donationPower }} {{ currency }}</button>
  9 | 	<!--Buildings-->
 10 | 	<br>
 11 | 	<p>Upgrades</p>
 12 | 	<button 
 13 | 		v-for="(upgrade, index) in upgradesShop"
 14 | 		v-on:click="buyUpgrade(index)"
 15 | 		:key="upgrade.name"
 16 | 	>
 17 | 		{{upgrade.name}} +{{formatNumberToSI(upgrade.profit)}}{{currency}}
 18 | 	</button>
 19 | 	<p>Actions</p>
 20 | 	<span 
 21 | 		v-for="(action, index) in availableActions"
 22 | 		v-on:click="doAction(index)"
 23 | 		:key="'action' + action.id"
 24 | 	>
 25 | 		<button>{{action.name}} +{{formatNumberToSI(action.profit, (value) => value.toFixed(2))}}{{currency}}</button>{{action.count}}
 26 | 	</span>
 27 |   </div>
 28 | </template>
 29 | 
 30 | <script lang="ts">
 31 | import { Component, Vue } from 'vue-property-decorator';
 32 | import NumberDisplay from './../../components/NumberDisplay.vue';
 33 | import LineChart from "./../../components/LineChart.vue";
 34 | 
 35 | function lerp(oldValue: number, newValue: number, progress: number): number {
 36 | 	let delta: number = newValue - oldValue;
 37 | 	//predictedDelta is a perdiction of the different between the final ouput and old value  
 38 | 	//assuming both old value and new value are from a linear equation like the one below
 39 | 	//the plus 1 is to combat the output being a bit outdated by predicting it.
 40 | 	let predictedDelta: number = (1 + progress) * delta;
 41 | 	return oldValue + predictedDelta;
 42 | }
 43 | 
 44 | /*
 45 | class ReferenceableNumber {
 46 | 	value : number;
 47 | }
 48 | 
 49 | class NumberDisplay {
 50 | 	oldNumber: number;
 51 | 
 52 | }
 53 | */
 54 | 
 55 | enum ActionID {
 56 | 	AutoDonator,
 57 | 	Stocks,
 58 | 	CheaperPrime,
 59 | 	CheaperItems,
 60 | 	LessEmployees,
 61 | 	SellWarehouse,
 62 | 	CheaperAWS,
 63 | 	SlowerAmazonWebsite,
 64 | 	ShutdownAmazon,
 65 | 	LastActionID//needed to know how many ActionIDs there are
 66 | }
 67 | 
 68 | class ActionStats {
 69 | 	readonly id: ActionID;
 70 | 	name: string;
 71 | 	readonly maxCount: number;
 72 | 	moneyLossPerSecond: number;
 73 | 	profit: number;
 74 | 
 75 | 	count: number = 0;
 76 | 
 77 | 	constructor(id: ActionID, _name: string, _maxCount: number, _moneyLossPerSecond: number, _profit: number) {
 78 | 		this.id = id;
 79 | 		this.name = _name;
 80 | 		this.maxCount = _maxCount;
 81 | 		this.moneyLossPerSecond = _moneyLossPerSecond;
 82 | 		this.profit = _profit;
 83 | 	}
 84 | }
 85 | 
 86 | class UpgradeStats {
 87 | 	name: string;
 88 | 	profit: number;
 89 | 	canStart: (game: App) => boolean;
 90 | 	doUpgrade: (game: App) => void;
 91 | 	constructor(_name: string, _profit: number, _canStart: (game: App) => boolean, _doUpgrade: (game: App) => void) {
 92 | 		this.name = _name;
 93 | 		this.profit = _profit;
 94 | 		this.canStart = _canStart;
 95 | 		this.doUpgrade = _doUpgrade;
 96 | 	}
 97 | }
 98 | 
 99 | interface MetricPrefix {
100 | 	symbol: string;
101 | 	base10: number;
102 | }
103 | 
104 | @Component({
105 |   components: {
106 | 	NumberDisplay,
107 | 	LineChart
108 |   },
109 | })
110 | export default class App extends Vue {
111 | 	moneyCount: number = 112000000000;
112 | 	clock: number = 0;
113 | 	readonly baseTimeLeft: number = 2629746
114 | 	timeLeft: number = this.baseTimeLeft;
115 | 	time: number = 0;
116 | 	readonly baseMoneyGenRatePreSec: number = 3000;
117 | 	moneyGenRatePreSec: number = this.baseMoneyGenRatePreSec;
118 | 	moneyCountOnTrade: number = 0;
119 | 	moneyGainedSinceTrade: number = 0;
120 | 
121 | 	baseDonationPower: number = 2;
122 | 	donationPower: number = this.baseDonationPower;
123 | 
124 | 	hasFailed: boolean = false;
125 | 	hasWon: boolean = false;
126 | 
127 | 	message: string = "Spend all your money";
128 | 
129 | 	readonly tickRate: number = 2;
130 | 	targetTickTime: number = 1000 /*number of milliseconds in a sec*/ / this.tickRate;
131 | 	currency: string = "\u{1f48e}";
132 | 
133 | 	actions: Array<ActionStats> = [
134 | 		new ActionStats(ActionID.AutoDonator  , "Make an Auto Donator"        , 999999, 2/3600, 10           ),
135 | 		new ActionStats(ActionID.Stocks       , "Sell a stock"                , 999999, 1/36  , 1000         ),
136 | 		new ActionStats(ActionID.CheaperPrime , "Make Amazon prime cheaper"   , 120   , 100/3 , 10000000     ),
137 | 		new ActionStats(ActionID.CheaperItems , "Make items on Amazon cheaper", 999999, 1/3   , 10000000     ),
138 | 		new ActionStats(ActionID.LessEmployees, "Fire an emoployee"           , 566000, 100/36, 1000000      ),
139 | 		new ActionStats(ActionID.SellWarehouse, "Sell a warehouse"            , 75    , 100   , 1000000000   ),
140 | 		new ActionStats(ActionID.CheaperAWS   , "Lower AWS price"             , 999999, 50    , 1000000000000),
141 | 		new ActionStats(ActionID.SlowerAmazonWebsite, "Throw away some Amazon servers", 999999, 100, 3000000000000),
142 | 		new ActionStats(ActionID.ShutdownAmazon, "Enter the Amazon Shutdown Code", 1, 21000, 0)
143 | 	];
144 | 
145 | 	availableActions: Array<ActionStats> = [];
146 | 
147 | 	//upgrades
148 | 	upgradesShop: Array<UpgradeStats> = [];
149 | 
150 | 	upgrades: Array<UpgradeStats> = [
151 | 		new UpgradeStats(
152 | 			"Being a teir 2 donator",
153 | 			500000,
154 | 			(game: App): boolean => {
155 | 				return 10 <= game.actions[ActionID.AutoDonator].count;
156 | 			},
157 | 			(game: App): void => {
158 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 8;
159 | 				game.donationPower = 16;
160 | 			}
161 | 		),
162 | 		new UpgradeStats(
163 | 			"Being a teir 3 donator",
164 | 			1000000,
165 | 			(game: App): boolean => {
166 | 				return 20 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 16;
167 | 			},
168 | 			(game: App): void => {
169 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 8;
170 | 				game.donationPower = 128;
171 | 			}
172 | 		),
173 | 		new UpgradeStats(
174 | 			"Being a teir 4 donator",
175 | 			2000000,
176 | 			(game: App): boolean => {
177 | 				return 40 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 128;
178 | 			},
179 | 			(game: App): void => {
180 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 4;
181 | 				game.donationPower = 1024;
182 | 			}
183 | 		),
184 | 		new UpgradeStats(
185 | 			"Being a teir 5 donator",
186 | 			4000000,
187 | 			(game: App): boolean => {
188 | 				return 80 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 1024;
189 | 			},
190 | 			(game: App): void => {
191 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 4;
192 | 				game.donationPower = 8192;
193 | 			}
194 | 		),
195 | 		new UpgradeStats(
196 | 			"Being a teir 6 donator",
197 | 			8000000,
198 | 			(game: App): boolean => {
199 | 				return 160 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 8192;
200 | 			},
201 | 			(game: App): void => {
202 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 4;
203 | 				game.donationPower = 65536;
204 | 			}
205 | 		),
206 | 		new UpgradeStats(
207 | 			"Being a teir 7 donator",
208 | 			16000000,
209 | 			(game: App): boolean => {
210 | 				return 320 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 65536;
211 | 			},
212 | 			(game: App): void => {
213 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 2;
214 | 				game.donationPower = 524288;
215 | 			}
216 | 		),
217 | 		new UpgradeStats(
218 | 			"Being a teir 7 donator",
219 | 			16000000,
220 | 			(game: App): boolean => {
221 | 				return 640 <= game.actions[ActionID.AutoDonator].count && game.donationPower == 524288;
222 | 			},
223 | 			(game: App): void => {
224 | 				game.actions[ActionID.AutoDonator].moneyLossPerSecond *= 2;
225 | 				game.donationPower = 524288;
226 | 			}
227 | 		),
228 | 		new UpgradeStats(
229 | 			"Start selling Stocks",
230 | 			1000000,
231 | 			(game: App): boolean => {
232 | 				return 50 <= game.actions[ActionID.AutoDonator].count;
233 | 			},
234 | 			(game: App): void => {
235 | 				game.availableActions.push(this.actions[ActionID.Stocks]);
236 | 			}
237 | 		),
238 | 		new UpgradeStats(
239 | 			"Invest in WeWork",
240 | 			5000000,
241 | 			(game: App): boolean => {
242 | 				return 10 <= game.actions[ActionID.Stocks].count;
243 | 			},
244 | 			(game: App): void => {
245 | 				game.actions[ActionID.Stocks].moneyLossPerSecond *= 2;
246 | 			}
247 | 		),
248 | 		new UpgradeStats(
249 | 			"Invest in Kmart",
250 | 			10000000,
251 | 			(game: App): boolean => {
252 | 				return 100 <= game.actions[ActionID.Stocks].count;
253 | 			},
254 | 			(game: App): void => {
255 | 				game.actions[ActionID.Stocks].moneyLossPerSecond *= 2;
256 | 			}
257 | 		),
258 | 		new UpgradeStats(
259 | 			"Invest in Blockbuster",
260 | 			50000000,
261 | 			(game: App): boolean => {
262 | 				return 200 <= game.actions[ActionID.Stocks].count;
263 | 			},
264 | 			(game: App): void => {
265 | 				game.actions[ActionID.Stocks].moneyLossPerSecond *= 2;
266 | 			}
267 | 		),
268 | 		new UpgradeStats(
269 | 			"Invest in Forever 21",
270 | 			100000000,
271 | 			(game: App): boolean => {
272 | 				return 400 <= game.actions[ActionID.Stocks].count;
273 | 			},
274 | 			(game: App): void => {
275 | 				game.actions[ActionID.Stocks].moneyLossPerSecond *= 2;
276 | 			}
277 | 		),
278 | 		new UpgradeStats(
279 | 			"Invest in Sears",
280 | 			500000000,
281 | 			(game: App): boolean => {
282 | 				return 800 <= game.actions[ActionID.Stocks].count;
283 | 			},
284 | 			(game: App): void => {
285 | 				game.actions[ActionID.Stocks].moneyLossPerSecond *= 2;
286 | 			}
287 | 		),
288 | 		new UpgradeStats(
289 | 			"Start making prime cheaper",
290 | 			10000000,
291 | 			(game: App): boolean => {
292 | 				return game.moneyGenRatePreSec <= 2985;
293 | 			},
294 | 			(game: App): void => {
295 | 				game.availableActions.push(this.actions[ActionID.CheaperPrime]);
296 | 			}
297 | 		),
298 | 		new UpgradeStats(
299 | 			"Prime is half off",
300 | 			50000000,
301 | 			(game: App): boolean => {
302 | 				return 60 <= game.actions[ActionID.CheaperPrime].count;
303 | 			},
304 | 			(game: App): void => {
305 | 				game.actions[ActionID.CheaperPrime].moneyLossPerSecond *= 2;
306 | 			}
307 | 		),
308 | 		new UpgradeStats(
309 | 			"Prime is free for everyone!",
310 | 			0,
311 | 			(game: App): boolean => {
312 | 				return game.actions[ActionID.CheaperPrime].maxCount <= game.actions[ActionID.CheaperPrime].count;
313 | 			},
314 | 			(game: App): void => {
315 | 				game.actions[ActionID.CheaperPrime].moneyLossPerSecond *= 2;
316 | 				//remove from UI
317 | 				let index: number = game.availableActions.indexOf(game.actions[ActionID.CheaperPrime]);
318 | 				if (index < -1) {
319 | 					window.console.error("Can't make remove Prime from avaiable actions")
320 | 					return;
321 | 				}
322 | 				game.availableActions.splice(index, 1);
323 | 			}
324 | 		),
325 | 		new UpgradeStats(
326 | 			"Start making items cheaper on amazon",
327 | 			100000000,
328 | 			(game: App): boolean => {
329 | 				return game.moneyGenRatePreSec <= -13500;
330 | 			},
331 | 			(game: App): void => {
332 | 				game.availableActions.push(this.actions[ActionID.CheaperItems]);
333 | 			}
334 | 		),
335 | 		new UpgradeStats(
336 | 			"Start firing employees",
337 | 			1000000,
338 | 			(game: App): boolean => {
339 | 				return game.moneyGenRatePreSec <= -4050;
340 | 			},
341 | 			(game: App): void => {
342 | 				game.availableActions.push(this.actions[ActionID.LessEmployees]);
343 | 			}
344 | 		),
345 | 		new UpgradeStats(
346 | 			"Start selling warehouses",
347 | 			1000000000,
348 | 			(game: App): boolean => {
349 | 				return game.moneyGenRatePreSec <= -13327;
350 | 			},
351 | 			(game: App): void => {
352 | 				game.availableActions.push(this.actions[ActionID.SellWarehouse]);
353 | 			}
354 | 		),
355 | 		new UpgradeStats(
356 | 			"Sell all warehouses",
357 | 			0,
358 | 			(game: App): boolean => {
359 | 				return game.actions[ActionID.SellWarehouse].maxCount <= game.actions[ActionID.SellWarehouse].count;
360 | 			},
361 | 			(game: App): void => {
362 | 				game.availableActions.push(this.actions[ActionID.SellWarehouse]);
363 | 				//remove from UI, for some reason just using filter doesn't work
364 | 				game.availableActions = game.availableActions.filter(item => item != game.actions[ActionID.SellWarehouse]);
365 | 			}
366 | 		),
367 | 		new UpgradeStats(
368 | 			"Start lowering the price of AWS",
369 | 			10000000000,
370 | 			(game: App): boolean => {
371 | 				return game.moneyGenRatePreSec <= -21000;
372 | 			},
373 | 			(game: App): void => {
374 | 				game.availableActions.push(this.actions[ActionID.CheaperAWS]);
375 | 			}
376 | 		),
377 | 		new UpgradeStats(
378 | 			"Start thowing away Amazon's server",
379 | 			50000000000,
380 | 			(game: App): boolean => {
381 | 				return game.moneyGenRatePreSec <= -26000;
382 | 			},
383 | 			(game: App): void => {
384 | 				game.availableActions.push(this.actions[ActionID.SlowerAmazonWebsite]);
385 | 			}
386 | 		),
387 | 		new UpgradeStats(
388 | 			"Shutdown the Amazon company",
389 | 			500000000000,
390 | 			(game: App): boolean => {
391 | 				return game.moneyGenRatePreSec <= -42125;
392 | 			},
393 | 			(game: App): void => {
394 | 				game.availableActions.push(this.actions[ActionID.ShutdownAmazon]);
395 | 			}
396 | 		),
397 | 	];
398 | 
399 | 	//variables used for rendering or UI
400 | 	sIPrefixes : readonly MetricPrefix[] = [
401 | 		{symbol: "Z", base10: 1e21}, //use this as max
402 | 		{symbol: "E", base10: 1e18},
403 | 		{symbol: "P", base10: 1e15},
404 | 		{symbol: "T", base10: 1e12},
405 | 		{symbol: "G", base10: 1e9 },
406 | 		{symbol: "M", base10: 1e6 },
407 | 		{symbol: "k", base10: 1e3 },
408 | 	];
409 | 
410 | 	formatNumberToSI(num:number, callback: (num:number) => string = (num)=>String(num)): string {
411 | 		if (this.sIPrefixes[0].base10 <= num) //special case
412 | 			return callback(num);
413 | 		for (let i = 1; i < (this.sIPrefixes.length); i++) {
414 | 			if (this.sIPrefixes[i].base10 <= num) {
415 | 				return callback(num / this.sIPrefixes[i].base10) + this.sIPrefixes[i].symbol;
416 | 			}
417 | 		}
418 | 		return callback(num);
419 | 	}
420 | 
421 | 	lastTickTimestamp: DOMHighResTimeStamp = 0;
422 | 	oldMoneyCount: number = this.moneyCount; //used for interploation
423 | 	moneyCountDisplay: string = String(this.moneyCount);
424 | 	oldTimeLeft: number = this.timeLeft;
425 | 	timeLeftDisplay: string = String(this.timeLeft);
426 | 
427 | 	//chart UI
428 | 	moneyChartData : Chart.ChartData = {
429 | 		datasets: [{
430 | 			label: 'Money Count',
431 | 			data: [{x: this.time, y: this.moneyCount}]
432 | 		}]
433 | 	}
434 | 	moneyChartOptions : Chart.ChartOptions = {
435 | 		responsive: true,
436 | 		animation: {
437 | 			duration: 0
438 | 		},
439 | 		scales: {
440 | 			xAxes: [{
441 | 				type: "linear",
442 | 				display: true,
443 | 				scaleLabel: {
444 | 					display: true,
445 | 					labelString: "Time"
446 | 				}
447 | 			}],
448 | 			yAxes: [{
449 | 				display: true,
450 | 				scaleLabel: {
451 | 					display: true
452 | 				},
453 | 				ticks: {
454 | 					callback: (value: number) => this.formatNumberToSI(value)
455 | 				}
456 | 			}]
457 | 		},
458 | 		tooltips: {
459 | 			enabled: true
460 | 		},
461 | 		elements: {
462 | 			point: {
463 | 				backgroundColor: "000000"
464 | 			},
465 | 			line: {
466 | 				tension: 0
467 | 			}
468 | 		},
469 | 		maintainAspectRatio: false
470 | 	};
471 | 	loaded: boolean = false;
472 | 	chartRendered: boolean = true;
473 | 
474 | 	onDonate(): void {
475 | 		this.moneyCount -= this.donationPower;
476 | 	}
477 | 	updateMoneyPerSec() : void {
478 | 		this.moneyGenRatePreSec = this.baseMoneyGenRatePreSec;
479 | 		this.actions.forEach((action: ActionStats) => {
480 | 			this.moneyGenRatePreSec -= (action.count * action.moneyLossPerSecond);
481 | 		});
482 | 	}
483 | 	trade(profit: number): void {
484 | 		this.moneyCountOnTrade = this.moneyCount;
485 | 		this.moneyCount += profit;
486 | 	}
487 | 	doAction(index: number) : void {
488 | 		let action: ActionStats = this.availableActions[index];
489 | 		if(action.maxCount <= action.count) {
490 | 			action.count = action.maxCount;
491 | 			return;
492 | 		}
493 | 		action.count += 1;
494 | 		this.trade(action.profit);
495 | 		action.profit *= 1.05;
496 | 		this.updateMoneyPerSec();
497 | 	}
498 | 	buyUpgrade(index: number): void {
499 | 		let upgrade: UpgradeStats = this.upgradesShop[index];
500 | 		upgrade.doUpgrade(this);
501 | 		this.trade(upgrade.profit);
502 | 		this.updateMoneyPerSec();
503 | 		this.upgradesShop.splice(index, 1);
504 | 	}
505 | 	onChartUpdated() : void {
506 | 		this.chartRendered = true;
507 | 	}
508 | 	onTick() : void {
509 | 		//get delta time
510 | 		let currentTimestamp = performance.now();
511 | 		let deltaTime = (currentTimestamp - this.lastTickTimestamp) / 1000 /*milliseconds in a second*/;
512 | 
513 | 		//remember values from last tick
514 | 		this.oldMoneyCount = this.moneyCount;
515 | 		this.oldTimeLeft = this.timeLeft;
516 | 
517 | 		//update game data
518 | 		this.time += 1 * deltaTime;
519 | 		this.moneyCount += this.moneyGenRatePreSec * deltaTime;
520 | 		if (this.moneyGenRatePreSec <= 0 && this.moneyCount <= 0) {
521 | 			this.hasWon = true;
522 | 			this.message = "You've spent all your money!"
523 | 		}
524 | 		if (!this.hasFailed && !this.hasWon)
525 | 			this.timeLeft = this.baseTimeLeft - this.time;
526 | 
527 | 		this.upgrades.forEach((upgrade:UpgradeStats, index:number): void => {
528 | 			if (upgrade.canStart(this)) {
529 | 				this.upgradesShop.push(upgrade);
530 | 				this.upgrades.splice(index, 1);
531 | 			}
532 | 		})
533 | 
534 | 		//update UI related values
535 | 		if(
536 | 			this.chartRendered
537 | 			&& this.moneyChartData.datasets != undefined
538 | 			&& this.moneyChartData.datasets[0].data != undefined
539 | 		) {
540 | 			let data: Chart.ChartPoint[] = this.moneyChartData.datasets[0].data as Chart.ChartPoint[];
541 | 			//remove data that is too old
542 | 			data = data.filter((value, index) => {
543 | 				return value.x !== undefined ?
544 | 					(this.time - (60 * 2)) < value.x ?
545 | 						(this.time - (60 * 1.5)) < value.x ?
546 | 							(this.time - (60)) < value.x ?
547 | 								true
548 | 							: Math.floor(value.x as number) % 3
549 | 						: Math.floor(value.x as number) % 2
550 | 					: false
551 | 				: false;
552 | 			});
553 | 			//add new data
554 | 			data.push({x: this.time, y: this.moneyCount});
555 | 			//set the data
556 | 			this.moneyChartData = {
557 | 				datasets: [{
558 | 					label: 'Money Count',
559 | 					fill: false,
560 | 					data: data
561 | 				}]
562 | 			};
563 | 		}
564 | 		
565 | 		this.lastTickTimestamp = performance.now(); //needed for interpolation
566 | 	}
567 | 	onFrame(timestamp: DOMHighResTimeStamp) : void {
568 | 		let timeDelta: number = timestamp - this.lastTickTimestamp;
569 | 		let progressTilNextTick: number = timeDelta / this.targetTickTime;
570 | 		this.moneyCountDisplay = lerp(this.oldMoneyCount, this.moneyCount, progressTilNextTick).toFixed(2);
571 | 		this.timeLeftDisplay = lerp(this.oldTimeLeft, this.timeLeft, progressTilNextTick).toFixed(3);
572 | 		window.requestAnimationFrame(this.onFrame);
573 | 	}
574 | 	mounted(): void {
575 | 		//to do add chart
576 | 	}
577 | 	created() : void {
578 | 		//start actions list
579 | 		this.availableActions.push(this.actions[ActionID.AutoDonator]);
580 | 
581 | 		this.onTick(); //setInterval doesn't call onTick right away
582 | 		this.clock = setInterval(this.onTick, this.targetTickTime);
583 | 		window.requestAnimationFrame(this.onFrame);
584 | 		this.loaded = true;
585 | 	}
586 | }
587 | </script>


--------------------------------------------------------------------------------