bd99027852
- Added MinimapController that displays a frame on the animated preview when zoomed in - Added bounds for the offset to make sure it doesn't go crazy - Added new utility Math.js with a minmax function - TODO : the minimap controller has a lot of dependencies, see if could be cleaned up - TODO : DrawingController knows the size of the picture it has to render only indirectly, which makes it hard in some cases (such as boundary checking performed during setOffset)
60 lines
2.7 KiB
HTML
60 lines
2.7 KiB
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" type="text/css" href="css/reset.css">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css">
|
|
<link rel="stylesheet" type="text/css" href="css/tools.css">
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css">
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-tooltip-custom.css">
|
|
<link rel="stylesheet" type="text/css" href="css/preview-film-section.css">
|
|
<link rel="stylesheet" type="text/css" href="css/minimap.css">
|
|
</head>
|
|
<body>
|
|
<script type="text/javascript" src="js/lib/iframeLoader.js"></script>
|
|
<div class="piskel-name-container">
|
|
<input readonly id="piskel-name" type="text" value=""/>
|
|
</div>
|
|
<div id="main-wrapper" class="main-wrapper">
|
|
<iframe src="templates/drawing-tools.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
|
|
|
|
<div id="column-wrapper" class="column-wrapper">
|
|
<div class='column left-column'>
|
|
<iframe src="templates/frames-list.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
|
|
</div>
|
|
|
|
<div class='column main-column'>
|
|
<div id="drawing-canvas-container" class="drawing-canvas-container canvas-container">
|
|
<div class="canvas-background"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column right-column">
|
|
<iframe src="templates/preview.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
|
|
<iframe src="templates/layers-list.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="application-action-section" data-pskl-controller="settings" class="sticky-section right-sticky-section">
|
|
<div class="sticky-section-wrap">
|
|
<iframe src="templates/settings.html" onload="iframeloader.onLoad(event)" data-iframe-loader="display"></iframe>
|
|
<div class="drawer vertical-centerer">
|
|
<div class="drawer-content" id="drawer-container">
|
|
<iframe src="templates/settings-application.html" onload="iframeloader.onLoad(event)" data-iframe-loader="store"></iframe>
|
|
<iframe src="templates/settings-export-gif.html" onload="iframeloader.onLoad(event)" data-iframe-loader="store"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript" src="piskel-boot.js"></script>
|
|
</body>
|
|
</html>
|