mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
1b44e3fd48
Basic features : Can create frames Can edit frames (black and white only) Can select the frame to edit Animated preview And that's it. Really tired and code is extremely ugly, just needed to do something that _works_
37 lines
952 B
HTML
37 lines
952 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
<title>Piskel</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="Julian Descottes">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
|
|
</head>
|
|
<body
|
|
onmousedown="piskel.onCanvasMousedown(arguments[0])"
|
|
onmouseup="piskel.onCanvasMouseup(arguments[0])">
|
|
<div class='debug left-nav'>
|
|
<span class="action-button"
|
|
onclick="piskel.addFrame()">
|
|
Add a Frame
|
|
</span>
|
|
<ul id="preview-list">
|
|
</ul>
|
|
</div>
|
|
<div class='main-panel'>
|
|
<div id="canvas-container"></div>
|
|
<div class='preview-container'>
|
|
<canvas id="animated-preview" width="256" height="256"></canvas>
|
|
</div>
|
|
</div>
|
|
<div id="cursorInfo"></div>
|
|
<script src="js/piskel.js"></script>
|
|
</body>
|
|
</html>
|