Merge pull request #118 from HippoAR/opacity-transparency

add opacity and transparency

Author: macrozone

components/lib/createArComponent.js

@@ -12,6 +12,7 @@ import {
   castsShadow,
   categoryBitMask,
   eulerAngles,
+  opacity,
   orientation,
   position,
   renderingOrder,
@@ -42,6 +43,7 @@ const PROP_TYPES_NODE = {
   categoryBitMask,
   castsShadow,
   renderingOrder,
+  opacity,
 };
 
 const NODE_PROPS = keys(PROP_TYPES_NODE);

components/lib/propTypes.js

@@ -58,6 +58,9 @@ export const shadowMode = PropTypes.oneOf(values(ARKitManager.ShadowMode));
 export const colorBufferWriteMask = PropTypes.oneOf(
   values(ARKitManager.ColorMask),
 );
+
+export const opacity = PropTypes.number;
+
 export const material = PropTypes.shape({
   color,
   metalness: PropTypes.number,
@@ -69,5 +72,6 @@ export const material = PropTypes.shape({
   colorBufferWriteMask,
   doubleSided: PropTypes.bool,
   litPerPixel: PropTypes.bool,
+  transparency: PropTypes.number,
   fillMode,
 });

ios/RCTConvert+ARKit.m

@@ -323,6 +323,9 @@ + (void)setMaterialProperties:(SCNMaterial *)material properties:(id)json {
     if (json[@"diffuse"]) {
         material.diffuse.contents = [self UIColor:json[@"diffuse"]];
     }
+    if (json[@"transparency"]) {
+        material.transparency = [json[@"transparency"] floatValue];
+    }
 
     if (json[@"metalness"]) {
         material.lightingModelName = SCNLightingModelPhysicallyBased;
@@ -353,6 +356,7 @@ + (void)setMaterialProperties:(SCNMaterial *)material properties:(id)json {
         material.doubleSided = [json[@"doubleSided"] boolValue];
     }
 
+    
     if(json[@"litPerPixel"]) {
         material.litPerPixel = [json[@"litPerPixel"] boolValue];
     }
@@ -401,6 +405,10 @@ + (void)setNodeProperties:(SCNNode *)node properties:(id)json {
     if (json[@"rotation"]) {
         node.rotation = [self SCNVector4:json[@"rotation"]];
     }
+    
+    if (json[@"opacity"]) {
+        node.opacity = [json[@"opacity"] floatValue];
+    }
 }