API tools faq
paste
Advertisement
Guest User

BallsJrMap

a guest
Apr 3rd, 2014
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>TagPro Map Editor</title>
  6. <script src="generatepng.js"></script>
  7. <script src="webtoolkit.base64.js"></script>
  8. <script src="jquery-2.1.0.min.js"></script>
  9.  
  10. <link rel="stylesheet" type="text/css" href="css/style.css">
  11. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  12. </head>
  13.  
  14. <body>
  15.  
  16.  
  17. <div style="position:fixed;left:0;top:0;bottom:0;width:21em;overflow-y:scroll;">
  18. <div class="well">
  19. <form class="form form-horizontal" role="form">
  20. <div class="form-group">
  21. <label for="mapName" class="col-sm-3 control-label">Name</label>
  22. <div class="col-sm-9">
  23. <input type="text" class="form-control" id="mapName" placeholder="Name">
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <label for="author" class="col-sm-3 control-label">Author</label>
  28. <div class="col-sm-9">
  29. <input type="text" class="form-control" id="author" placeholder="Author">
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label for="resizeWidth" class="col-sm-3 control-label">Size</label>
  34. <div class="col-sm-9 input-group">
  35. <input type="number" class="form-control" placeholder="Width" id="resizeWidth">
  36. <span class="input-group-addon">by</span>
  37. <input type="number" class="form-control" placeholder="Height" id="resizeHeight">
  38. <span class="input-group-btn">
  39. <button id='resize' class='btn btn-default' title='Resize the map to the entered dimensions.'>
  40. <span class="glyphicon glyphicon-resize-full"></span>
  41. </button>
  42. </span>
  43. </div>
  44. </div>
  45. </form>
  46.  
  47. <div class="btn-group btn-group-justified">
  48. <div class="btn-group">
  49. <button id='clear' class='btn btn-default' title="Clear the map"><span class="glyphicon glyphicon-remove"></span> Clear</button>
  50. </div>
  51. <div class="btn-group">
  52. <button id='save' class='btn btn-default' title="Save map to cache."><span class="glyphicon glyphicon-save"></span> Save</button>
  53. </div>
  54. <div class="btn-group">
  55. <button id='test' class='btn btn-default' title="Test map."><span class="glyphicon glyphicon-play"></span> Test</button>
  56. </div>
  57. </div>
  58.  
  59. <div class="panel panel-default">
  60. <div class="panel-body">
  61. <a href='#' id='dropHelp' style='font-weight:bold'>?</a> Drag and Drop:
  62. <a class='dropArea' draggable="true" id='pngDrop' download="map.png" href='#'>PNG</a>
  63. <a class='dropArea' draggable="true" id='jsonDrop' download="map.json" href='#'>JSON</a>
  64. <div class="btn-group btn-group-justified" style="margin:5px">
  65. <div class="btn-group">
  66. <button id='import' class='btn btn-default' title="Import map from drop area."><span class="glyphicon glyphicon-import"></span> Import</button>
  67. </div>
  68. <div class="btn-group">
  69. <button id='export' class='btn btn-default' title="Export map to drop area."><span class="glyphicon glyphicon-export"></span> Export</button>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75.  
  76. <div class="well well-sm">
  77. <div id='palette'></div>
  78. </div>
  79.  
  80. <div class="well well-sm">
  81.  
  82. <div id='undoRedo' class="btn-group" style="margin: 5px" role="toolbar">
  83. <button id='undo' type="button" class="btn btn-default" title="Undo"><span class="glyphicon glyphicon-chevron-left"></span></button>
  84. <button id='redo' type="button" class="btn btn-default" title="Redo"><span class="glyphicon glyphicon-chevron-right"></span></button>
  85. </div>
  86.  
  87. <div id='zoom' class='btn-group' style="margin: 5px" role="toolbar">
  88. <button id='zoomOut' type="button" class="btn btn-default" title="Zoom Out"><span class="glyphicon glyphicon-zoom-out"></span></button>
  89. <button id='zoomIn' type="button" class="btn btn-default" title="Zoom In"><span class="glyphicon glyphicon-zoom-in"></span></button>
  90. </div>
  91.  
  92. <div id='tools' class="btn-group" style="margin: 5px" role="toolbar">
  93. <div class="btn-group">
  94. <button id='toolPencil' class="btn btn-default" title="Pencil Tool - Click to paint a single pixel."><span class="glyphicon glyphicon-pencil"></span></button>
  95. <button id='toolBrush' class="btn btn-default" title="Brush Tool - Click to paint a 3x3 area."><span class="glyphicon glyphicon-th-large"></span></button>
  96. <button id='toolLine' class="btn btn-default" title="Line Tool - Click and drag to draw a line."><span class="glyphicon glyphicon-minus"></span></button>
  97. </div>
  98. <div class="btn-group">
  99. <button id='toolRectFill' class="btn btn-default" title="Rectangle Fill Tool - Click and drag to draw a filled rectangle."><span class="glyphicon glyphicon-stop"></span></button>
  100. <button id='toolRectOutline' class="btn btn-default" title="Rectangle Outline Tool - Click and drag to draw an outlined rectangle."><span class="glyphicon glyphicon-unchecked"></span></button>
  101. <button id='toolCircleFill' class="btn btn-default" title="Circle Fill Tool - Click and drag to draw a filled circle."><span class="glyphicon glyphicon-record"></span></button>
  102. <button id='toolCircleOutline' class="btn btn-default" title="Circle Outline Tool - Click and drag to draw an outlined circle."><span class="glyphicon glyphicon-remove-circle"></span></button>
  103. </div>
  104. <div class="btn-group">
  105. <button id='toolFill' class="btn btn-default" title="Fill Tool - Click to fill a contiguous area."><span class="glyphicon glyphicon-tint"></span></button>
  106. <button id='toolWire' class="btn btn-default" title="Wire Tool - Click to select an emitter (a button or portal). Click on the receiver(s) (gates, bombs, portals) to complete the link."><span class="glyphicon glyphicon-wrench"></span></button>
  107. </div>
  108. </div>
  109. </div>
  110.  
  111.  
  112. <div style="margin: 5px">
  113. <div class="form form-horizontal">
  114. <div class="form-group">
  115. <label for="symmetry" class="col-sm-3 control-label">Symmetry</label>
  116. <div class="col-sm-9">
  117. <select id='symmetry' class="col-sm-9 form-control">
  118. <option>None</option>
  119. <option>Horizontal</option>
  120. <option>Vertical</option>
  121. <option>4-Way</option>
  122. <option>Rotational</option>
  123. </select>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128.  
  129. <div style='text-align:center'>
  130. <a href='https://github.com/PeterReid/tagpro-map-editor'>[Source]</a>
  131. </div>
  132. </div>
  133.  
  134. </div>
  135. <div style='position:fixed;top:0;bottom:0;right:0;left:21em;overflow: scroll;white-space: nowrap;' id='map'>
  136.  
  137. </div>
  138.  
  139. <canvas width="200" height="200" id='importCanvas' style='display:none'></canvas>
  140.  
  141. <script type="text/javascript" src="map.js"></script>
  142.  
  143. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!