animation rotations

This commit is contained in:
Cameron Taylor 2021-04-14 11:31:52 -04:00
parent 4d42e839df
commit 06cbd2b73e
11 changed files with 49227 additions and 65 deletions

View File

@ -0,0 +1,107 @@
{
"AN": {
"N": "Week_7_cutscene_assets",
"STI": {
"SI": {
"SN": "CircleSymbol",
"IN": "",
"ST": "G",
"FF": 0,
"LP": "LP",
"TRP": {
"x": 112.2,
"y": 79.5
},
"M3D": [
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
140.8,
573.7,
0.0,
1.0
]
}
},
"SN": "CircleSymbol",
"TL": {
"L": [
{
"LN": "Layer_1",
"FR": [
{
"I": 0,
"DU": 4,
"E": [
{
"ASI": {
"N": "0000",
"M3D": [
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
0.0,
0.0,
1.0
]
}
}
]
},
{
"I": 4,
"DU": 1,
"E": [
{
"ASI": {
"N": "0001",
"M3D": [
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
9.0,
0.0,
1.0
]
}
}
]
}
]
}
]
}
},
"MD": {
"FRT": 24.0
}
}

View File

@ -0,0 +1,13 @@
{"ATLAS": {"SPRITES":[
{"SPRITE" : {"name": "0000","x":0,"y":0,"w":224,"h":159,"rotated": false}},
{"SPRITE" : {"name": "0001","x":228,"y":0,"w":143,"h":103,"rotated": false}}
]},
"meta": {
"app": "Adobe Animate",
"version": "21.0.0.35450",
"image": "spritemap1.png",
"format": "RGBA8888",
"size": {"w":371,"h":159},
"resolution": "1"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,36 @@
{"ATLAS": {"SPRITES":[
{"SPRITE" : {"name": "0000","x":781,"y":478,"w":88,"h":116,"rotated": false}},
{"SPRITE" : {"name": "0001","x":656,"y":478,"w":121,"h":131,"rotated": false}},
{"SPRITE" : {"name": "0002","x":0,"y":0,"w":377,"h":426,"rotated": false}},
{"SPRITE" : {"name": "0003","x":488,"y":478,"w":164,"h":163,"rotated": false}},
{"SPRITE" : {"name": "0004","x":873,"y":478,"w":88,"h":116,"rotated": false}},
{"SPRITE" : {"name": "0005","x":202,"y":430,"w":136,"h":200,"rotated": false}},
{"SPRITE" : {"name": "0006","x":342,"y":478,"w":142,"h":190,"rotated": false}},
{"SPRITE" : {"name": "0007","x":933,"y":348,"w":72,"h":43,"rotated": false}},
{"SPRITE" : {"name": "0008","x":658,"y":239,"w":271,"h":235,"rotated": false}},
{"SPRITE" : {"name": "0009","x":672,"y":0,"w":273,"h":235,"rotated": false}},
{"SPRITE" : {"name": "0010","x":381,"y":0,"w":287,"h":235,"rotated": false}},
{"SPRITE" : {"name": "0011","x":656,"y":613,"w":94,"h":42,"rotated": false}},
{"SPRITE" : {"name": "0012","x":888,"y":598,"w":94,"h":44,"rotated": false}},
{"SPRITE" : {"name": "0013","x":933,"y":298,"w":91,"h":46,"rotated": false}},
{"SPRITE" : {"name": "0014","x":949,"y":0,"w":61,"h":54,"rotated": false}},
{"SPRITE" : {"name": "0015","x":949,"y":106,"w":48,"h":46,"rotated": false}},
{"SPRITE" : {"name": "0016","x":111,"y":634,"w":88,"h":42,"rotated": false}},
{"SPRITE" : {"name": "0017","x":781,"y":598,"w":103,"h":42,"rotated": false}},
{"SPRITE" : {"name": "0018","x":0,"y":637,"w":94,"h":32,"rotated": false}},
{"SPRITE" : {"name": "0019","x":933,"y":239,"w":79,"h":55,"rotated": false}},
{"SPRITE" : {"name": "0020","x":203,"y":634,"w":88,"h":40,"rotated": false}},
{"SPRITE" : {"name": "0021","x":949,"y":58,"w":71,"h":44,"rotated": false}},
{"SPRITE" : {"name": "0022","x":0,"y":579,"w":107,"h":54,"rotated": false}},
{"SPRITE" : {"name": "0023","x":381,"y":239,"w":273,"h":235,"rotated": false}},
{"SPRITE" : {"name": "0024","x":0,"y":430,"w":198,"h":145,"rotated": false}}
]},
"meta": {
"app": "Adobe Animate",
"version": "21.0.0.35450",
"image": "spritemap1.png",
"format": "RGBA8888",
"size": {"w":1024,"h":676},
"resolution": "1"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

View File

@ -3,6 +3,7 @@ package;
import flixel.FlxG;
import flixel.graphics.FlxGraphic;
import flixel.graphics.frames.FlxAtlasFrames;
import flixel.math.FlxMath;
import flixel.math.FlxPoint;
import flixel.math.FlxRect;
import flixel.system.FlxAssets.FlxGraphicAsset;

View File

@ -1,8 +1,6 @@
package;
import animate.FlxAnimate;
import animateAtlasPlayer.assets.AssetManager;
import animateAtlasPlayer.core.Animation;
import flixel.FlxG;
import flixel.FlxSprite;
import flixel.FlxState;
@ -13,18 +11,10 @@ import flixel.text.FlxText;
import flixel.util.FlxColor;
import openfl.display.BitmapData;
// import animateAtlasPlayer.assets.AssetManager;
// import animateAtlasPlayer.core.Animation;
class CutsceneAnimTestState extends FlxState
{
var animShit:Array<String> = [
'GF STARTS TO TURN PART 1',
'GF STARTS TO TURN PART 2',
'PICO ARRIVES PART 1',
'PICO ARRIVES PART 2',
'PICO ARRIVES PART 2 POINT FIVE',
'PICO ARRIVES PART 3',
'Pico Dual Wield on Speaker'
];
var cutsceneGroup:CutsceneCharacter;
var curSelected:Int = 0;
@ -42,7 +32,7 @@ class CutsceneAnimTestState extends FlxState
debugTxt.color = FlxColor.BLUE;
add(debugTxt);
var animated:FlxAnimate = new FlxAnimate(10, 10);
var animated:FlxAnimate = new FlxAnimate(600, 200);
add(animated);
// createCutscene(0);

View File

@ -107,6 +107,8 @@ class TitleState extends MusicBeatState
#if FREEPLAY
FlxG.switchState(new FreeplayState());
#elseif ANIMATE
FlxG.switchState(new CutsceneAnimTestState());
#elseif CHARTING
FlxG.switchState(new ChartingState());
/*

View File

@ -1,7 +1,8 @@
package animate;
import animateAtlasPlayer.assets.AssetManager;
import animateAtlasPlayer.core.Animation;
// import animateAtlasPlayer.assets.AssetManager;
// import animateAtlasPlayer.core.Animation;
import animate.FlxSymbol.Parsed;
import flixel.FlxG;
import flixel.FlxSprite;
import flixel.graphics.FlxGraphic;
@ -11,75 +12,43 @@ import flixel.math.FlxRect;
import flixel.system.FlxAssets.FlxGraphicAsset;
import haxe.Json;
import openfl.Assets;
import openfl.display.Bitmap;
import openfl.display.BitmapData;
import openfl.geom.Point;
import openfl.geom.Rectangle;
class FlxAnimate extends FlxSprite
class FlxAnimate extends FlxSymbol
{
var myAnim:Animation;
var animBitmap:BitmapData;
// var myAnim:Animation;
// var animBitmap:BitmapData;
var loadedQueue:Bool = false;
var swagFrames:Array<BitmapData> = [];
public function new(x:Float, y:Float)
{
super(x, y);
var folder:String = 'tightBars';
coolParse = cast Json.parse(Assets.getText(Paths.file('images/' + folder + '/Animation.json')));
coolParse.AN.TL.L.reverse();
super(x, y, coolParse);
// get fromAnimate()
// get every symbol / piece needed
// animate them?
var swagAssets:AssetManager = new AssetManager();
swagAssets.enqueueSingle(Paths.file('images/picoShoot/spritemap1.png'));
swagAssets.enqueueSingle(Paths.file('images/picoShoot/spritemap1.json'));
swagAssets.enqueueSingle(Paths.file('images/picoShoot/Animation.json'));
swagAssets.loadQueue(function(assetMgr:AssetManager)
{
myAnim = assetMgr.createAnimation("Pico Saves them sequence");
myAnim.cacheAsBitmap = true;
myAnim.opaqueBackground = null;
// myAnim.root.x += 200;
// myAnim.root.y += 200;
// myAnim.x += 200;
// myAnim.y += 200;
var daAnim:BitmapData = new BitmapData(200, 200, true, 0x00000000);
daAnim.draw(myAnim);
animBitmap = new BitmapData(200, 200, true, 0x00000000);
animBitmap.draw(myAnim);
loadGraphic(animBitmap);
// framePixels = animBitmap;
loadedQueue = true;
});
frames = FlxAnimate.fromAnimate(Paths.file('images/' + folder + '/spritemap1.png'), Paths.file('images/' + folder + '/spritemap1.json'));
// frames
}
var pointZero:Point = new Point();
private var lastFrame:Int = 0;
override function draw()
{
super.draw();
if (loadedQueue)
{
if (lastFrame != myAnim.currentFrame)
{
lastFrame = myAnim.currentFrame;
// loadGraphic(animBitmap);
renderFrame(coolParse.AN.TL, coolParse, true);
}
animBitmap.draw(myAnim);
}
var curFrame:Int = 0;
// animBitmap.draw(myAnim);
}
// notes to self
// account for different layers
override function update(elapsed:Float)
{
super.update(elapsed);
}
// This stuff is u

283
source/animate/FlxSymbol.hx Normal file
View File

@ -0,0 +1,283 @@
package animate;
import flixel.FlxSprite;
import flixel.math.FlxAngle;
class FlxSymbol extends FlxSprite
{
public var coolParse:Parsed;
public var oldMatrix:Array<Float> = [];
public function new(x:Float, y:Float, coolParsed:Parsed)
{
super(x, y);
this.coolParse = coolParsed;
var hasSymbolDictionary:Bool = Reflect.hasField(coolParse, "SD");
if (hasSymbolDictionary)
symbolAtlasShit = parseSymbolDictionary(coolParse);
}
var symbolAtlasShit:Map<String, String> = new Map();
override function draw()
{
super.draw();
}
var swagX:Float = 0;
var swagY:Float = 0;
var symbolMap:Map<String, Animation> = new Map();
var drawQueue:Array<FlxSymbol> = [];
function renderFrame(TL:Timeline, coolParsed:Parsed, ?isMainLoop:Bool = false)
{
drawQueue = [];
for (layer in TL.L)
{
var frameInfo:Frame = layer.FR[0];
if (isMainLoop)
frameInfo = layer.FR[0];
// frameInfo.E.reverse();
for (element in frameInfo.E)
{
if (Reflect.hasField(element, 'ASI'))
{
var spr:FlxSymbol = new FlxSymbol(x + element.ASI.M3D[12], y + element.ASI.M3D[13], coolParsed);
if (oldMatrix != null)
{
// spr.x += oldMatrix[12];
// spr.y += oldMatrix[13];
}
// trace(element.ASI.M3D[12] + element.ASI.N);
spr.frames = frames;
// spr.animation.addByPrefix('swag',)
spr.frame = spr.frames.getByName(element.ASI.N);
// spr.flipX = true;
var m3d = element.ASI.M3D;
_matrix.identity();
_matrix.setTo(m3d[0], m3d[1], m3d[4], m3d[5], m3d[12], m3d[13]);
// spr.scale.x = m3d[0];
spr.scale.y = Math.sqrt(_matrix.c * _matrix.c + _matrix.d * _matrix.d);
spr.scale.x = Math.sqrt(_matrix.a * _matrix.a + _matrix.b * _matrix.b);
spr.origin.set();
spr.origin.x += origin.x;
spr.origin.y += origin.y;
spr.angle = FlxAngle.asDegrees(Math.atan2(m3d[1], m3d[0])) + angle;
spr.antialiasing = true;
// spr.scale.y = m3d[5];
// if (flipX || m3d[0] == -1)
// spr.flipX = true;
// _matrix.identity();
// _matrix.setTo(m3d[0], m3d[1], m3d[4], m3d[5], m3d[12], m3d[13]);
// spr.x = _matrix.tx + swagX;
// spr.y = _matrix.ty + swagY;
// spr._matrix.setTo(m3d[0], m3d[1], m3d[4], m3d[5], m3d[12], m3d[13]);
drawQueue.push(spr);
// spr.draw();
// swagX = 0;
}
else
{
var nestedSymbol = symbolMap.get(element.SI.SN);
// trace(element.SI.M3D[12]);
// swagX = x +;
// swagY =;
if (oldMatrix != null)
{
// x += oldMatrix[12];
// y += oldMatrix[13];
}
// if (symbolAtlasShit.exists(nestedSymbol.SN))
// {
// nestedShit.frames.getByName(symbolAtlasShit.get(nestedSymbol.SN));
// nestedShit.draw();
// }
// nestedSymbol
// if (element.SI.M3D[0] == -1 || flipX)
// nestedShit.flipX = true;
// nestedSymbol.TL.L.reverse();
_matrix.identity();
_matrix.setTo(element.SI.M3D[0], element.SI.M3D[1], element.SI.M3D[4], element.SI.M3D[5], element.SI.M3D[12], element.SI.M3D[13]);
// _matrix.scale(1, 1);
var nestedShit:FlxSymbol = new FlxSymbol(x + _matrix.tx, y + _matrix.ty, coolParse);
nestedShit.frames = frames;
nestedShit.scale.x = Math.sqrt(_matrix.a * _matrix.a + _matrix.b + _matrix.b);
nestedShit.scale.y = Math.sqrt(_matrix.a * _matrix.a + _matrix.b * _matrix.b);
nestedShit.origin.set(element.SI.TRP.x, element.SI.TRP.y);
nestedShit.angle = FlxAngle.asDegrees(Math.atan2(_matrix.b, _matrix.a));
// scale.y = Math.sqrt(_matrix.c * _matrix.c + _matrix.d * _matrix.d);
// scale.x = Math.sqrt(_matrix.a * _matrix.a + _matrix.b * _matrix.b);
// nestedShit.oldMatrix = element.SI.M3D;
nestedShit.renderFrame(nestedSymbol.TL, coolParsed);
// renderFrame(nestedSymbol.TL, coolParsed);
}
}
}
// drawQueue.reverse();
//
for (thing in drawQueue)
thing.draw();
}
function parseSymbolDictionary(coolParsed:Parsed):Map<String, String>
{
var awesomeMap:Map<String, String> = new Map();
for (symbol in coolParsed.SD.S)
{
symbolMap.set(symbol.SN, symbol);
var symbolName = symbol.SN;
for (layer in symbol.TL.L)
{
for (frame in layer.FR)
{
for (element in frame.E)
{
if (Reflect.hasField(element, 'ASI'))
{
awesomeMap.set(symbolName, element.ASI.N);
}
}
}
}
}
return awesomeMap;
}
}
// TYPEDEFS FOR ANIMATION.JSON PARSING
typedef Parsed =
{
var MD:Metadata;
var AN:Animation;
var SD:SymbolDictionary; // Doesn't always have symbol dictionary!!
}
typedef Metadata =
{
/** Framerate */
var FRT:Int;
}
/** Basically treated like one big symbol*/
typedef Animation =
{
/** symbolName */
var SN:String;
var TL:Timeline;
/** IDK what STI stands for, Symbole Type Instance?
Anyways, it is NOT used in SYMBOLS, only the main AN animation
*/
var STI:Dynamic;
}
/** DISCLAIMER, MAY NOT ACTUALLY BE CALLED
SYMBOL TYPE ISNTANCE, IM JUST MAKING ASSUMPTION!! */
typedef SymbolTypeInstance =
{
// var TL:Timeline;
// var SN:String;
}
typedef SymbolDictionary =
{
var S:Array<Animation>;
}
typedef Timeline =
{
/** Layers */
var L:Array<Layer>;
}
// Singular layer, not to be confused with LAYERS
typedef Layer =
{
var LN:String;
/** Frames */
var FR:Array<Frame>;
}
typedef Frame =
{
var I:Int;
/** Duration, in frames*/
var DU:Int;
/** Elements*/
var E:Array<Element>;
}
typedef Element =
{
var SI:SymbolInstance;
var ASI:AtlasSymbolInstance;
}
/**
Symbol instance, for SYMBOLS and refers to SYMBOLS
*/
typedef SymbolInstance =
{
var SN:String;
/** SymbolType (Graphic, Movieclip, Button)*/
var ST:String;
var TRP:TransformationPoint;
var M3D:Array<Float>;
}
typedef AtlasSymbolInstance =
{
var N:String;
var M3D:Array<Float>;
}
typedef TransformationPoint =
{
var x:Float;
var y:Float;
}