Adds random-primitive to randomizer component

joshskeen · joshskeen · commit e22194d24a19 · 2021-10-09T12:08:26.000-04:00
diff --git a/README.md b/README.md
@@ -29,7 +29,7 @@ See documentation for individual components:
 - [mountain](https://github.com/supermedium/superframe/tree/master/components/mountain/) - Mountain terrain in A-Frame using randomly-generated height maps
 - [orbit-controls](https://github.com/supermedium/superframe/tree/master/components/orbit-controls/) - Orbit controls component for A-Frame.
 - [proxy-event](https://github.com/supermedium/superframe/tree/master/components/proxy-event/) - A component to declaratively proxy events for A-Frame.
-- [randomizer](https://github.com/supermedium/superframe/tree/master/components/randomizer/) - Randomize color, position, rotation, and scale in A-Frame
+- [randomizer](https://github.com/supermedium/superframe/tree/master/components/randomizer/) - Randomize color, position, rotation, scale, and primitive in A-Frame
 - [render-order](https://github.com/supermedium/superframe/tree/master/components/render-order/) - A component that enables sorting and manually defining render order for transparent objects.
 - [state](https://github.com/supermedium/superframe/tree/master/components/state/) - State management for A-Frame using single global state modified through actions. State flows down to application via declarative binding.
 - [sun-sky](https://github.com/supermedium/superframe/tree/master/components/sun-sky/) - Gradient sky with adjustable sun in A-Frame
diff --git a/components/randomizer/README.md b/components/randomizer/README.md
@@ -44,6 +44,12 @@ Random position that maps to a surface of a bounding sphere.
 | min      | Minimum scale components. | 1 1 1         |
 | max      | Maximum scale components. | 2 2 2         |
 
+#### random-primitive
+
+| Property | Description               | Default Value |
+|----------|---------------------------|---------------|
+| exclude  | Primitives to exclude.    | []            |
+
 ### Usage
 
 #### Browser Installation
@@ -59,8 +65,7 @@ Install and use by directly including the [browser files](dist):
 
 <body>
   <a-scene>
-    <a-entity geometry="primitive: box"
-              random-position random-rotation random-scale></a-entity>
+    <a-entity random-position random-rotation random-scale random-primitive></a-entity>
   </a-scene>
 </body>
 ```
diff --git a/components/randomizer/examples/basic/index.html b/components/randomizer/examples/basic/index.html
@@ -1,15 +1,15 @@
 <html>
   <head>
     <title>Basic</title>
-    <meta name="description" content="20 boxes of random color, position, rotation, and scale">
+    <meta name="description" content="20 boxes of random color, position, rotation, scale, and primitive">
     <meta property="og:image" content="https://raw.githubusercontent.com/supermedium/superframe/master/components/randomizer/examples/basic/preview.png"></meta>
     <script src="../build.js"></script>
   </head>
   <body>
     <a-scene>
       <a-assets>
         <a-mixin id="random" geometry="primitive: box"
-                 random-color random-position random-rotation random-scale>
+                 random-color random-position random-rotation random-scale random-primitive>
         </a-mixin>
       </a-assets>
 
diff --git a/components/randomizer/index.html b/components/randomizer/index.html
@@ -70,7 +70,7 @@ <h2>Examples</h2>
         <li>
           <a href="examples/basic/" style="background-color: #222; background-image: url(examples/basic/preview.png)"></a>
           <h3>Basic</h3>
-          <p>20 boxes of random color, position, rotation, and scale</p>
+          <p>20 entities of random color, position, rotation, scale, and primitive</p>
         </li>
       
         <li>
diff --git a/components/randomizer/index.js b/components/randomizer/index.js
@@ -23,6 +23,23 @@ AFRAME.registerComponent('random-color', {
   }
 });
 
+/**
+ * Set random primitive.
+ */
+AFRAME.registerComponent('random-primitive', {
+  schema: {
+    exclude: { default: [] },
+  },
+  update: function () {
+    var exclude = this.data.exclude;
+    var primitives = Object.keys(AFRAME.geometries).filter(primitive => !exclude.includes(primitive));
+    const randomPrimitive = primitives[Math.floor(Math.random() * primitives.length)];
+    this.el.setAttribute('geometry', {
+      primitive: randomPrimitive
+    });
+  }
+});
+
 /**
  * Set random position within bounds.
  */
