-
Notifications
You must be signed in to change notification settings - Fork 1
/
2d.html
207 lines (166 loc) · 11.1 KB
/
2d.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gunzip Engine</title>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js">
</script>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="frameworks/materialize.css" />
<script src="frameworks/sweetalert.min.js"></script>
<script src="frameworks/beautify.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/styles/default.min.css">
<script src="https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.0/js/lib/beautify-css.js">
</script>
<script src="https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.0/js/lib/beautify-html.js">
</script>
<script src="frameworks/jquery.js">
</script>
<script src="frameworks/notify.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/keyboardjs/2.6.2/keyboard.min.js" integrity="sha512-Q9aijJKP9BeTXgQHmb/j8AZTQ15//k9QvGXCbKMf1bt289s75awi/3SBFZ3M3J27NtD7JyU3d9d1eRPuO4BbhQ=="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.min.js" integrity="sha512-csNcFYJniKjJxRWRV1R7fvnXrycHP6qDR21mgz1ZP55xY5d+aHLfo9/FcGDQLfn2IfngbAHd8LdfsagcCqgTcQ=="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg=="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q=="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-language_tools.min.js" integrity="sha512-8qx1DL/2Wsrrij2TWX5UzvEaYOFVndR7BogdpOyF4ocMfnfkw28qt8ULkXD9Tef0bLvh3TpnSAljDC7uyniEuQ=="
crossorigin="anonymous">
</script>
<script src="index.js">
</script>
<script src="frameworks/materialize.min.js">
</script>
</head>
<body>
<div id="loading"><img style="width:100%;height:100%;" src="images/loading.gif" alt=""></div>
<div style="position:absolute;width:100%;height:100%align:center;z-index:500;display:none;" id="ExportingPopup">
<img src="https://media2.giphy.com/media/3o6ZsYLRb6IG6vAkcU/giphy.gif" alt="" loading="lazy">
</div>
<div id="header" style="margin:0%;" class="panel row grey lighten-1">
<div class="pannel left waves-effect center-align" style="width:100%;font-size:large;">Gunzip Editor</div>
</div>
<div id="menus">
<div id="popup-menu">
<script>
document.addEventListener('DOMContentLoaded', function () {
var exportElement = document.querySelectorAll('.modal');
var instances = M.Modal.init(exportElement);
});
</script>
<div id="embededExport" class="modal bottom-sheet">
<textarea style="width:100%;height:300px" id="embededExportText" class="textarea">//Loading</textarea>
</div>
<!-- Modal Structure -->
<div id="Export" class="modal">
<div class=" modal-content">
<h4>Export Options</h4>
<img style="width: 100px;height: auto;" class="left" src="https://cdn.dribbble.com/users/783/screenshots/104300/shot_1295820312.gif"
alt="Html5 Export">
<button class="plain btn waves-effect btn-plain black" id="build">HTML5 Build</button>
</div>
<br>
<br>
<br><hr>
<img style="width:130px;height:130px;" loading="lazy" class="left" src="https://i.gifer.com/SX9Z.gif" alt="">
<button class="plain btn btn-plain black-text waves-effect white" id="build2">Project File export </button>
<div class="modal-footer">
<br>
<br>
<br>
<br>
<br>
<br><hr>
<img style="width:130px;height:130px;" loading="lazy" class="left" src="https://i.pinimg.com/originals/bd/fd/9c/bdfd9ca1b8f840dc9da14f9824a79a35.gif" alt="">
<button class="plain btn pink white-text waves-effect left" id="build3">HTML to Image Export</button>
<br>
<br>
<br>
<br>
<br>
<br><hr>
<img style="width:150px;height:150px;" loading="lazy" class="left" src="https://i0.wp.com/blog.codepen.io/wp-content/uploads/2016/05/change-tab.gif?fit=640%2C339&ssl=1" alt="">
<button data-target="embededExport" class="plain modal-trigger btn pink white-text waves-effect left" id="build4">Embeded Export</button>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
</div>
<!--Console Window-->
<div style="display:none;width:100%;height:100%;" class="black white-text" id="consoleWindow">
<div style="width:100%;font-size:30px;" class="waves-effect center-align grey"> <button class="left btn btn-plain waves-effect red white-text" id="sceneView1"><i class="material-icons">close</i></button> Console [INSPECTOR]</div>
<div style="overflow:scroll;width:100%;height:60%;position:fixed;" id="termux"></div>
<div style="margin-top:39.0%;position:fixed;width:100%;" id="input page-footer"><input id="termux-input" placeholder=">>> Type console.log('HelloWorld')" style="border:1px solid grey;" type="text" class="white-text" id="termuxInput"></div>
</div>
<div id="scenesMenu">
<div style="margin:0%;" class="row grey lighten-2">
<button style="width: 6%;" id="stop" class="btn right red"><i
class="material-icons">stop</i></button>
<button style="width: 6%;" id="run" class="btn right white grey-text"><i
class="material-icons">play_arrow</i></button>
<button style="width: 6%;" id="debug" class="btn right grey darken-2"><i
class="material-icons">play_circle_filled</i></button>
<button style="width: 6%;" id="preview" class="btn right purple darken-2"><i
class="material-icons">preview</i></button>
<button data-target="Export" style="width: 9%;" class="btn left white modal-trigger waves-light"><i
class="material-icons black-text">build</i></button>
<label style="position: relative;z-index: 8;width: 4%;" id="colorPicker" class="btn red left"><input
style="display: none;" type="color" /> <i style="font-size: large;"
class="large white-text material-icons">color_lens</i></label>
<button id="consoleView" class="black white-text darken-3 waves-white btn left waves-effect"><i class="material-icons">developer_mode</i></button>
<button id="scriptView" class="waves-effect darken-3 btn grey left"><i
class="large material-icons big">code</i></button>
<button id="imageView" class="waves-effect darken-3 btn yellow left"><i
class="large material-icons big">image</i></button>
</div>
<div style="overflow: hidden;" id="display">
<iframe sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allowfullscreen allowpaymentrequest style="overflow: hidden;" allow="midi; geolocation; microphone; camera; display-capture; encrypted-media;" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr" allowtransparency="true" id="iframe">
Sorry Looks like u disabled javascript :/ if it is a stupid experiment dont do it please
</iframe>
<div class="blue white-text"
id="downInfo">
X : 0 Y : 0 ScreenX :0 ScreenY : 0
</div>
</div>
</div>
<!--IMAGED WINDOW-->
<div style="display:none;overflow: hidden;" id="imageMenu">
<div id="sceneView2" class="btn white red-text waves-effect" style="width:100%;"><i class="material-icons">close</i></div>
<iframe src="storage/index.html" id="imagestorage" frameborder="0" style="width:100%;height:100%;overflow-y:scroll;">
</iframe>
<script>
document.getElementById("imagestorage").style.height = window.innerHeight + "px"
</script>
</div>
<div id="scriptingWindow">
<div id="files" style="width: auto;height: 100%;margin:0%;" class="pannel yellow lighten-3 row">
<div id="sceneView" class="btn waves-effrect white red-text left" style="width:3.7%;"><i class="material-icons">close</i></div>
<div id="html" style="width: 32.1%;" class="tooltipped left btn waves-effect white-text red lighten-1" data-position="top" data-tooltip="index.html file">main.<i>html</i><span class="iconify" data-icon="vscode-icons:file-type-html" data-inline="false"></span></div>
<div id="css" style="width: 32%;" class="tooltipped left btn waves-effect blue white-text lighten-1" data-position="top" data-tooltip="Update.js file">index.<i>css</i> <span class="iconify" data-icon="vscode-icons:file-type-css" data-inline="false"></span></div>
<div id="init" style="width: 30%;" class="btn left waves-effect huge yellow white-text lighten-1">init.<i>js</i><span class="iconify" data-icon="logos:javascript" data-inline="false"></span></div>
</div>
<div id="editorInitContainer">
<div id="editorInit">
</div>
</div>
<div id="editorCssContainer">
<div id="editorCss">//I will do your code 60 times a frame :}
</div>
</div>
<div id="editorHtmlContainer">
<div id="editorHtml">Nothing to see Here click here to open your previous saved file</div>
</div>
</div>
</div>
</body>
</html>