Merge pull request #3496 from plotly/fix3492-enable-opacity-by-alpha-fin

Enabling transparent webgl draws for scatter3d trace when colors are transparent

Author: archmoj

package-lock.json

@@ -73,15 +73,15 @@
     "font-atlas-sdf": "^1.3.3",
     "gl-cone3d": "^1.2.2",
     "gl-contour2d": "^1.1.5",
-    "gl-error3d": "^1.0.12",
+    "gl-error3d": "^1.0.13",
     "gl-heatmap2d": "^1.0.5",
-    "gl-line3d": "^1.1.9",
+    "gl-line3d": "^1.1.10",
     "gl-mat4": "^1.2.0",
     "gl-mesh3d": "^2.0.7",
     "gl-plot2d": "^1.4.2",
     "gl-plot3d": "^1.6.3",
     "gl-pointcloud2d": "^1.0.2",
-    "gl-scatter3d": "^1.1.5",
+    "gl-scatter3d": "^1.1.6",
     "gl-select-box": "^1.0.3",
     "gl-spikes2d": "^1.0.2",
     "gl-streamtube3d": "^1.1.2",

package.json

@@ -0,0 +1,43 @@
+{
+    "data": [
+        {
+            "x": [0, 1, 2, 3, 4],
+            "y": [0, 1, 2, 3, 4],
+            "z": [0,-1,-2,-3,-4],
+            "mode": "markers+lines",
+            "marker": {
+                "size": 50,
+                "color": ["rgb(0, 255, 0, 1.0)", "rgb(255, 0, 0, 1.0)", "rgb(255, 0, 0, 0.2)", "rgb(255, 0, 0, 1.0)", "rgb(0, 0, 255, 1.0)"]
+            },
+            "line": {
+                "width": 50,
+                "color": ["rgb(0, 255, 0, 1.0)", "rgb(255, 0, 0, 1.0)", "rgb(255, 0, 0, 0.2)", "rgb(255, 0, 0, 1.0)", "rgb(0, 0, 255, 1.0)"]
+            },
+            "error_z": {
+                "type": "sqrt",
+                "line": { "thickness": 10 },
+                "color": "rgb(255, 127, 0, 0.75)"
+            },
+            "error_x": {
+                "type": "sqrt"
+            },
+            "error_y": {
+                "type": "sqrt"
+            },
+            "type": "scatter3d"
+        }
+    ],
+    "layout": {
+        "title": {
+            "text": "Should draw transparent scatter3d markers and lines<br>when having transparent rgba color"
+        },
+        "width": 600,
+        "height": 600,
+        "scene": {
+            "xaxis": { "nticks": 12 },
+            "yaxis": { "nticks": 12 },
+            "zaxis": { "nticks": 12 }
+        }
+    }
+
+}