98 lines
4.0 KiB
HTML
98 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Cat X</title>
|
|
<link rel="stylesheet" href="main.css">
|
|
<script type='text/javascript' src='elements/cat-caption.js'></script>
|
|
<script type='text/javascript' src='elements/cat-checkbox.js'></script>
|
|
<script type='text/javascript' src='elements/cat-template.js'></script>
|
|
<script type='text/javascript' src='renderer.js'></script>
|
|
<link rel="import" href="elements/cat-tab.html">
|
|
<link rel="import" href="elements/cat-tabview-select.html">
|
|
<link rel="import" href="elements/cat-vbox.html">
|
|
<link rel="import" href="elements/cat-test.html">
|
|
<link rel="import" href="elements/cat-ctl-2dtransform.html">
|
|
<link rel="import" href="elements/cat-ctl-animation.html">
|
|
<link rel="import" href="elements/cat-control-section.html">
|
|
<link rel="import" href="elements/cat-control-group.html">
|
|
<link rel="import" href="elements/cat-input.html">
|
|
<link rel="import" href="elements/cat-tabview.html">
|
|
<link rel="import" href="elements/cat-projectview.html">
|
|
<link rel="import" href="elements/cat-tree.html">
|
|
<link rel="import" href="elements/cat-timeline.html">
|
|
</head>
|
|
<body>
|
|
<cat-vbox id="controls" style="flex: 1;">
|
|
<cat-caption class="section-heading" label="Frame Controls"></cat-caption>
|
|
<cat-vbox style="overflow-y: auto; height: 100%;">
|
|
<cat-control-group label="Element Properties" folded>
|
|
</cat-control-group>
|
|
<cat-control-group label="Attached Animation Settings" folded>
|
|
<cat-ctl-animation></cat-ctl-animation>
|
|
</cat-control-group>
|
|
<cat-control-group label="General" folded>
|
|
</cat-control-group>
|
|
<cat-control-group label="Size and Position" folded>
|
|
<ctl-sizepos/>
|
|
</cat-control-group>
|
|
<cat-control-group label="Transform" folded>
|
|
<ctl-transform/>
|
|
</cat-control-group>
|
|
<cat-control-group label="2D Transform">
|
|
<cat-ctl-2dtransform></cat-ctl-2dtransform>
|
|
</cat-control-group>
|
|
<cat-control-group label="3D Transform" folded>
|
|
</cat-control-group>
|
|
<cat-control-group label="Image" folded>
|
|
</cat-control-group>
|
|
<cat-control-group label="Output" folded>
|
|
</cat-control-group>
|
|
</cat-vbox>
|
|
</cat-vbox>
|
|
<cat-vbox style="flex:4" class="panelbox">
|
|
<cat-hbox style="flex:3">
|
|
<cat-vbox id="view" style="flex:4">
|
|
<cat-caption class="section-heading" label="Projects"></cat-caption>
|
|
<cat-tabview closeable='true'>
|
|
</cat-tabview>
|
|
<!-- TAB BOX -->
|
|
<cat-box>
|
|
<cat-hbox style="flex:1" id="timeline">
|
|
<cat-timeline>
|
|
</cat-timeline>
|
|
</cat-hbox>
|
|
<cat-hbox id="timeline-controls">
|
|
<button class="fwd">begin</button>
|
|
<button class="fwd">prev-keyframe</button>
|
|
<button class="fwd">rev-step</button>
|
|
<button class="icon-play"></button>
|
|
<button class="fwd">fwd-step</button>
|
|
<button class="rev-keyframe">next-keyframe</button>
|
|
<button class="fwd-keyframe">end</button>
|
|
</cat-hbox>
|
|
</cat-box>
|
|
</cat-vbox>
|
|
<cat-vbox style="flex:1" id="elements">
|
|
<cat-vbox style="flex:1">
|
|
<cat-caption class="section-heading" label="Elements"></cat-caption>
|
|
<cat-tree id="elements-tree">
|
|
</cat-tree>
|
|
</cat-vbox>
|
|
<cat-vbox style="flex:1">
|
|
<cat-caption class="section-heading" label="Animations"></cat-caption>
|
|
<cat-tree id="animations-tree">
|
|
</cat-tree>
|
|
</cat-vbox>
|
|
</cat-vbox>
|
|
</cat-hbox>
|
|
<cat-gripper/>
|
|
</cat-vbox>
|
|
</body>
|
|
<script>
|
|
// You can also require other files to run in this process
|
|
//require('./renderer.js')
|
|
window.addEventListener('load', e => Cat.init());
|
|
</script>
|
|
</html>
|