docs: Add html sample

excaliburjs · May 1, 2024 · c3fb1b8 · c3fb1b8
1 parent 9ee5219
commit c3fb1b8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/site/src/pages/samples/_data.ts b/site/src/pages/samples/_data.ts
@@ -7,8 +7,16 @@ import sampleMatterjs from './images/matterjs.gif'
 import sampleTiled from './images/tiled.gif'
 import sampleGrid from './images/grid.gif'
 import sampleTactics from './images/tinytactics-small.gif'
+import sampleHtml from './images/html.gif'
 
 export default [
+  {
+    title: 'UI with HTML/CSS/JS',
+    image: sampleHtml,
+    description: 'Example of how to build vanilla html/css/js UIs with Excalibur code. The main gist is to put an HTML layer above the canvas layer and use that for UI.',
+    url: 'https://excaliburjs.com/sample-html',
+    source: 'https://github.com/excaliburjs/sample-html',
+  },
   {
     title: 'Tiny Tactics',
     image: sampleTactics,

diff --git a/site/src/pages/samples/images/html.gif b/site/src/pages/samples/images/html.gif