diff options
author | Jared Adams <jaxad0127@gmail.com> | 2013-06-26 17:29:39 -0600 |
---|---|---|
committer | Ben Longbons <b.r.longbons@gmail.com> | 2013-06-26 16:45:36 -0700 |
commit | bf3c95526b3d28c200745470197d65e2a3de0f21 (patch) | |
tree | db1a279818d95cbdcb1041b92c7cd7404bf7b270 /public/playground.html | |
parent | d4f71d8ed7a57cddb59dd58ca0b60558a984a2a1 (diff) | |
download | manaportal-bf3c95526b3d28c200745470197d65e2a3de0f21.tar.gz manaportal-bf3c95526b3d28c200745470197d65e2a3de0f21.tar.bz2 manaportal-bf3c95526b3d28c200745470197d65e2a3de0f21.tar.xz manaportal-bf3c95526b3d28c200745470197d65e2a3de0f21.zip |
Add mp.dye.asDyeString(dye) and fix up some HTML
Diffstat (limited to 'public/playground.html')
-rw-r--r-- | public/playground.html | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/public/playground.html b/public/playground.html index 10ac6c2..4e9e98c 100644 --- a/public/playground.html +++ b/public/playground.html @@ -1,20 +1,21 @@ <!DOCTYPE html> -<meta charset="utf-8"> -<html> +<html lang="en"> <head> +<meta charset="utf-8"> +<title>Mana Portal Playground</title> +<script src="js/mp/dye.js"></script> +<script src="js/mp/resource.js"></script> </head> <body> <canvas id="original" width="32" height="32"></canvas> <canvas id="dyed" width="32" height="32"></canvas> -</body> - -<script src="js/mp/dye.js"></script> -<script src="js/mp/resource.js"></script> +<span id="dyeOut"></span> <script> var dyeString = "R:#ede5b2,fff7bf|G:#cccccc,ffffff"; var dyeData = mp.dye.parseDyeString(dyeString); +document.getElementById("dyeOut").innerText = mp.dye.asDyeString(dyeData); -mp.resource.loadImage("bigcake.png", function(err, imageData) { +mp.resource.loadImage("images/bigcake.png", function(err, imageData) { var oContext = document.getElementById("original").getContext("2d"); var dContext = document.getElementById("dyed").getContext("2d"); oContext.putImageData(imageData, 0, 0); @@ -22,4 +23,5 @@ mp.resource.loadImage("bigcake.png", function(err, imageData) { dContext.putImageData(imageData, 0, 0); }); </script> +</body> </html> |