Barf up a mini-"framework" to get started
This is kinda junky and only really useful for this game lol
This commit is contained in:
RedEnchilada
parent
c0385dbe96
commit
73514e1eaf
13 changed files with 402 additions and 1 deletions
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -1,2 +1,4 @@
|
|||
/index.html
|
||||
/tmpfile
|
||||
/tmpfile
|
||||
/assets/sprites.json
|
||||
/assets/sprites.png
|
||||
226
assets/sprites.tps
Normal file
226
assets/sprites.tps
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<data version="1.0">
|
||||
<struct type="Settings">
|
||||
<key>fileFormatVersion</key>
|
||||
<int>4</int>
|
||||
<key>texturePackerVersion</key>
|
||||
<string>4.2.1</string>
|
||||
<key>fileName</key>
|
||||
<string>M:/adventurejam2016/assets/sprites.tps</string>
|
||||
<key>autoSDSettings</key>
|
||||
<array>
|
||||
<struct type="AutoSDSettings">
|
||||
<key>scale</key>
|
||||
<double>1</double>
|
||||
<key>extension</key>
|
||||
<string></string>
|
||||
<key>spriteFilter</key>
|
||||
<string></string>
|
||||
<key>acceptFractionalValues</key>
|
||||
<false/>
|
||||
<key>maxTextureSize</key>
|
||||
<QSize>
|
||||
<key>width</key>
|
||||
<int>-1</int>
|
||||
<key>height</key>
|
||||
<int>-1</int>
|
||||
</QSize>
|
||||
</struct>
|
||||
</array>
|
||||
<key>allowRotation</key>
|
||||
<true/>
|
||||
<key>shapeDebug</key>
|
||||
<false/>
|
||||
<key>dpi</key>
|
||||
<uint>72</uint>
|
||||
<key>dataFormat</key>
|
||||
<string>json</string>
|
||||
<key>textureFileName</key>
|
||||
<filename></filename>
|
||||
<key>flipPVR</key>
|
||||
<false/>
|
||||
<key>pvrCompressionQuality</key>
|
||||
<enum type="SettingsBase::PvrCompressionQuality">PVR_QUALITY_NORMAL</enum>
|
||||
<key>atfCompressData</key>
|
||||
<false/>
|
||||
<key>mipMapMinSize</key>
|
||||
<uint>32768</uint>
|
||||
<key>etc1CompressionQuality</key>
|
||||
<enum type="SettingsBase::Etc1CompressionQuality">ETC1_QUALITY_LOW_PERCEPTUAL</enum>
|
||||
<key>dxtCompressionMode</key>
|
||||
<enum type="SettingsBase::DxtCompressionMode">DXT_PERCEPTUAL</enum>
|
||||
<key>jxrColorFormat</key>
|
||||
<enum type="SettingsBase::JpegXrColorMode">JXR_YUV444</enum>
|
||||
<key>jxrTrimFlexBits</key>
|
||||
<uint>0</uint>
|
||||
<key>jxrCompressionLevel</key>
|
||||
<uint>0</uint>
|
||||
<key>ditherType</key>
|
||||
<enum type="SettingsBase::DitherType">NearestNeighbour</enum>
|
||||
<key>backgroundColor</key>
|
||||
<uint>0</uint>
|
||||
<key>libGdx</key>
|
||||
<struct type="LibGDX">
|
||||
<key>filtering</key>
|
||||
<struct type="LibGDXFiltering">
|
||||
<key>x</key>
|
||||
<enum type="LibGDXFiltering::Filtering">Linear</enum>
|
||||
<key>y</key>
|
||||
<enum type="LibGDXFiltering::Filtering">Linear</enum>
|
||||
</struct>
|
||||
</struct>
|
||||
<key>shapePadding</key>
|
||||
<uint>2</uint>
|
||||
<key>jpgQuality</key>
|
||||
<uint>80</uint>
|
||||
<key>pngOptimizationLevel</key>
|
||||
<uint>0</uint>
|
||||
<key>webpQualityLevel</key>
|
||||
<uint>101</uint>
|
||||
<key>textureSubPath</key>
|
||||
<string></string>
|
||||
<key>textureFormat</key>
|
||||
<enum type="SettingsBase::TextureFormat">png</enum>
|
||||
<key>borderPadding</key>
|
||||
<uint>0</uint>
|
||||
<key>maxTextureSize</key>
|
||||
<QSize>
|
||||
<key>width</key>
|
||||
<int>2048</int>
|
||||
<key>height</key>
|
||||
<int>2048</int>
|
||||
</QSize>
|
||||
<key>fixedTextureSize</key>
|
||||
<QSize>
|
||||
<key>width</key>
|
||||
<int>-1</int>
|
||||
<key>height</key>
|
||||
<int>-1</int>
|
||||
</QSize>
|
||||
<key>algorithmSettings</key>
|
||||
<struct type="AlgorithmSettings">
|
||||
<key>algorithm</key>
|
||||
<enum type="AlgorithmSettings::AlgorithmId">Basic</enum>
|
||||
<key>freeSizeMode</key>
|
||||
<enum type="AlgorithmSettings::AlgorithmFreeSizeMode">Best</enum>
|
||||
<key>sizeConstraints</key>
|
||||
<enum type="AlgorithmSettings::SizeConstraints">AnySize</enum>
|
||||
<key>forceSquared</key>
|
||||
<false/>
|
||||
<key>maxRects</key>
|
||||
<struct type="AlgorithmMaxRectsSettings">
|
||||
<key>heuristic</key>
|
||||
<enum type="AlgorithmMaxRectsSettings::Heuristic">Best</enum>
|
||||
</struct>
|
||||
<key>basic</key>
|
||||
<struct type="AlgorithmBasicSettings">
|
||||
<key>sortBy</key>
|
||||
<enum type="AlgorithmBasicSettings::SortBy">Best</enum>
|
||||
<key>order</key>
|
||||
<enum type="AlgorithmBasicSettings::Order">Ascending</enum>
|
||||
</struct>
|
||||
</struct>
|
||||
<key>andEngine</key>
|
||||
<struct type="AndEngine">
|
||||
<key>minFilter</key>
|
||||
<enum type="AndEngine::MinFilter">Linear</enum>
|
||||
<key>packageName</key>
|
||||
<string>Texture</string>
|
||||
<key>wrap</key>
|
||||
<struct type="AndEngineWrap">
|
||||
<key>s</key>
|
||||
<enum type="AndEngineWrap::Wrap">Clamp</enum>
|
||||
<key>t</key>
|
||||
<enum type="AndEngineWrap::Wrap">Clamp</enum>
|
||||
</struct>
|
||||
<key>magFilter</key>
|
||||
<enum type="AndEngine::MagFilter">MagLinear</enum>
|
||||
</struct>
|
||||
<key>dataFileNames</key>
|
||||
<map type="GFileNameMap">
|
||||
<key>data</key>
|
||||
<struct type="DataFile">
|
||||
<key>name</key>
|
||||
<filename>sprites.json</filename>
|
||||
</struct>
|
||||
</map>
|
||||
<key>multiPack</key>
|
||||
<false/>
|
||||
<key>forceIdenticalLayout</key>
|
||||
<false/>
|
||||
<key>outputFormat</key>
|
||||
<enum type="SettingsBase::OutputFormat">RGBA8888</enum>
|
||||
<key>alphaHandling</key>
|
||||
<enum type="SettingsBase::AlphaHandling">ClearTransparentPixels</enum>
|
||||
<key>contentProtection</key>
|
||||
<struct type="ContentProtection">
|
||||
<key>key</key>
|
||||
<string></string>
|
||||
</struct>
|
||||
<key>autoAliasEnabled</key>
|
||||
<false/>
|
||||
<key>trimSpriteNames</key>
|
||||
<true/>
|
||||
<key>prependSmartFolderName</key>
|
||||
<false/>
|
||||
<key>globalSpriteSettings</key>
|
||||
<struct type="SpriteSettings">
|
||||
<key>scale</key>
|
||||
<double>1</double>
|
||||
<key>scaleMode</key>
|
||||
<enum type="ScaleMode">Smooth</enum>
|
||||
<key>extrude</key>
|
||||
<uint>0</uint>
|
||||
<key>trimThreshold</key>
|
||||
<uint>1</uint>
|
||||
<key>trimMargin</key>
|
||||
<uint>1</uint>
|
||||
<key>trimMode</key>
|
||||
<enum type="SpriteSettings::TrimMode">None</enum>
|
||||
<key>tracerTolerance</key>
|
||||
<int>200</int>
|
||||
<key>heuristicMask</key>
|
||||
<false/>
|
||||
<key>defaultPivotPoint</key>
|
||||
<point_f>0.5,0.5</point_f>
|
||||
<key>writePivotPoints</key>
|
||||
<false/>
|
||||
</struct>
|
||||
<key>individualSpriteSettings</key>
|
||||
<map type="IndividualSpriteSettingsMap">
|
||||
<key type="filename">sprites/dolphin1.png</key>
|
||||
<key type="filename">sprites/dolphin2.png</key>
|
||||
<key type="filename">sprites/dolphin3.png</key>
|
||||
<key type="filename">sprites/dolphin4.png</key>
|
||||
<key type="filename">sprites/dolphin5.png</key>
|
||||
<struct type="IndividualSpriteSettings">
|
||||
<key>pivotPoint</key>
|
||||
<point_f>0.5,0.5</point_f>
|
||||
</struct>
|
||||
</map>
|
||||
<key>fileList</key>
|
||||
<array>
|
||||
<filename>sprites</filename>
|
||||
</array>
|
||||
<key>ignoreFileList</key>
|
||||
<array/>
|
||||
<key>replaceList</key>
|
||||
<array/>
|
||||
<key>ignoredWarnings</key>
|
||||
<array/>
|
||||
<key>commonDivisorX</key>
|
||||
<uint>1</uint>
|
||||
<key>commonDivisorY</key>
|
||||
<uint>1</uint>
|
||||
<key>packNormalMaps</key>
|
||||
<false/>
|
||||
<key>autodetectNormalMaps</key>
|
||||
<true/>
|
||||
<key>normalMapFilter</key>
|
||||
<string></string>
|
||||
<key>normalMapSuffix</key>
|
||||
<string></string>
|
||||
<key>normalMapSheetFileName</key>
|
||||
<filename></filename>
|
||||
</struct>
|
||||
</data>
|
||||
BIN
assets/sprites/dolphin.xcf
Normal file
BIN
assets/sprites/dolphin.xcf
Normal file
Binary file not shown.
BIN
assets/sprites/dolphin1.png
Normal file
BIN
assets/sprites/dolphin1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 514 B |
BIN
assets/sprites/dolphin2.png
Normal file
BIN
assets/sprites/dolphin2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 503 B |
BIN
assets/sprites/dolphin3.png
Normal file
BIN
assets/sprites/dolphin3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 491 B |
BIN
assets/sprites/dolphin4.png
Normal file
BIN
assets/sprites/dolphin4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 503 B |
BIN
assets/sprites/dolphin5.png
Normal file
BIN
assets/sprites/dolphin5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 500 B |
5
init.js
Normal file
5
init.js
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
document.addEventListener('DOMContentLoaded', function() {
|
||||
Game.init(function() {
|
||||
Game.setScene(Level());
|
||||
});
|
||||
});
|
||||
43
level/Level.js
Normal file
43
level/Level.js
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
Level = function() {
|
||||
var level = Scene();
|
||||
|
||||
// A set of 512x512 blocks that objects are contained in.
|
||||
// Blocks two grid spaces away (in a square, corners excluded) from the camera
|
||||
// are thunk and rendered in a frame.
|
||||
var objectGrid = {};
|
||||
|
||||
function getGridIndex(x, y) {
|
||||
return Math.floor(x/512) + Math.floor(y/512)*512;
|
||||
// If a map is bigger than 200k pixels one way then you have other problems.
|
||||
}
|
||||
|
||||
var sprite;
|
||||
level.init = function() {
|
||||
sprite = Renderer.animation([
|
||||
"dolphin3",
|
||||
"dolphin2",
|
||||
"dolphin1",
|
||||
"dolphin2",
|
||||
"dolphin3",
|
||||
"dolphin4",
|
||||
"dolphin5",
|
||||
"dolphin4"
|
||||
]).speed(20);
|
||||
sprite.position.set(200,200);
|
||||
level.addSprite(sprite);
|
||||
}
|
||||
|
||||
level.think = function() {
|
||||
sprite.x = Math.cos(level.ticCount/40)*100+250;
|
||||
}
|
||||
|
||||
level.show = function(frames) {
|
||||
|
||||
}
|
||||
|
||||
level.end = function() {
|
||||
|
||||
}
|
||||
|
||||
return level;
|
||||
}
|
||||
55
main/Game.js
Normal file
55
main/Game.js
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
Game = (function() {
|
||||
var Game = {};
|
||||
|
||||
var currentScene, incomingScene;
|
||||
|
||||
Game.init = function(callback) {
|
||||
Renderer.init(initScene);
|
||||
|
||||
function initScene() {
|
||||
// Run callback to set the inital scene.
|
||||
callback();
|
||||
currentScene = incomingScene;
|
||||
currentScene.init();
|
||||
|
||||
gameLoop();
|
||||
}
|
||||
}
|
||||
|
||||
Game.setScene = function(scene) {
|
||||
incomingScene = scene;
|
||||
}
|
||||
|
||||
var frameskipMonitor = 0;
|
||||
|
||||
function gameLoop() {
|
||||
requestAnimationFrame(gameLoop);
|
||||
|
||||
flipScenes();
|
||||
currentScene.ticCount++;
|
||||
currentScene.think();
|
||||
render();
|
||||
}
|
||||
|
||||
function flipScenes() {
|
||||
if (currentScene != incomingScene) {
|
||||
currentScene.end();
|
||||
incomingScene.init();
|
||||
currentScene = incomingScene;
|
||||
}
|
||||
}
|
||||
|
||||
function render() {
|
||||
frameskipMonitor++;
|
||||
if (frameskipMonitor >= Renderer.frameskip) {
|
||||
frameskipMonitor = 0;
|
||||
|
||||
currentScene.render(Renderer.frameskip);
|
||||
Renderer.show(currentScene.stage);
|
||||
} else {
|
||||
Renderer.skip();
|
||||
}
|
||||
}
|
||||
|
||||
return Game;
|
||||
})();
|
||||
42
main/Renderer.js
Normal file
42
main/Renderer.js
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
Renderer = (function() {
|
||||
var Renderer = {};
|
||||
|
||||
var renderer;
|
||||
|
||||
Renderer.init = function(next) {
|
||||
renderer = PIXI.autoDetectRenderer(500, 280, {
|
||||
antialias: false,
|
||||
transparent: false,
|
||||
resolution: 1
|
||||
});
|
||||
|
||||
document.body.appendChild(renderer.view);
|
||||
|
||||
PIXI.loader.add("assets/sprites.json").load(next);
|
||||
}
|
||||
|
||||
Renderer.sprite = function(name) {
|
||||
return new PIXI.Sprite(PIXI.utils.TextureCache[name]);
|
||||
}
|
||||
|
||||
Renderer.animation = function(sprites) {
|
||||
var anim = PIXI.extras.MovieClip.fromFrames(sprites);
|
||||
anim.play();
|
||||
anim.speed = function(speed) {
|
||||
anim.animationSpeed = speed/60;
|
||||
return anim;
|
||||
}
|
||||
return anim;
|
||||
}
|
||||
|
||||
Renderer.show = function(stage) {
|
||||
renderer.render(stage);
|
||||
}
|
||||
|
||||
Renderer.skip = function() {
|
||||
}
|
||||
|
||||
Renderer.frameskip = 1;
|
||||
|
||||
return Renderer;
|
||||
})();
|
||||
28
main/Scene.js
Normal file
28
main/Scene.js
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
Scene = function() {
|
||||
var scene = {};
|
||||
|
||||
scene.stage = new PIXI.ParticleContainer(512, {
|
||||
position: true,
|
||||
rotation: true,
|
||||
scale: true,
|
||||
alpha: true,
|
||||
uvs: true
|
||||
});
|
||||
|
||||
scene.ticCount = 0; // How many frames has this scene run?
|
||||
|
||||
// Base functions that a scene should overwrite.
|
||||
scene.init = function() {} // Run when the scene is switched to.
|
||||
scene.think = function() {} // Run once per thinker frame.
|
||||
scene.render = function(frames) {} // Run once per render frame before refresh and etc, for sprite positioning.
|
||||
scene.end = function() {} // Run when the scene is switched away from.
|
||||
|
||||
// Useful functions.
|
||||
|
||||
// Add a sprite or animation to this scene's stage.
|
||||
scene.addSprite = function(sprite) {
|
||||
scene.stage.addChild(sprite);
|
||||
}
|
||||
|
||||
return scene;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue