diff options
Diffstat (limited to 'nopaint.html')
| -rw-r--r-- | nopaint.html | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/nopaint.html b/nopaint.html new file mode 100644 index 0000000..504ea49 --- /dev/null +++ b/nopaint.html @@ -0,0 +1,136 @@ +<!-- http://jollo.org/licensing/public/LNT-1.txt --> +<meta charset="UTF-8"> +<link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" /> +<link rel="stylesheet" href="css/ak.css" type="text/css" charset="utf-8" /> + +<body class="loading"> + + <div id="workspace_rapper"> + <div id="canvas_rapper" class="rapper"></div> + </div> + + <div id="ui_rapper"> + <div class="block" id="tools_block"> + <div id="palette_rapper"></div> + <span id="experimental_palette_toggle">.</span> + <div id="letters_rapper"></div> + <div id="custom_rapper"></div> + </div> + <div id="brush_container" class="block"> + <div id="brush_rapper"> + </div> + <br> + <span id="fg_checkbox" class="tool">x fg</span><br> + <span id="bg_checkbox" class="tool">x bg</span><br> + <span id="char_checkbox" class="tool">x char</span><br> + <br> + <span id="add_custom_el" class="tool">+ add</span> + </div> + <div id="tools_rapper" class="block"> + <span id="square_el" class="tool">square</span><br> + <span id="circle_el" class="tool">circle</span><br> + <span id="cross_el" class="tool">cross</span><br> + <span id="text_el" class="tool">text</span><br> + <span id="fill_el" class="tool">fill</span><br> + <span id="select_el" class="tool">select</span><br> + <br> + <span id="undo_el" class="tool hidden">undo</span><br> + <span id="redo_el" class="tool hidden">redo</span><br> + <br> + <span id="nopaint_no_el" class="tool">no</span><br> + <span id="nopaint_paint_el" class="tool">paint</span><br> + <br> + <span id="grid_el" class="tool">_ grid</span><br> + <span id="rotate_checkbox" class="tool">_ rotate</span><br> + <span id="vertical_checkbox" class="tool">_ vertical</span><br> + <br> + brush size: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><br> + canvas size: <span id="canvas_w_el" class="ed">100</span> x <span id="canvas_h_el" class="ed">30</span><br> + </div> + + <div id="textarea_mode" style="float: left"> + <div> + <span id="shader_el" class="tool">shader</span> + <span id="webcam_el" class="tool">webcam</span> + <span id="load_el" class="tool">load</span> + <span id="save_el" class="tool">save</span> + <span id="clear_el" class="tool">new</span> + <a href="http://asdf.us/ascii/doc/" target="_blank">doc</a> + <a href="http://asdf.us/im/gallery/?tag=ascii" target="_blank">gallery</a> + <br> + </div> + + <div id="import_rapper"> + <span id="format_el">ascii *irssi mirc</span> + <span id="import_buttons"> + <button id="import_button">import</button> + </span> + <div id="gallery_rapper"> + <input id="username_input" type="text" placeholder="username"> + <input id="upload_input" type="text" placeholder="uploaded url"> + <button id="export_button">export</button> + <button id="save_button">save</button> + <button id="upload_button">upload</button> + </div><br> + <div id="cutoff_warning_el">colorcode is too wide for irc and is cutoff</div> + <textarea id="import_textarea"></textarea> + </div> + + <div id="shader_rapper"> + <span id="animate_checkbox" class="tool">_ animate</span> + to <span id="shader_target_el">*canvas brush selection</span> + <span id="shader_fps_el" class="hidden faded"></span><br> + <textarea id="shader_textarea"></textarea> + </div> + </div> + + </div> + <div id="webcam_rapper" class="transparent"> + <span class="close" id="webcam_close">x</span> + <iframe id="webcam_iframe"></iframe> + </div> + + <input type="text" id="cursor_input"> + +</body> +<script type="text/javascript-shader" id="demo_shader"> + lex.bg = hue((x+y*y+t/10)/20) + lex.fg = colors.white + lex.char = " " + // lex.opacity = 1 +</script> +<script src="js/vendor/colorcode.js"></script> +<script src="js/vendor/text-encoder-lite.js"></script> +<script src="js/vendor/dataUriToBlob.js"></script> +<script src="js/vendor/FileSaver.js"></script> +<script src="js/vendor/oktween.js"></script> + +<script src="js/util.js"></script> +<script src="js/png.js"></script> +<script src="js/unicode.js"></script> +<script src="js/color.js"></script> +<script src="js/undo.js"></script> +<script src="js/clipboard.js"></script> +<script src="js/upload.js"></script> +<script src="js/user.js"></script> + +<script src="js/lex.js"></script> +<script src="js/matrix.js"></script> +<script src="js/blit.js"></script> +<script src="js/tool.js"></script> +<script src="js/shader.js"></script> +<script src="js/draw.js"></script> + +<script src="js/ui/brush.js"></script> +<script src="js/ui/canvas.js"></script> +<script src="js/ui/custom.js"></script> +<script src="js/ui/keys.js"></script> +<script src="js/ui/controls.js"></script> +<script src="js/ui/palette.js"></script> +<script src="js/ui/letters.js"></script> +<script src="js/ui/selection.js"></script> + +<script src="js/nopaint/index.js"></script> + +<script src="js/app.js"></script> + |