diff --git a/app.js b/app.js
index 5aead05..633aea4 100644
--- a/app.js
+++ b/app.js
@@ -19,7 +19,7 @@ app.on("ready", function() {
});
mainWindow.setPosition(0, 0);
mainWindow.loadURL("file://" + __dirname + "/index.html");
-
+
mainWindow.on("closed", function() {
mainWindow = null;
});
diff --git a/index.html b/index.html
index a72bbf7..51d0303 100755
--- a/index.html
+++ b/index.html
@@ -1,48 +1,15 @@
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..a95ed99
--- /dev/null
+++ b/main.js
@@ -0,0 +1,33 @@
+(function(){
+ var canvas = document.getElementById("canvas");
+ var ctx = canvas.getContext("2d");
+ var videos = ["Razer.mp4", "miku.mp4"];
+ var videoElements = videos.map(function(video) {
+ var e = document.createElement("video");
+ e.src = video;
+ e.addEventListener("ended", play);
+ return e;
+ });
+ var index = -1;
+ canvas.width = window.innerWidth;
+ canvas.height = window.innerHeight;
+
+ function play() {
+ if(++index >= videos.length){
+ index = 0;
+ }
+ var element = videoElements[index];
+ ctx.globalAlpha = 0;
+ element.play();
+ }
+ play();
+
+ function tick() {
+ if(ctx.globalAlpha < 1){
+ ctx.globalAlpha += 0.01;
+ }
+ ctx.drawImage(videoElements[index], 0, 0, canvas.width, canvas.height);
+ setTimeout(tick, 50);
+ }
+ tick();
+})();