38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');
|
|
html, body, svg, vp-viewport {
|
|
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>
|
|
|
|
|
|
<vp-viewport grid></vp-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>
|
|
const view = $`vp-viewport`.$svg
|
|
view.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'])
|
|
)
|
|
</script> |