/
genesis-editor.html
110 lines (94 loc) · 12.6 KB
/
genesis-editor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<title>Slime Tribe Genesis - Map editor</title>
<meta charset="utf-8">
<link rel="stylesheet" href="slime-genesis/css/game-rpg-editor.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="slime-genesis/css/bootstrap.min.css" type="text/css" media="screen, projection" />
<style>
</style>
</head>
<body>
<script src="slime-genesis/js/jquery-1.11.1.min.js"></script>
<script src="slime-genesis/js/bootstrap.min.js"></script>
<script src="slime-genesis/js/game/utils.js"></script>
<script src="slime-genesis/js/game/guid.js"></script>
<script src="slime-genesis/js/game-rpg-editor/Editor.js"></script>
<script src="slime-genesis/js/game-rpg-editor/FScreen.js"></script>
<script src="slime-genesis/js/game-rpg-editor/FLayer.js"></script>
<script src="slime-genesis/js/game-rpg-editor/FGui.js"></script>
<script type="text/javascript">
// window.onload = function()
// {
// var fc, fct, fx, fxt, temp, image, brush, rotate, b64;
// brush = document.getElementById('brush_01');
// fc = document.getElementById('editor');
// fct = document.getElementById('editor-temp');
// fc.width = fct.width = window.innerWidth;
// fc.height = fct.height = window.innerHeight;
// fx = fc.getContext('2d');
// fxt = fct.getContext('2d');
// temp = document.getElementById('editor-temp');
// image = document.getElementById('editor-image');
// rotate = 0;
// var refresh = function()
// {
// requestAnimationFrame(refresh);
// //if(Math.random() > 0.07) return;
// var image = document.getElementById('editor-image');
// //rotate += 1; //Math.round(Math.random() * 360);
// rotate = Math.round(Math.random() * (Math.random() * 100));
// if( rotate >= 360 ) rotate = 0; //if(Math.random() > 0.5) rotate = rotate * -1;
// rotateCenterX = 150 ;
// rotateCenterY = 145;
// brush.setAttribute('transform','rotate('+rotate+' ' + rotateCenterX + ' ' + rotateCenterY + ')');
// temp.innerHTML = '';
// temp.appendChild(brush.cloneNode(true));
// var r = (Math.round((Math.random() * 25)) * 10).toString(16);
// var g = (Math.round(Math.random() * 50) * 5).toString(16);
// var b = (Math.round(Math.random() * 20) * 15).toString(16);
// var a = Math.random() / 2.3;
// temp.innerHTML = temp.innerHTML.replace('fill:#000000;fill-opacity:1;', 'fill:#'+r+''+g+''+b+''+';fill-opacity:'+a+';');
// b64 = 'data:image/svg+xml;base64,'+window.btoa( temp.innerHTML );
// image.width = 300;
// image.height = 290;
// //fxt.globalCompositeOperation = 'multiply';
// image.onload = function () {
// fx.fillStyle = "#AAA";
// fx.globalAlpha = 0.01;
// fx.fillRect(0, 0, fc.width, fc.height);
// var x = Math.round(Math.random() * window.innerWidth);
// var y = Math.round(Math.random() * window.innerHeight);
// fx.drawImage(image, x - (window.innerWidth / 4), y - (window.innerHeight / 3) , 900, 900);
// }
// image.src = b64;
// };
// refresh();
// }
try
{
var editor = new Editor();
var path1;
window.onload = function()
{
editor.run();
}
}
catch( e )
{
console.log(e);
}
</script>
<canvas id="editor" width="700" height="500" style="display: none;"></canvas>
<canvas id="editor-temp" width="700" height="500" style="display: none;"></canvas>
<img id="editor-image" src="" style="display: none;" />
<div id="editor-brushes" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox = "0 0 300 300" width="300" height="300" id="brush_01" version="1.1">\
<g id="layer1" transform="">\
<path id="path1" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 80 13 C 76 12 72 13 69 13 L 71 14 C 71 14 71 14 71 15 L 73 15 L 73 14 L 74 13 C 78 13 82 13 86 15 L 86 15 L 89 16 C 86 17 83 16 80 16 C 81 18 83 16 84 17 C 86 18 88 16 89 18 L 88 19 L 89 19 L 72 19 C 72 19 71 20 71 19 C 71 19 71 19 71 19 L 70 19 L 70 19 L 70 19 L 70 19 L 70 19 C 70 20 68 20 68 20 L 75 20 C 71 22 66 20 62 21 L 62 22 C 63 22 63 22 64 21 C 65 22 67 21 67 22 L 66 23 C 65 23 64 24 64 23 L 62 23 L 62 23 C 60 23 58 24 57 23 L 57 23 C 56 23 56 23 56 23 L 56 23 C 54 24 53 23 52 24 C 51 24 51 23 52 23 L 50 23 C 51 25 48 22 48 24 C 49 24 51 24 51 25 L 51 24 C 54 24 58 24 61 25 L 61 25 L 59 25 L 59 25 C 60 25 61 25 61 26 C 61 27 58 25 59 27 C 59 28 60 27 60 26 C 61 26 61 27 61 27 C 65 27 70 28 73 28 C 74 28 73 29 73 29 C 70 29 68 29 66 29 C 67 29 68 29 68 30 C 68 29 68 29 68 29 C 78 29 88 31 98 31 C 98 31 98 32 98 32 C 99 32 100 31 101 32 C 101 33 101 32 100 33 C 92 33 83 30 73 31 L 76 32 C 75 33 73 32 73 33 C 72 33 71 34 70 33 C 70 33 70 33 71 33 L 69 32 L 70 33 L 69 33 C 69 33 68 33 67 33 C 66 33 65 35 64 33 L 59 33 C 59 34 58 34 57 33 C 56 34 54 33 54 35 C 64 35 73 36 84 37 C 85 37 86 37 86 38 C 86 38 86 38 86 38 L 86 37 C 86 37 87 37 88 37 C 88 38 90 38 91 39 C 91 37 93 38 94 38 L 94 40 C 93 40 91 41 91 40 C 89 40 88 40 86 39 C 83 39 80 40 77 39 C 71 40 65 37 60 39 C 60 39 59 39 59 39 C 59 39 59 39 59 39 L 64 40 L 64 41 C 65 41 66 40 67 40 C 68 40 69 41 69 40 C 75 40 80 42 85 42 C 87 41 89 44 91 42 C 91 42 91 43 91 43 L 89 43 C 89 43 89 44 89 44 C 89 44 88 44 88 44 C 85 44 82 44 79 43 C 77 45 76 42 74 43 C 77 45 81 44 84 44 C 85 45 88 43 89 46 C 89 45 91 45 90 44 C 91 43 91 46 93 45 C 93 46 93 46 92 46 C 96 48 101 47 105 48 C 106 46 103 48 104 46 C 105 46 107 46 108 47 C 107 47 106 47 106 47 L 106 47 C 107 47 108 49 109 48 C 111 52 116 47 118 51 C 116 52 114 51 112 50 C 110 51 108 49 106 50 L 108 52 C 109 56 114 53 117 54 L 117 54 C 116 53 117 53 117 53 C 117 53 118 53 118 53 C 118 54 117 54 117 54 L 119 55 C 121 55 122 57 123 55 L 124 57 C 119 56 114 55 108 55 C 110 56 114 56 116 57 C 119 58 122 59 124 59 C 126 60 129 60 130 62 C 132 62 134 63 136 62 C 144 64 152 66 160 67 L 151 65 L 152 64 L 151 62 C 152 62 153 63 155 62 C 156 62 156 65 157 63 C 159 66 165 64 163 68 L 178 70 L 179 68 C 184 69 188 72 193 71 C 196 72 200 72 203 73 C 205 72 208 73 210 74 C 214 76 220 75 225 74 C 226 76 228 75 230 74 C 233 72 235 68 236 64 C 238 63 236 61 236 59 L 237 59 C 237 59 236 58 236 58 C 236 57 237 58 238 58 C 238 57 237 57 237 56 C 238 55 239 54 240 54 C 240 52 240 51 241 50 C 240 50 240 50 240 50 L 241 48 C 240 47 243 46 241 46 C 241 45 241 43 242 42 C 242 41 240 41 241 40 C 237 33 229 30 222 28 C 197 22 168 23 142 19 C 132 18 122 16 112 16 C 101 14 91 13 80 13 z M 68 30 C 68 30 68 30 67 30 L 68 30 C 68 30 68 30 68 30 z M 66 29 C 62 28 59 28 54 28 C 54 28 55 29 54 29 L 56 30 C 55 30 57 31 56 32 C 58 33 57 31 58 31 C 58 30 57 31 57 30 C 57 30 57 29 57 29 C 57 29 57 29 57 29 C 58 28 60 28 61 29 L 61 29 L 62 29 C 62 29 62 29 62 29 L 62 29 C 63 29 65 29 66 29 z M 62 29 L 63 29 C 63 29 62 29 62 29 z M 65 13 C 64 13 64 13 64 14 C 65 14 65 13 65 13 C 65 12 65 13 65 13 z M 55 13 C 54 13 54 13 54 13 C 54 14 55 14 55 13 C 55 13 55 13 55 13 z M 60 13 C 59 13 60 14 60 14 L 60 14 C 60 13 60 13 60 13 z M 46 13 L 47 14 L 47 13 L 46 13 z M 94 15 C 96 15 99 15 102 16 L 101 16 L 102 17 C 101 17 100 17 99 17 L 99 16 C 97 14 94 19 94 16 C 94 16 93 15 93 16 L 93 16 L 92 16 C 93 16 93 15 93 15 L 92 15 L 92 15 C 93 15 93 15 94 15 z M 72 16 C 71 16 69 17 67 16 L 67 16 C 65 16 62 15 59 16 C 64 16 70 17 75 16 L 76 16 L 74 16 C 74 16 73 16 72 16 z M 57 16 C 57 16 57 16 57 16 C 57 16 58 16 58 16 C 58 16 57 16 57 16 z M 78 16 C 77 16 77 16 77 16 L 78 17 L 79 16 C 78 16 78 16 78 16 z M 49 16 L 49 16 C 50 16 52 16 52 16 C 51 16 50 16 49 16 z M 110 16 C 110 16 111 16 111 17 L 111 17 L 110 17 C 110 17 110 16 110 16 z M 112 17 C 112 17 113 17 113 17 L 113 18 C 113 17 111 18 112 17 C 112 17 112 17 112 17 z M 103 17 L 106 17 L 103 17 z M 107 17 L 107 17 L 107 18 L 107 17 z M 108 17 L 110 17 L 109 17 L 108 17 z M 94 18 C 96 18 99 18 102 19 C 100 22 98 18 95 19 C 95 18 93 18 92 18 C 92 18 92 19 92 19 C 91 18 92 18 92 18 C 92 18 93 18 94 18 z M 65 19 C 64 18 63 19 62 19 C 64 19 65 19 66 19 C 66 19 66 19 65 19 z M 75 19 L 77 19 L 75 19 z M 108 20 C 108 19 109 20 109 20 C 108 20 106 20 105 20 C 106 20 107 20 108 20 z M 113 20 L 114 20 C 114 21 114 20 113 20 L 113 20 z M 78 20 C 78 20 78 20 79 21 C 78 21 77 21 76 21 C 76 21 77 20 78 20 z M 59 21 C 57 21 56 21 55 21 C 56 21 59 21 59 23 C 59 22 60 21 61 21 C 60 21 59 21 59 21 z M 69 22 C 70 21 72 23 73 23 C 72 23 73 23 73 24 C 72 23 71 24 71 23 C 71 22 70 23 70 23 C 70 23 70 23 70 23 L 68 23 C 68 22 69 22 69 22 z M 39 22 C 39 23 39 22 40 22 L 39 22 z M 80 22 C 81 23 82 23 83 23 L 80 23 L 80 24 C 77 25 78 22 76 23 L 76 23 L 80 22 L 80 22 z M 46 22 C 45 22 45 24 44 24 L 45 24 C 44 25 41 24 42 25 C 44 26 46 25 46 25 L 45 24 C 46 24 47 23 46 24 L 46 23 C 46 22 47 23 47 23 C 47 22 46 22 46 22 z M 44 24 L 43 23 C 43 23 44 24 44 24 z M 84 23 L 87 23 C 86 23 84 24 84 23 z M 91 23 C 92 23 93 23 94 24 L 92 24 C 91 23 90 24 89 23 C 90 23 91 23 91 23 z M 98 23 C 98 23 98 23 98 23 C 98 24 99 24 99 24 L 98 24 C 97 24 98 23 98 23 z M 102 24 L 103 25 L 101 25 L 102 24 z M 40 24 C 39 24 39 25 39 25 C 39 26 39 25 40 25 C 40 25 40 25 40 25 C 40 24 40 24 40 24 z M 36 24 C 35 24 35 25 35 25 L 36 25 C 36 25 36 25 36 25 C 36 25 36 24 36 24 z M 63 25 C 63 25 63 25 64 25 C 64 25 64 24 65 25 L 65 25 L 65 26 C 65 27 63 27 62 27 L 62 25 C 62 25 63 24 63 25 z M 57 25 C 57 25 57 25 57 25 L 57 25 L 57 25 C 57 25 58 25 58 25 C 57 25 57 25 57 25 z M 55 25 C 55 25 54 25 54 25 L 55 25 L 55 25 z M 68 25 C 69 25 70 26 72 26 C 72 26 72 26 72 26 C 73 26 72 25 72 25 L 73 25 L 73 26 L 72 26 L 67 27 L 68 25 z M 80 25 C 80 25 80 25 80 25 C 81 26 80 26 80 26 L 79 27 L 79 27 C 79 27 78 28 78 27 L 78 26 L 79 26 C 80 26 79 25 80 25 z M 56 26 L 57 26 L 57 26 L 56 26 z M 44 27 C 44 27 43 27 42 28 L 43 28 L 43 28 C 44 29 45 28 45 29 L 44 30 C 45 30 45 31 46 30 L 46 30 C 45 26 50 30 50 28 C 48 28 46 27 44 27 z M 25 28 C 24 28 23 28 22 28 L 29 28 C 28 28 26 27 25 28 z M 35 28 C 34 28 32 28 31 28 L 31 28 L 38 28 C 38 28 37 28 35 28 z M 97 28 C 97 28 98 28 98 29 L 97 30 L 97 28 z M 57 29 C 58 29 58 29 58 29 C 58 29 58 29 57 29 z M 51 31 L 52 31 L 52 31 L 51 31 z M 35 31 L 35 31 L 43 31 L 35 31 z M 81 32 C 81 32 82 32 83 32 C 82 32 81 33 80 33 C 80 32 81 32 81 32 z M 104 32 C 105 32 105 33 106 33 C 105 34 104 33 103 33 C 103 33 103 32 104 32 z M 38 33 C 37 33 35 33 34 33 L 39 34 C 39 33 39 33 38 33 z M 43 33 C 42 33 42 33 41 33 L 41 34 C 45 34 48 35 52 35 L 52 34 C 51 34 50 35 50 34 C 48 33 45 33 43 33 z M 107 33 L 108 34 L 107 34 L 107 33 z M 46 37 L 45 38 L 46 38 L 46 37 z M 54 38 L 53 38 L 54 38 C 54 38 54 38 54 38 z M 54 38 C 54 38 55 38 55 38 L 54 38 z M 58 38 C 58 38 59 39 59 39 C 59 39 59 39 59 38 L 58 38 z M 96 38 L 98 39 C 98 40 96 39 95 41 L 94 40 C 96 40 95 38 96 38 z M 112 39 L 113 39 L 113 39 L 112 39 z M 100 39 C 101 39 101 39 101 40 L 101 40 L 99 40 C 99 40 100 39 99 39 C 100 39 100 39 100 39 z M 103 40 C 104 40 106 40 107 40 C 107 42 105 41 105 42 C 104 42 105 42 104 41 C 104 41 103 41 102 41 C 102 40 103 40 103 40 z M 108 40 C 109 40 110 43 111 41 L 113 41 C 114 42 113 42 113 43 C 111 41 108 43 107 41 C 107 40 108 40 108 40 z M 79 42 L 80 42 L 79 42 L 79 42 z M 83 42 C 82 42 82 42 82 43 L 84 43 L 84 42 C 84 43 83 42 83 42 z M 117 43 L 118 43 L 118 43 L 117 43 z M 93 43 C 94 43 95 43 95 43 L 93 43 L 93 43 z M 105 44 C 106 44 106 45 107 45 C 106 46 103 43 103 47 L 99 46 L 102 46 C 102 46 102 46 102 46 L 101 46 L 103 45 L 101 44 C 102 44 104 43 104 45 C 104 44 104 44 104 44 C 104 44 105 44 105 44 z M 78 46 C 77 46 77 46 76 47 C 78 47 80 47 81 47 C 80 46 79 46 78 46 z M 109 47 C 109 47 110 47 110 47 L 110 47 L 109 47 C 109 47 109 47 109 47 z M 87 47 C 87 47 86 47 86 47 C 88 48 90 49 92 48 C 91 48 89 47 87 47 z M 116 48 L 117 48 L 116 48 L 116 48 z M 94 48 C 94 48 94 48 93 48 C 95 49 97 50 99 49 L 99 49 C 97 48 96 48 94 48 z M 104 50 C 104 50 103 50 103 50 C 103 51 104 50 105 51 L 105 50 C 105 50 105 49 104 50 z M 97 50 L 98 51 L 97 50 z M 103 51 C 103 51 103 51 102 52 L 104 52 C 103 51 103 51 103 51 z M 104 52 C 104 52 104 52 104 52 L 104 52 z M 88 52 C 89 53 90 53 91 53 L 91 53 L 88 52 z M 114 53 L 115 53 L 114 53 z M 101 54 C 102 54 103 55 104 54 L 101 54 z M 119 54 C 120 54 121 55 122 55 L 119 55 L 119 54 z M 124 55 C 125 55 125 56 126 57 C 126 56 126 56 127 56 C 127 57 128 58 129 58 C 129 58 130 58 130 57 L 130 57 C 131 57 131 57 131 58 L 131 59 C 128 59 127 58 124 57 L 124 55 z M 119 58 L 120 58 L 120 58 L 119 58 z M 133 59 C 135 60 136 60 137 59 C 138 60 141 59 141 60 C 139 62 136 60 133 59 z M 155 65 C 155 65 155 65 156 65 L 155 65 z M 156 65 L 157 65 C 157 65 156 65 156 65 z M 159 66 L 159 66 C 159 66 159 66 159 66 z M 159 66 C 160 66 161 66 161 66 L 159 66 z M 170 67 C 171 67 172 67 172 68 L 170 67 z M 181 70 C 181 70 181 70 181 70 L 182 70 C 181 70 181 70 181 70 z " transform="rotate(45, 50, 50)" id="path4341" />\
</g>\
</svg>
</div>
<div id="editor-temp" style="display: none"></div>
</body>
</html>