better scripts

data/scripts/old/mask.js

@@ -0,0 +1,48 @@
+var mask = document.createElement("canvas")
+var maskContext = mask.getContext("2d")
+
+function drawMask(img, x, y, width, height, targetContext, imgMask, secondMask, arg) {
+    if (imgMask.width > 0) {
+        var context = targetContext
+        mask.width = width
+        mask.height = height
+        maskContext.clearRect(0, 0, width, height)
+        maskContext.globalCompositeOperation = "source-over"
+        if (secondMask.src != undefined && secondMask.width > 0) {
+            maskContext.drawImage(secondMask, 0, 0, width, height)
+            if (arg == "reverseSecond") {
+                maskContext.globalCompositeOperation = "source-out"
+            } else {
+                maskContext.globalCompositeOperation = "source-in"
+            }
+        }
+        //console.log(width + ", " + height + " --- " + imgMask.width + ", " + imgMask.height + " --- " + img.width + ", " + img.height)
+        maskContext.drawImage(imgMask, 0, 0, width, height)
+        maskContext.globalCompositeOperation = "source-in"
+        if (img.src == undefined) {
+            maskContext.fillStyle = img
+            maskContext.fillRect(0, 0, width, height)
+        } else if (img.width > 0) {
+            maskContext.drawImage(img, 0, 0, width, height)
+        }
+        targetContext.drawImage(mask, x, y, width, height)
+    }
+}
+
+CanvasRenderingContext2D.prototype.mask = function(content, x, y, width, height) {
+    mask.width = width
+    mask.height = height
+    maskContext.clearRect(0, 0, width, height)
+    var contentList = content.split(";")
+    for (i = 0; i < contentList.length; i ++) {
+        var currentContent = contentList[i].split(",")
+        maskContext.globalCompositeOperation = currentContent[1]
+        if (window[currentContent[0]] != undefined) {
+            maskContext.drawImage(window[currentContent[0]], 0, 0, width, height)
+        } else {
+            maskContext.fillStyle = currentContent[0]
+            maskContext.fillRect(0, 0, width, height)
+        }
+    }
+    this.drawImage(mask, x, y, width, height)
+}