mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Tool plugin architecture with eraser/pen/paintbucket tools.

Browse Source
This commit is contained in:
Vince
2012-08-31 10:45:07 +02:00
parent 70ad2760df
commit ca04f8db4d
20 changed files with 614 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@@ -23,12 +23,16 @@
</ul>
</div>
<div class='main-panel'>
<div id="drawing-canvas-container" class="canvas-container">
<div id="drawing-canvas-container" class="drawing-canvas-container canvas-container">
<div class="canvas-background"></div>
</div>
<input id="color-picker" class="color" type="text" value=""/>
<ul id="palette" onclick="piskel.onPaletteClick(event)">
</ul>
<div id="tools-container" class="tools-container">
<div class="tool-icon tool-pen" data-tool-id="tool-pen"></div>
<div class="tool-icon tool-eraser" data-tool-id="tool-eraser"></div>
<div class="tool-icon tool-paint-bucket" data-tool-id="tool-paint-bucket"></div>
<input id="color-picker" class="color {hash:true}" type="text" value=""/>
<ul id="palette" onclick="piskel.onPaletteClick(event)"></ul>
</div>
<div class='preview-container'>
<div id='preview-canvas-container' class="canvas-container">
<div class="canvas-background"></div>
@@ -42,9 +46,20 @@
<div id="cursorInfo"></div>
<script src="js/lib/jquery-1.8.0.js"></script>
<script src="js/lib/pubsub.js"></script>
<script src="js/lib/pubsub.js"></script>
<script src="js/Constants.js"></script>
<script src="js/Events.js"></script>
<script src="js/utils.js"></script>
<script src="js/lib/jsColor_1_4_0/jscolor.js"></script>
<script src="js/frameSheetModel.js"></script>
<script src="js/drawingtools/BaseTool.js"></script>
<script src="js/drawingtools/SimplePen.js"></script>
<script src="js/drawingtools/Eraser.js"></script>
<script src="js/drawingtools/PaintBucket.js"></script>
<script src="js/ToolSelector.js"></script>
<script src="js/piskel.js"></script>
</body>
</html>