feat(examples): add scenegraph-image example

thi-ng · Jul 26, 2019 · c08f94f · c08f94f
1 parent f0f689c
commit c08f94f
Show file tree

Hide file tree

Showing 7 changed files with 412 additions and 0 deletions.
diff --git a/examples/scenegraph-image/.gitignore b/examples/scenegraph-image/.gitignore
@@ -0,0 +1,5 @@
+.cache
+out
+node_modules
+yarn.lock
+*.js
diff --git a/examples/scenegraph-image/README.md b/examples/scenegraph-image/README.md
@@ -0,0 +1,19 @@
+# scenegraph-image
+
+[Live demo](http://demo.thi.ng/umbrella/scenegraph-image/)
+
+Similar to the other [scenegraph](../scenegraph/) example, only here
+using the node hierarchy & matrix transformations to displace geometry
+using image data from another node in the graph.
+
+Please refer to the [example build
+instructions](https://github.com/thi-ng/umbrella/wiki/Example-build-instructions)
+on the wiki.
+
+## Authors
+
+- Karsten Schmidt
+
+## License
+
+&copy; 2018 Karsten Schmidt // Apache Software License 2.0
diff --git a/examples/scenegraph-image/assets/logo-256.png b/examples/scenegraph-image/assets/logo-256.png
diff --git a/examples/scenegraph-image/index.html b/examples/scenegraph-image/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+        <title>scenegraph-image</title>
+        <link
+            href="https://unpkg.com/tachyons@4/css/tachyons.min.css"
+            rel="stylesheet"
+        />
+        <style></style>
+    </head>
+    <body class="ma0 pa0 bg-black white">
+        <div id="app"></div>
+        <script type="text/javascript" src="./src/index.ts"></script>
+    </body>
+</html>
diff --git a/examples/scenegraph-image/package.json b/examples/scenegraph-image/package.json
@@ -0,0 +1,30 @@
+{
+    "name": "scenegraph-image",
+    "version": "0.0.1",
+    "repository": "https://github.com/thi-ng/umbrella",
+    "author": "Karsten Schmidt <k+npm@thi.ng>",
+    "license": "Apache-2.0",
+    "scripts": {
+        "clean": "rm -rf .cache build out",
+        "build": "yarn clean && parcel build index.html -d out --public-url ./ --no-source-maps --no-cache --detailed-report --experimental-scope-hoisting",
+        "build:webpack": "../../node_modules/.bin/webpack --mode production",
+        "start": "parcel index.html -p 8080 --open"
+    },
+    "devDependencies": {
+        "parcel-bundler": "^1.12.3",
+        "terser": "^3.17.0",
+        "typescript": "^3.4.1"
+    },
+    "dependencies": {
+        "@thi.ng/api": "latest",
+        "@thi.ng/geom": "latest",
+        "@thi.ng/hdom": "latest",
+        "@thi.ng/pixel": "latest"
+    },
+    "browserslist": [
+        "last 3 Chrome versions"
+    ],
+    "browser": {
+        "process": false
+    }
+}