img anim

docs/primum.md

@@ -0,0 +1,6 @@
+# Primum
+
+The core tenents of Primum are as follows. When choosing features for Primum, these are the guidelines we follow.
+- Gameplay first. Visuals are important but should be chosen to be more simple if it makes implementing gameplay more difficult.
+- Dynamic first. Video games are dynamic, so as much as possible should be dynamically generated. For example, signed distance fields for particle system collision will not be used, as it requires baking sometimes false geometry. We include midi playback, which can be changed in real time far easier than wavs or mp3s.
+- Marriage of code and editor. Neither completely replaces the other. What is easier to do in code should be done in code, and what should be done in editor should be done in editor. No solutions try to step on the toes of the other solution.

scripts/components.js

@@ -98,8 +98,10 @@ component.sprite.impl = {
       cmd(12,this.id,x,this.rect);
     }
     else {
-      this.rect = SpriteAnim.make(x).frames[0].rect;
-      cmd(12,this.id,x,this.rect);
+      this.anims = SpriteAnim.make(x);
+      var anim = this.anims[0];
+      this.rect = anim.frames[0].rect;
+      cmd(12,this.id,anim.path,this.rect);
     }
   },
   get path() {
@@ -108,17 +110,19 @@ component.sprite.impl = {
     return s;
   },
 
-  play() {
+  play(name) {
+    if (!this.anims) return;
+    if (this.cancel) this.cancel();
+    name ??= 0;
     var frame = 0;
-    var anim = SpriteAnim.make(this.path);
+    var anim = this.anims[name];
     var advance = function() {
       frame = (frame+1)%anim.frames.length;
       this.rect = anim.frames[frame].rect;
-      cmd(12,this.id,this.path,this.rect);
+      cmd(12,this.id,anim.path,this.rect);
       this.cancel = this.gameobject.delay(advance.bind(this), anim.frames[frame].time);
     }
     advance.call(this);
-    
   },
   
   stop() {
@@ -127,11 +131,11 @@ component.sprite.impl = {
     this.cancel = undefined;
   },
   setframe(f) {
+    if (!this.anims) return;
     this.stop();
-    var anim = SpriteAnim.make(this.path);
-    if (!anim) return;
+    var anim = this.anims[0];
     this.rect = anim.frames[f].rect;
-    cmd(12,this.id,this.path,this.rect);
+    cmd(12,this.id,anim.path,this.rect);
   },
     
   toString() { return "sprite"; },
@@ -153,7 +157,7 @@ component.sprite.impl = {
   get drawmode() { return cmd(220,this.id); },
   set drawmode(x) { cmd(219,this.id,x); },
   emissive(x) { cmd(170, this.id, x); },
-  sync() { this.path = this.path; },
+  sync() { },
   pickm() { return this; },
   move(d) { this.pos = this.pos.add(d); },
 
@@ -217,6 +221,8 @@ var SpriteAnim = {
   make(path) {
     if (path.ext() === 'gif')
       return SpriteAnim.gif(path);
+    else if (path.ext() === 'ase')
+      return SpriteAnim.aseprite(path);
     else
       return undefined;
   },
@@ -244,7 +250,7 @@ var SpriteAnim = {
     var dim = Resources.texture.dimensions(path);
     dim.y /= frames;
     anim.dim = dim;
-    return anim;
+    return {0:anim};
   },
 
   strip(path, frames, time=0.05) {
@@ -293,8 +299,12 @@ var SpriteAnim = {
     json = JSON.parse(json);
     var anims = {};
     var frames = Array.isArray(json.frames) ? json.frames : Object.values(json.frames);
-    for (var tag of json.meta.frameTags) 
+    var f = 0;
+    for (var tag of json.meta.frameTags) {
       anims[tag.name] = aseframeset2anim(frames.slice(tag.from, tag.to+1), json.meta);
+      anims[f] = anims[tag.name];
+      f++;
+    }
 
     return anims;
   },

scripts/std.js

@@ -26,6 +26,9 @@ Resources.is_sound = function(path) {
 Resources.is_animation = function(path)
 {
   if (path.ext() === 'gif' && Resources.gif.frames(path) > 1) return true;
+  if (path.ext() === 'ase') return true;
+  
+  return false;
 }
 
 Resources.texture = {};