aseprite-atlas

<!doctype html> <html lang="en"> <head> <title>Code coverage report for animator/Animator.ts</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../prettify.css" /> <link rel="stylesheet" href="../base.css" /> <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type='text/css'> .coverage-summary .sorter { background-image: url(../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1><a href="../index.html">All files</a> / <a href="index.html">animator</a> Animator.ts</h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 94.12% Statements 16/17 </div> <div class='fl pad1y space-right2'> 75% Branches 3/4 </div> <div class='fl pad1y space-right2'> 100% Functions 6/6 </div> <div class='fl pad1y space-right2'> 100% Lines 16/16 </div> </div> Press n or j to go to the next uncovered block, b, p or k for the previous block. </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> <a name='L2'></a><a href='#L2'>2</a> <a name='L3'></a><a href='#L3'>3</a> <a name='L4'></a><a href='#L4'>4</a> <a name='L5'></a><a href='#L5'>5</a> <a name='L6'></a><a href='#L6'>6</a> <a name='L7'></a><a href='#L7'>7</a> <a name='L8'></a><a href='#L8'>8</a> <a name='L9'></a><a href='#L9'>9</a> <a name='L10'></a><a href='#L10'>10</a> <a name='L11'></a><a href='#L11'>11</a> <a name='L12'></a><a href='#L12'>12</a> <a name='L13'></a><a href='#L13'>13</a> <a name='L14'></a><a href='#L14'>14</a> <a name='L15'></a><a href='#L15'>15</a> <a name='L16'></a><a href='#L16'>16</a> <a name='L17'></a><a href='#L17'>17</a> <a name='L18'></a><a href='#L18'>18</a> <a name='L19'></a><a href='#L19'>19</a> <a name='L20'></a><a href='#L20'>20</a> <a name='L21'></a><a href='#L21'>21</a> <a name='L22'></a><a href='#L22'>22</a> <a name='L23'></a><a href='#L23'>23</a> <a name='L24'></a><a href='#L24'>24</a> <a name='L25'></a><a href='#L25'>25</a> <a name='L26'></a><a href='#L26'>26</a> <a name='L27'></a><a href='#L27'>27</a> <a name='L28'></a><a href='#L28'>28</a> <a name='L29'></a><a href='#L29'>29</a> <a name='L30'></a><a href='#L30'>30</a> <a name='L31'></a><a href='#L31'>31</a> <a name='L32'></a><a href='#L32'>32</a> <a name='L33'></a><a href='#L33'>33</a> <a name='L34'></a><a href='#L34'>34</a> <a name='L35'></a><a href='#L35'>35</a> <a name='L36'></a><a href='#L36'>36</a> <a name='L37'></a><a href='#L37'>37</a> <a name='L38'></a><a href='#L38'>38</a> <a name='L39'></a><a href='#L39'>39</a> <a name='L40'></a><a href='#L40'>40</a> <a name='L41'></a><a href='#L41'>41</a> <a name='L42'></a><a href='#L42'>42</a> <a name='L43'></a><a href='#L43'>43</a> <a name='L44'></a><a href='#L44'>44</a> <a name='L45'></a><a href='#L45'>45</a> <a name='L46'></a><a href='#L46'>46</a> <a name='L47'></a><a href='#L47'>47</a> <a name='L48'></a><a href='#L48'>48</a> <a name='L49'></a><a href='#L49'>49</a> <a name='L50'></a><a href='#L50'>50</a> <a name='L51'></a><a href='#L51'>51</a> <a name='L52'></a><a href='#L52'>52</a> <a name='L53'></a><a href='#L53'>53</a> <a name='L54'></a><a href='#L54'>54</a> <a name='L55'></a><a href='#L55'>55</a> <a name='L56'></a><a href='#L56'>56</a> <a name='L57'></a><a href='#L57'>57</a> <a name='L58'></a><a href='#L58'>58</a> <a name='L59'></a><a href='#L59'>59</a> <a name='L60'></a><a href='#L60'>60</a> <a name='L61'></a><a href='#L61'>61</a> <a name='L62'></a><a href='#L62'>62</a> <a name='L63'></a><a href='#L63'>63</a> <a name='L64'></a><a href='#L64'>64</a> <a name='L65'></a><a href='#L65'>65</a> <a name='L66'></a><a href='#L66'>66</a> <a name='L67'></a><a href='#L67'>67</a> <a name='L68'></a><a href='#L68'>68</a> <a name='L69'></a><a href='#L69'>69</a> <a name='L70'></a><a href='#L70'>70</a></td><td class="line-coverage quiet">1x       1x                                 1x     1x         509x         509x 509x     406x 406x   509x       1x 1827x             1x     130x         128x         148x      </td><td class="text"><pre class="prettyprint lang-js">import {Aseprite} from '../types/Aseprite' import {Atlas} from '../types/Atlas' import {Integer} from '../types/Integer' import {Milliseconds} from '../types/Milliseconds' import {NumberUtil} from '../utils/NumberUtil'   /** Record and update an Atlas.Animation's state. */ export interface Animator { /** Cel index oscillation state. This integer may fall outside of animation bounds depending on the animation interval selected by direction. This value should be carried over from each call unless the cel is manually set. Any integer in [0, length - 1] is always valid. */ period: Integer   /** Current cel exposure in milliseconds. When the fractional value meets or exceeds the cel exposure duration, the cel is advanced according to direction. This value should be carried over from each call with the current time step added, and zeroed on manual cel change. */ exposure: Milliseconds }   export namespace Animator { /** Apply the time since last frame was shown, possibly advancing the animation period. */ export function animate( period: Integer, exposure: Milliseconds, animation: Atlas.Animation ): Animator { Iif (animation.cels.length < 1) return {period, exposure}   // Avoid unnecessary iterations by skipping complete cycles. // animation.duration may be infinite but the modulo of any number and // infinity is that number. exposure = exposure % animation.duration while ( exposure >= animation.cels[index(period, animation.cels)]!.duration ) { exposure -= animation.cels[index(period, animation.cels)]!.duration period = Period[animation.direction](period, animation.cels.length) } return {period, exposure} }   /** @return The animation cel index. */ export function index(period: Integer, cels: readonly Atlas.Cel[]): number { return Math.abs(period % cels.length) } }   const Period: Readonly<Record< Aseprite.AnimationDirection, (period: Integer, len: number) => number >> = Object.freeze({ /** @arg period An integer in the domain [0, +∞). */ [Aseprite.AnimationDirection.Forward](period) { return (period % Number.MAX_SAFE_INTEGER) + 1 },   /** @arg period An integer in the domain (-∞, len - 1]. */ [Aseprite.AnimationDirection.Reverse](period, len) { return (period % Number.MIN_SAFE_INTEGER) - 1 + len },   /** @arg period An integer in the domain [2 - len, len - 1]. */ [Aseprite.AnimationDirection.PingPong](period, len) { return NumberUtil.wrap(period - 1, 2 - len, len) } })  </pre></td></tr></table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 13 2020 22:53:10 GMT-0700 (Mountain Standard Time) </div> </div> <script src="../prettify.js"></script> <script> window.onload = function () { prettyPrint(); }; </script> <script src="../sorter.js"></script> <script src="../block-navigation.js"></script> </body> </html>