tangent128/base2020
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Render stub static scene

Browse source
This commit is contained in:
Tangent Wantwight 2020-02-16 00:01:30 -05:00
parent d321098555
commit bf26e85b49
4 changed files with 62 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
package-lock.json generated
View file

@ -1603,6 +1603,14 @@
"callbag": "^1.1.0"
}
},
"callbag-subscribe": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/callbag-subscribe/-/callbag-subscribe-1.5.1.tgz",
"integrity": "sha512-CRj2jKfcRvG8gap2ehsm/NxZVAjnwUApI+0ZY3bu6nyFfhhOzH+4RWpB/4RSJUZNN3ZILdSgAKQiUov/7ov9BQ==",
"requires": {
"callbag": "^1.2.0"
}
},
"caller-callsite": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",

3
package.json
View file

@ -20,6 +20,7 @@
"dependencies": {
"callbag": "^1.2.0",
"callbag-animation-frames": "^2.1.0",
"callbag-map": "^1.1.0"
"callbag-map": "^1.1.0",
"callbag-subscribe": "^1.5.1"
}
}

52
src/Game/Main.ts
View file

@ -1,2 +1,52 @@
import subscribe from "callbag-subscribe";
import { Game } from "../Applet/Init";
import { KeyControl, KeyName } from "../Applet/Keyboard";
import { DrawSet } from "../Applet/Render";
import { Location, Polygon, RenderBounds } from "../Ecs/Components";
import { Create } from "../Ecs/Data";
import {} from "../Ecs/Lockstep";
import {} from "./GameComponents";
import { RunRenderBounds } from "../Ecs/Renderers";
import { LockstepClient } from "../Net/LockstepClient";
import { Data, Engine } from "./GameComponents";
import { Buttons } from "./Input";
@Game("#GameCanvas")
export class Main extends LockstepClient<KeyName[], Data> {
buttons = new Buttons();
constructor(canvas: HTMLCanvasElement, cx: CanvasRenderingContext2D, keys: KeyControl) {
super(new Engine());
keys.setHandler(this.buttons);
subscribe((frame: Data) => {
const drawSet = new DrawSet();
RunRenderBounds(frame, drawSet);
drawSet.draw(cx, 0);
})(this.renderFrames);
}
gatherInput() {
return this.buttons.getPressed();
}
initState(patch: Partial<Data>) {
const newState = new Data();
Create(newState, {
location: new Location({
X: 200,
Y: 200,
VAngle: 0.02,
}),
bounds: new Polygon([-30, 0, 30, 0, 0, 40]),
renderBounds: new RenderBounds("#a0f", 0),
});
return newState;
}
}

2
src/index.html
View file

@ -4,7 +4,7 @@
<title></title>
<link rel="stylesheet" href="./index.scss" />
</head><body>
<canvas id="RenderTest" width="500" height="400"></canvas>
<canvas id="GameCanvas" width="500" height="400"></canvas>
<canvas id="RenderTest" width="500" height="400"></canvas>
<script src="./index.ts"></script>
</body></html>