Add simulator

2016-03-10 16:24:11 -08:00
parent bd4adccde0
commit 1cc69ba4a1
8 changed files with 1427 additions and 1 deletions
--- a/sim/public/sim.css
+++ b/sim/public/sim.css
@ -0,0 +1,74 @@
+svg.sim {
+    margin-bottom:1em;
+}
+.sim-button {
+    pointer-events: none;    
+}
+
+.sim-button-outer:hover {
+    stroke:grey;
+    stroke-width: 3px;
+}
+
+.sim-pin-touch:hover {
+    stroke:#D4AF37;
+    stroke-width:2px;
+}
+
+.sim-pin-touch.touched:hover {
+    stroke:darkorange;
+}
+
+.sim-led-back:hover {
+    stroke:#a0a0a0;
+    stroke-width:3px;
+}
+.sim-led:hover {
+    stroke:#ff7f7f;
+    stroke-width:3px;
+}
+
+.sim-systemled {
+    fill:#333;
+    stroke:#555;
+    stroke-width: 1px;
+}
+
+.sim-antenna {
+    stroke:#555;
+    stroke-width: 2px;
+}
+
+.sim-text {
+  font-family:monospace;
+  font-size:25px;
+  fill:#fff;
+}
+
+.sim-text-pin {
+  font-family:monospace;
+  font-size:20px;
+  fill:#fff;
+}
+
+/* animations */
+.sim-flash {
+    animation-name: sim-flash-animation;
+    animation-duration: 0.1s;
+}
+
+@keyframes sim-flash-animation {  
+    from { fill: yellow; }
+    to   { fill: default; }
+}
+
+.sim-flash-stroke {
+    animation-name: sim-flash-stroke-animation;
+    animation-duration: 0.4s;
+    animation-timing-function: ease-in;
+}
+
+@keyframes sim-flash-stroke-animation {  
+    from { stroke: yellow; }
+    to   { stroke: default; }
+}
--- a/sim/public/simulator.html
+++ b/sim/public/simulator.html
@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en" data-framework="typescript">
+
+<head>
+    <meta charset="utf-8">
+    <title>microbit simulator</title>
+    <link rel="stylesheet" type="text/css" href="./sim.css">
+    <style>
+        body {
+            background: transparent;
+            overflow: hidden;
+        }
+    </style>
+    <script type="text/javascript" src="./bluebird.min.js"></script>
+    <script type="text/javascript" src="./kindsim.js"></script>
+    <script type="text/javascript" src="./sim.js"></script>
+</head>
+
+<body>
+</body>