experiments/browserloops-examples
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

dartfmt Project

Browse source
This commit is contained in:
Marty Oehme 2018-07-24 13:35:25 +02:00
parent ba76f934a8
commit 5c2efd2fd9
8 changed files with 31 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
lib/game/Game.dart
View file

@ -65,11 +65,11 @@ class Game {
// Slightly oscillating colors to highlight rendering updates // Slightly oscillating colors to highlight rendering updates
void _oscillate() { void _oscillate() {
if(_oscill >= 50.0 || _oscill <= -50.0) { if (_oscill >= 50.0 || _oscill <= -50.0) {
_oscillDir = !_oscillDir; _oscillDir = !_oscillDir;
_oscill = max( min(_oscill, 49.0), -49.0); _oscill = max(min(_oscill, 49.0), -49.0);
} } else
else _oscillDir == true ? _oscill += _OSCILLSPEED : _oscill -= _OSCILLSPEED; _oscillDir == true ? _oscill += _OSCILLSPEED : _oscill -= _OSCILLSPEED;
} }
Color _getOscillatedCol(Color col) { Color _getOscillatedCol(Color col) {

4
lib/game/LoopExample.dart
View file

@ -1,6 +1,6 @@
import 'package:browserloop/game/Game.dart'; import 'package:browserloop/game/Game.dart';
abstract class LoopExample{ abstract class LoopExample {
Game game; Game game;
void stop() {} void stop() {}
@ -9,4 +9,4 @@ abstract class LoopExample{
abstract class VariableUpdates { abstract class VariableUpdates {
double MS_PER_UPDATE = 300.0; double MS_PER_UPDATE = 300.0;
} }

13
lib/src/00-oldcode.dart
View file

@ -42,10 +42,10 @@ void _demoSetup() {
ctx.setFillColorRgb(rng.nextInt(255), rng.nextInt(255), rng.nextInt(255)); ctx.setFillColorRgb(rng.nextInt(255), rng.nextInt(255), rng.nextInt(255));
}; };
var _changeGrid = (int delta) { var _changeGrid = (int delta) {
_clear(); _clear();
int newgrid = GRIDNUM + delta; int newgrid = GRIDNUM + delta;
GRIDNUM = (newgrid == 0) ? GRIDNUM : newgrid; GRIDNUM = (newgrid == 0) ? GRIDNUM : newgrid;
_start(); _start();
}; };
_clear(); _clear();
@ -55,10 +55,7 @@ void _demoSetup() {
_start(); _start();
}); });
html.querySelector('#basic_stop').onClick.listen((e) => _stop()); html.querySelector('#basic_stop').onClick.listen((e) => _stop());
html html.querySelector('#basic_reset').onClick.listen((e) => _clear());
.querySelector('#basic_reset')
.onClick
.listen((e) => _clear());
html.querySelector('#basic_plus').onClick.listen((e) => _changeGrid(-5)); html.querySelector('#basic_plus').onClick.listen((e) => _changeGrid(-5));
html.querySelector('#basic_minus').onClick.listen((e) => _changeGrid(5)); html.querySelector('#basic_minus').onClick.listen((e) => _changeGrid(5));
} }

2
lib/src/02-AnimationFrameWhile.dart
View file

@ -27,4 +27,4 @@ class WhileLoop implements LoopExample {
void start() { void start() {
window.requestAnimationFrame(eventloop); window.requestAnimationFrame(eventloop);
} }
} }

2
lib/src/03-VariableTimestep.dart
View file

@ -34,4 +34,4 @@ class VariableTimestep implements LoopExample {
elapsed.reset(); elapsed.reset();
window.requestAnimationFrame(eventloop); window.requestAnimationFrame(eventloop);
} }
} }

3
lib/src/04-FixedLoopVariableRender.dart
View file

@ -23,7 +23,6 @@ class FixedLoopVariableRender implements LoopExample, VariableUpdates {
} }
render(lag / MS_PER_UPDATE); render(lag / MS_PER_UPDATE);
id = window.requestAnimationFrame(eventloop); id = window.requestAnimationFrame(eventloop);
} }
void update() { void update() {
@ -45,4 +44,4 @@ class FixedLoopVariableRender implements LoopExample, VariableUpdates {
elapsed.reset(); elapsed.reset();
window.requestAnimationFrame(eventloop); window.requestAnimationFrame(eventloop);
} }
} }

5
lib/src/05_DirtyFlagRendering.dart
View file

@ -22,9 +22,8 @@ class DirtyFlagRender implements LoopExample, VariableUpdates {
update(); update();
lag -= MS_PER_UPDATE; lag -= MS_PER_UPDATE;
} }
if(dirty) render(lag / MS_PER_UPDATE); if (dirty) render(lag / MS_PER_UPDATE);
id = window.requestAnimationFrame(eventloop); id = window.requestAnimationFrame(eventloop);
} }
void update() { void update() {
@ -51,4 +50,4 @@ class DirtyFlagRender implements LoopExample, VariableUpdates {
elapsed.reset(); elapsed.reset();
window.requestAnimationFrame(eventloop); window.requestAnimationFrame(eventloop);
} }
} }

24
web/main.dart
View file

@ -9,10 +9,14 @@ import 'package:browserloop/src/05_DirtyFlagRendering.dart';
CanvasElement baseCanvas = new CanvasElement(width: 480, height: 480); CanvasElement baseCanvas = new CanvasElement(width: 480, height: 480);
List<Example> examples = [ List<Example> examples = [
Example("While Loop Example", "#while_loop", new WhileLoop(new Game(baseCanvas))), Example(
Example("Variable Timestep", "#variable_timestep", new VariableTimestep(new Game(baseCanvas))), "While Loop Example", "#while_loop", new WhileLoop(new Game(baseCanvas))),
Example("Fixed Update, Variable Render", "#fixed_variable", new FixedLoopVariableRender(new Game(baseCanvas))), Example("Variable Timestep", "#variable_timestep",
Example("Variable Render with Dirty Flag", "#dirty_flag", new DirtyFlagRender(new Game(baseCanvas))) new VariableTimestep(new Game(baseCanvas))),
Example("Fixed Update, Variable Render", "#fixed_variable",
new FixedLoopVariableRender(new Game(baseCanvas))),
Example("Variable Render with Dirty Flag", "#dirty_flag",
new DirtyFlagRender(new Game(baseCanvas)))
]; ];
LoopExample active; LoopExample active;
@ -24,11 +28,12 @@ class Example {
Example(this.name, this.query, this.loop); Example(this.name, this.query, this.loop);
CanvasElement get canvas { CanvasElement get canvas {
if(loop != null) return loop.game.canvas; if (loop != null) return loop.game.canvas;
return new CanvasElement(width: 480, height: 480); return new CanvasElement(width: 480, height: 480);
} }
set canvas(CanvasElement canvas) { set canvas(CanvasElement canvas) {
if(loop != null) loop.game.canvas = canvas; if (loop != null) loop.game.canvas = canvas;
} }
} }
@ -144,9 +149,10 @@ void addControls(Example ex) {
..max = "50" ..max = "50"
..value = "3" ..value = "3"
..step = "1" ..step = "1"
..onInput.listen((Event e) { ..onInput.listen((Event e) {
loop.MS_PER_UPDATE = (1000 / int.parse((e.target as InputElement).value)); loop.MS_PER_UPDATE =
})); (1000 / int.parse((e.target as InputElement).value));
}));
// querySelector('#reset').onClick.listen((e) => ex.loop.game.reset()); // querySelector('#reset').onClick.listen((e) => ex.loop.game.reset());
// querySelector('#plus').onClick.listen((e) => _changeGrid(-5)); // querySelector('#plus').onClick.listen((e) => _changeGrid(-5));
// querySelector('#minus').onClick.listen((e) => _changeGrid(5)); // querySelector('#minus').onClick.listen((e) => _changeGrid(5));