tin-engine
Version:
Simple game engine to make small canvas based games using es6
56 lines (49 loc) • 2.79 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tin-Engine Examples</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
<link rel="stylesheet" type="text/css" href="examples/main.css" />
<script type="module">import renderExamples from './examples/examples.js';
import button from './basic/button.example.js';
import image from './basic/image.example.js';
import layout from './basic/layout.example.js';
import morph from './basic/morph.example.js';
import poly from './basic/poly.example.js';
import rect from './basic/rect.example.js';
import roundedrect from './basic/roundedrect.example.js';
import text from './basic/text.example.js';
import controls from './core/controls.example.js';
import game from './core/game.example.js';
import graphic from './core/graphic.example.js';
import mouse from './core/mouse.example.js';
import sound from './core/sound.example.js';
import easing from './definition/easing.example.js';
import animation from './lib/animation.example.js';
import map from './lib/map.example.js';
window.onload = () => renderExamples({
button: {examples: button, path: 'basic/button.example.js'},
image: {examples: image, path: 'basic/image.example.js'},
layout: {examples: layout, path: 'basic/layout.example.js'},
morph: {examples: morph, path: 'basic/morph.example.js'},
poly: {examples: poly, path: 'basic/poly.example.js'},
rect: {examples: rect, path: 'basic/rect.example.js'},
roundedrect: {examples: roundedrect, path: 'basic/roundedrect.example.js'},
text: {examples: text, path: 'basic/text.example.js'},
controls: {examples: controls, path: 'core/controls.example.js'},
game: {examples: game, path: 'core/game.example.js'},
graphic: {examples: graphic, path: 'core/graphic.example.js'},
mouse: {examples: mouse, path: 'core/mouse.example.js'},
sound: {examples: sound, path: 'core/sound.example.js'},
easing: {examples: easing, path: 'definition/easing.example.js'},
animation: {examples: animation, path: 'lib/animation.example.js'},
map: {examples: map, path: 'lib/map.example.js'},
});</script>
</head>
<body></body>
</html>