add example

2023-11-14 00:44:26 +03:00
parent 37e14215b6
commit ddbde3a954
4 changed files with 95 additions and 2 deletions
--- a/examples/simple_scene/game.js
+++ b/examples/simple_scene/game.js
@@ -0,0 +1,41 @@
+import * as ujs from './engine.js';
+
+let app = new ujs.App(400, 400);
+
+let player = {
+  x: 200 - 25,
+  y: 200 - 25,
+  obj: null,
+};
+
+player.obj = new ujs.Rect(player.x, player.y, 50, 50, 'red');
+player.obj.ticker = () => {
+  player.obj.y = player.y;
+  player.obj.x = player.x;
+};
+
+let firstScene = new ujs.Scene(app.canvas, app.context, 400, 400);
+let layerInstances = new ujs.SceneLayer('Instances', [player.obj]);
+firstScene.addLayer(layerInstances);
+app.scene = firstScene;
+
+window.addEventListener('DOMContentLoaded', () => {
+  document.body.appendChild(app.view);
+});
+
+document.addEventListener('keydown', (e) => {
+  switch (e.code) {
+    case 'ArrowUp':
+      player.y -= 10;
+      break;
+    case 'ArrowDown':
+      player.y += 10;
+      break;
+    case 'ArrowLeft':
+      player.x -= 10;
+      break;
+    case 'ArrowRight':
+      player.x += 10;
+      break;
+  }
+});
--- a/examples/simple_scene/index.html
+++ b/examples/simple_scene/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>simple scene</title>
+	<script src="./game.js" type="module"></script>
+</head>
+<body>
+</body>
+</html>