<!DOCTYPE html>
<html>
	<head>
		<style>
			html,body{margin:0px; padding:0px; width:100%; height:100%;}
			body{background-color:#404040;}
			canvas{border:0px solid green;}
			div{display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
			#lblFPS{position:absolute; top:0px; left:0px; width:40px; padding:5px 5px;
				background:gray; color:white; font-weight:bold; text-align:center; font-family:arial; font-size:13px; }
		</style>

		<script type="module">
			import Fungi		from "/fungi/Fungi.js";
			import App			from "/fungi/App.js";
			import Api			from "/fungi/Api.js";

			window.addEventListener("load",function(){
				App.launch(onRender, [
					{ type:"shader", file:"/fungi/shaders/VecWColor.txt" },
				])	.then( ()=>App.loadScene() )
					.then( ()=>onInit() )
					.catch( err=>console.log("err", err) );
			});

			function onRender(dt, ss){ Fungi.ecs.updateSystems(); }
			function onInit(){
				//........................				
				Fungi.camera.com.Transform.setPosition(0,2,5).setDegrees(-20,"x");

				//........................


				//........................
				Fungi.loop.start();
			}
		</script>
	</head>
<body>
	<div><canvas id="FungiCanvas"></canvas></div>
	<span id="lblFPS">0</div>
</body>
</html>