75 lines
1.5 KiB
HTML
75 lines
1.5 KiB
HTML
<style>
|
|
@import url('./fonts/TitilliumWeb/TitilliumWeb.css');
|
|
html, body, svg, vp-viewport {
|
|
font-family: 'Titillium Web', sans-serif;
|
|
margin: 0; padding: 0; width: 100%; height: 100%;
|
|
--grid-color: grey;
|
|
}
|
|
</style>
|
|
<!--
|
|
<script src="./EventojLancilo.js"></script>
|
|
<script src="./DOM.js"></script>
|
|
<script src="./Draggable.js"></script>
|
|
<script src="./Overlay.js"></script>
|
|
<script src="./Group.js"></script>
|
|
<script src="./Box.js"></script>
|
|
|
|
<script src="./Viewport.js"></script>
|
|
-->
|
|
<script type="module">
|
|
import {
|
|
EventojLancilo
|
|
, logNpass
|
|
, DOM
|
|
, SVG
|
|
, CSS
|
|
, $
|
|
, $$
|
|
, Draggable
|
|
, Overlay
|
|
, Group
|
|
, Box
|
|
, Viewport
|
|
} from "./index.js"
|
|
|
|
window.nouilles = {
|
|
EventojLancilo
|
|
, logNpass
|
|
, DOM
|
|
, SVG
|
|
, CSS
|
|
, $
|
|
, $$
|
|
, Draggable
|
|
, Overlay
|
|
, Group
|
|
, Box
|
|
, Viewport
|
|
}
|
|
</script>
|
|
|
|
<nb-viewport grid></nb-viewport>
|
|
|
|
<!-- <vp-box title="Name tag">
|
|
<vp-socket output name="output1"></vp-socket>
|
|
<vp-socket input name="input1"></vp-socket>
|
|
<vp-socket input name="input2"></vp-socket>
|
|
</vp-box>
|
|
</vp-viewport> -->
|
|
|
|
<script type="module">
|
|
import { $ } from './DOM.js'
|
|
import { Box } from './Box.js'
|
|
|
|
const view = $`vp-viewport`
|
|
view.$svg.append(
|
|
Box('Name',['aze'],['qsd'])
|
|
, Box('Other',['float', 'list', 'list', 'list', 'list', 'list', 'list', 'list'],['foo'])
|
|
, Box('Awesome',['position:Vector3'],['scale:Vector3'])
|
|
, Box('SVG output',['svg:SVGSvgElement'],[])
|
|
, Box('String input',[],['string:String'])
|
|
, Box('Selector',['css:String','root:Node'],['nodes:NodeList'])
|
|
)
|
|
|
|
window.view = view
|
|
</script> |