anim-3d-obj 1.1.65 → 1.1.67

package/README.md

@@ -10,13 +10,14 @@ The program does the leg work with regard to calculating translationZ depth and
 -  [Double box spin](https://codesandbox.io/s/react-anim-3d-double-box-spin-vbdhg2)
 -  [Floating Ribbon](https://codesandbox.io/s/cocky-butterfly-ygwkps)
 -  [Parallel divs animated x and y axis in tandem](https://codesandbox.io/s/anim-3d-obj-2-sides-simple-4057y7)
+-  [Obj Skeleton](https://codesandbox.io/s/anim-3d-obj-skeleton-5dlk70)
 
 ## Config
 
 Animations are optional. Either or both of `anim1Specs` or `anim2Specs` can be applied to the object.
 
 ```typescript
-const anim1Specs: object = {
+const anim1 = {
    border: "", // while testing reveal the animation wrapper
    degreesHi: -45, // degrees if spin
    degreesLow: 45, // degrees if spin

package/dist/cjs/components/Obj.d.ts

@@ -1,6 +1,6 @@
 interface ObjProps {
-    anim1Specs?: object | undefined;
-    anim2Specs?: object | undefined;
+    anim1?: object | undefined;
+    anim2?: object | undefined;
     children: any;
     depth?: number;
     global?: {

package/dist/cjs/components/Obj.js

@@ -9,14 +9,14 @@ const AnimWrap_1 = require("./styles/AnimWrap");
 const Scene_1 = require("./styles/Scene");
 const Face_1 = __importDefault(require("./Face"));
 function default_1(props) {
-    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces = { front: true }, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
+    let { anim1, anim2, width = 5, height = 5, depth = 5, faces = { front: true }, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
     // process config
     const buildFace = (faceType) => {
         return (react_1.default.createElement(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
     };
     return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
-        react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs },
-            react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs },
+        react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1 },
+            react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2 },
                 react_1.default.createElement(Global_1.ObjWrapper, null,
                     !!faces && !!faces.front ? buildFace("front") : null,
                     !!faces && !!faces.right ? buildFace("right") : null,

package/dist/esm/components/Obj.d.ts

@@ -1,6 +1,6 @@
 interface ObjProps {
-    anim1Specs?: object | undefined;
-    anim2Specs?: object | undefined;
+    anim1?: object | undefined;
+    anim2?: object | undefined;
     children: any;
     depth?: number;
     global?: {

package/dist/esm/components/Obj.js

@@ -4,14 +4,14 @@ import { AnimWrap } from "./styles/AnimWrap";
 import { SceneStyle } from "./styles/Scene";
 import Face from "./Face";
 export default function (props) {
-    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces = { front: true }, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
+    let { anim1, anim2, width = 5, height = 5, depth = 5, faces = { front: true }, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
     // process config
     const buildFace = (faceType) => {
         return (React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
     };
     return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
-        React.createElement(AnimWrap, { animSpecs: anim1Specs },
-            React.createElement(AnimWrap, { animSpecs: anim2Specs },
+        React.createElement(AnimWrap, { animSpecs: anim1 },
+            React.createElement(AnimWrap, { animSpecs: anim2 },
                 React.createElement(ObjWrapper, null,
                     !!faces && !!faces.front ? buildFace("front") : null,
                     !!faces && !!faces.right ? buildFace("right") : null,

package/package.json

@@ -1,4 +1,6 @@
 
+
+
 {
    "name": "anim-3d-obj",
    "repository": {
@@ -6,7 +8,7 @@
       "url": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git"
    },
    "homepage": "https://github.com/mdnelles/anim-3d-obj-npm-publisher.git",
-    "version": "1.1.65",
+    "version": "1.1.67",
    "description": "React library for creating 3D objects quickly.  Also these objects can be animated",
    "main": "dist/cjs/index.js",
    "module": "dist/esm/index.js",