[help]Fix #109

index.html

@@ -17,7 +17,9 @@
       <div id="thumbnails">
       </div>
       <button class="frame-add" id="sequence-add-btn"><i class="fa fa-plus"></i></button>
+
     </div>
+  <button id="tesxx" > xxxxx </button>
   </div>
 </body>
 </html>

js/history.js

@@ -0,0 +1,27 @@
+import eventPublisher from "./publisher";
+
+function test(framescontroller){
+
+    let currentFrame = framescontroller.getCurrentFrame();
+    let frames=[];
+    //framesは各frameのarrayを入れる。e.g. frame[1]には2つめのframeidのidlingごとgetImageDataしたarray
+    let currentframeID=framescontroller.currentFrameId;
+    for(let i=currentframeID;0<=i;i--){
+        console.log("tess");
+        frames[i]=[];
+        frames[i].push(framescontroller.canvasModel.getImageData());
+    }
+
+    eventPublisher.subscribe("drawState",(state)=>{
+       if(state=="idling"){
+            frames[framescontroller.currentFrameId].push(framescontroller.canvasModel.getImageData());
+        }
+    });
+    eventPublisher.subscribe("currentFrameId", (frameid)=>{
+        if(typeof frames[frameid] ==="undefined"){
+            frames[frameid]=[];
+        }
+    });
+}
+
+export default test;

js/main.js

@@ -3,6 +3,8 @@ import DrawingConfiguration from "./drawing-configuration";
 import ViewManager from "./view-manager";
 import PaintManager from "./paint-manager";
 import Player from "./player";
+import test from "./history.js";
+
 
 // webpack
 import "./../css/style.css";
@@ -31,5 +33,7 @@ document.addEventListener("DOMContentLoaded", function() {
 
   framesController.append(firstFrameId);
   framesController.setCurrentFrame(firstFrameId);
+
+  test(framesController);
 });