github/flutter
7
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2025-06-03 00:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sky example game enhancements, adds preloading of images and adds transform modes to SpriteBox

Browse Source 
R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/1149183004
This commit is contained in:
Viktor Lidholt 2015-06-03 15:05:55 -07:00
parent 686123e117
commit 006da931cf
5 changed files with 94 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
examples/game/lib/game_world.dart
View File

@ -6,28 +6,22 @@ class GameWorld extends TransformNode {
List<Body> bodies = []; List<Body> bodies = [];
Image _image; Image _image;
GameWorld(double width, double height) { GameWorld(ImageMap images) {
this.width = width; this.width = 1024.0;
this.height = height; this.height = 1024.0;
world = new World.withGravity(new Vector2(0.0, 0.0)); world = new World.withGravity(new Vector2(0.0, 0.0));
// Load and add background // Load and add background
Image imgBg = new Image()..src="https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/resources-auto/BurnTexture.png"; Image imgBg = images["https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/resources-auto/BurnTexture.png"];
SpriteNode sprtBg = new SpriteNode.withImage(imgBg); SpriteNode sprtBg = new SpriteNode.withImage(imgBg);
sprtBg.width = width; sprtBg.width = width;
sprtBg.height = height; sprtBg.height = height;
sprtBg.pivot = new Vector2(0.0, 0.0); sprtBg.pivot = new Vector2(0.0, 0.0);
this.children.add(sprtBg); this.children.add(sprtBg);
SpriteNode sprtCenter = new SpriteNode.withImage(imgBg);
sprtCenter.width = 32.0;
sprtCenter.height = 32.0;
sprtCenter.position = new Vector2(512.0, 512.0);
this.children.add(sprtCenter);
// Load asteroid image // Load asteroid image
_image = new Image()..src="https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/Sprites/resources-auto/asteroid_big_002.png"; _image = images["https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/Sprites/resources-auto/asteroid_big_002.png"];
// Add some asteroids to the game world // Add some asteroids to the game world
for (int i = 0; i < 50; i++) { for (int i = 0; i < 50; i++) {

37
examples/game/lib/image_map.dart Normal file
View File

@ -0,0 +1,37 @@
part of sprites;
typedef void ImageMapCallback(ImageMap preloader);
class ImageMap {
Map<String, Image> _images;
int _totalNumImages = 0;
int _numLoadedImages = 0;
ImageMapCallback _callback;
ImageMap(List<String> urls, ImageMapCallback this._callback) {
_images = new Map();
_totalNumImages = urls.length;
urls.forEach(_addURL);
}
void _addURL(String url) {
image_cache.load(url, (Image image) {
// Store reference to image
_images[url] = image;
// Check if all images are loaded
_numLoadedImages++;
if (_numLoadedImages==_totalNumImages) {
// Everything loaded, make callback
_callback(this);
}
});
}
Image getImage(String url) => _images[url];
Image operator [](String url) => _images[url];
}

46
examples/game/lib/sprite_box.dart
View File

@ -19,8 +19,8 @@ class SpriteBox extends RenderBox {
int _numFrames = 0; int _numFrames = 0;
SpriteBoxTransformMode transformMode; SpriteBoxTransformMode transformMode;
double systemWidth; double _systemWidth;
double systemHeight; double _systemHeight;
SpriteBox(TransformNode rootNode, [SpriteBoxTransformMode mode = SpriteBoxTransformMode.nativePoints, double width=1024.0, double height=1024.0]) { SpriteBox(TransformNode rootNode, [SpriteBoxTransformMode mode = SpriteBoxTransformMode.nativePoints, double width=1024.0, double height=1024.0]) {
// Setup root node // Setup root node
@ -28,12 +28,15 @@ class SpriteBox extends RenderBox {
// Setup transform mode // Setup transform mode
transformMode = mode; transformMode = mode;
systemWidth = width; _systemWidth = width;
systemHeight = height; _systemHeight = height;
_scheduleTick(); _scheduleTick();
} }
double get systemWidth => _systemWidth;
double get systemHeight => _systemHeight;
void performLayout() { void performLayout() {
size = constraints.constrain(new Size.infinite()); size = constraints.constrain(new Size.infinite());
} }
@ -55,21 +58,44 @@ class SpriteBox extends RenderBox {
switch(transformMode) { switch(transformMode) {
case SpriteBoxTransformMode.stretch: case SpriteBoxTransformMode.stretch:
scaleX = size.width/systemWidth; scaleX = size.width/_systemWidth;
scaleY = size.height/systemHeight; scaleY = size.height/_systemHeight;
break; break;
case SpriteBoxTransformMode.letterbox: case SpriteBoxTransformMode.letterbox:
scaleX = size.width/systemWidth; scaleX = size.width/_systemWidth;
scaleY = size.height/systemHeight; scaleY = size.height/_systemHeight;
if (scaleX > scaleY) { if (scaleX > scaleY) {
scaleY = scaleX; scaleY = scaleX;
offsetY = (size.height - scaleY * systemHeight)/2.0; offsetY = (size.height - scaleY * _systemHeight)/2.0;
} }
else { else {
scaleX = scaleY; scaleX = scaleY;
offsetX = (size.width - scaleX * systemWidth)/2.0; offsetX = (size.width - scaleX * _systemWidth)/2.0;
} }
break; break;
case SpriteBoxTransformMode.scaleToFit:
scaleX = size.width/_systemWidth;
scaleY = size.height/_systemHeight;
if (scaleX < scaleY) {
scaleY = scaleX;
offsetY = (size.height - scaleY * _systemHeight)/2.0;
}
else {
scaleX = scaleY;
offsetX = (size.width - scaleX * _systemWidth)/2.0;
}
break;
case SpriteBoxTransformMode.fixedWidth:
scaleX = size.width/_systemWidth;
scaleY = scaleX;
_systemHeight = size.height/scaleX;
print("systemHeight: $_systemHeight");
break;
case SpriteBoxTransformMode.fixedHeight:
scaleY = size.height/_systemHeight;
scaleX = scaleY;
_systemWidth = size.width/scaleY;
break;
case SpriteBoxTransformMode.nativePoints: case SpriteBoxTransformMode.nativePoints:
break; break;
default: default:

6
examples/game/lib/sprites.dart
View File

@ -4,10 +4,12 @@ import 'dart:sky';
import 'dart:math' as Math; import 'dart:math' as Math;
import 'package:vector_math/vector_math_64.dart'; import 'package:vector_math/vector_math_64.dart';
import 'package:sky/framework/app.dart'; import 'package:sky/framework/app.dart';
import 'package:sky/framework/rendering/render_box.dart'; import 'package:sky/framework/rendering/box.dart';
import 'package:sky/framework/rendering/render_node.dart'; import 'package:sky/framework/rendering/node.dart';
import 'package:sky/framework/scheduler.dart' as scheduler; import 'package:sky/framework/scheduler.dart' as scheduler;
import 'package:sky/framework/net/image_cache.dart' as image_cache;
part 'sprite_box.dart'; part 'sprite_box.dart';
part 'transform_node.dart'; part 'transform_node.dart';
part 'sprite_node.dart'; part 'sprite_node.dart';
part 'image_map.dart';

13
examples/game/main.dart
View File

@ -6,6 +6,15 @@ import 'package:sky/framework/app.dart';
AppView app; AppView app;
void main() { void main() {
// Create a new app with the sprite box that contains our game world // Load images
app = new AppView(new SpriteBox(new GameWorld(1024.0, 1024.0),SpriteBoxTransformMode.letterbox)); new ImageMap([
"https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/resources-auto/BurnTexture.png",
"https://raw.githubusercontent.com/slembcke/GalacticGuardian.spritebuilder/GDC/Packages/SpriteBuilder%20Resources.sbpack/Sprites/resources-auto/asteroid_big_002.png",
],
allLoaded);
}
void allLoaded(ImageMap loader) {
// Create a new app with the sprite box that contains our game world
app = new AppView(new SpriteBox(new GameWorld(loader),SpriteBoxTransformMode.letterbox));
} }