{"action":"created","issue":{"url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/421","repository_url":"https://api.github.com/repos/openlayers/ol3-cesium","labels_url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/421/labels{/name}","comments_url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/421/comments","events_url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/421/events","html_url":"https://github.com/openlayers/ol3-cesium/issues/421","id":191956799,"number":421,"title":"Transparency issue in Firefox with polygons in 3D","user":{"login":"jmgomezpoveda","id":3722516,"avatar_url":"https://avatars.githubusercontent.com/u/3722516?v=3","gravatar_id":"","url":"https://api.github.com/users/jmgomezpoveda","html_url":"https://github.com/jmgomezpoveda","followers_url":"https://api.github.com/users/jmgomezpoveda/followers","following_url":"https://api.github.com/users/jmgomezpoveda/following{/other_user}","gists_url":"https://api.github.com/users/jmgomezpoveda/gists{/gist_id}","starred_url":"https://api.github.com/users/jmgomezpoveda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jmgomezpoveda/subscriptions","organizations_url":"https://api.github.com/users/jmgomezpoveda/orgs","repos_url":"https://api.github.com/users/jmgomezpoveda/repos","events_url":"https://api.github.com/users/jmgomezpoveda/events{/privacy}","received_events_url":"https://api.github.com/users/jmgomezpoveda/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2016-11-28T09:31:27Z","updated_at":"2016-11-29T10:03:05Z","closed_at":null,"body":"I have created some polygons with colours and transparencies. This is how it looks like in 2D:\r\n\r\n![2d](https://cloud.githubusercontent.com/assets/3722516/20662579/445e0a98-b554-11e6-8bed-04c8f55f02e8.jpg)\r\n\r\nHowever, in 3D, transparency is messed up in Firefox 50 (it shows as solid white), but fine in Chrome 53.\r\n\r\n3D rendering in Firefox:\r\n\r\n![3d-firefox](https://cloud.githubusercontent.com/assets/3722516/20662649/9c917eb6-b554-11e6-8040-e2bd12db0314.jpg)\r\n\r\n3D rendering in Chrome:\r\n\r\n![chrome-ok](https://cloud.githubusercontent.com/assets/3722516/20672045/28260570-b580-11e6-9353-6033aa61e841.jpg)\r\n\r\nThis used to work fine; not sure if in earlier versions of ol3-cesium, or earlier versions of Firefox.\r\n\r\nI have reproduced the issue in a small file; attaching it since I can't create a jsfiddle with ol3-cesium.\r\n\r\n[transparency_issue.zip](https://github.com/openlayers/ol3-cesium/files/615861/transparency_issue.zip)\r\n\r\n```\r\n<html>\r\n<head>\r\n  <meta content=\"text/html;charset=utf-8\" http-equiv=\"Content-Type\">\r\n  <meta content=\"utf-8\" http-equiv=\"encoding\">\r\n  <link rel=\"stylesheet\" type=\"text/css\" href=\"ol.css\" />\r\n  <script src=\"thirdparty/openlayers/ol3cesium.js\"></script>\r\n  <script src=\"thirdparty/Cesium/Cesium.js\"></script>\r\n  <script>\r\n    var map;\r\n    function createMap() {\r\n      map = new ol.Map({\r\n        layers: [\r\n          new ol.layer.Tile({\r\n            source: new ol.source.OSM()\r\n          })\r\n        ],\r\n        target: 'map2d'\r\n      });\r\n      map.getView().setCenter(ol.proj.transform([20, 75], 'EPSG:4326', 'EPSG:3857'));\r\n      map.getView().setZoom(3.5);\r\n\r\n      var geometry = [\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 70], [ 60, 70], [ 60, 69], [-10, 69], [-10, 70] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 71], [ 60, 71], [ 60, 70], [-10, 70], [-10, 71] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 72], [ 60, 72], [ 60, 71], [-10, 71], [-10, 72] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 73], [ 60, 73], [ 60, 72], [-10, 72], [-10, 73] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 74], [ 60, 74], [ 60, 73], [-10, 73], [-10, 74] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 75], [ 60, 75], [ 60, 74], [-10, 74], [-10, 75] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 76], [ 60, 76], [ 60, 75], [-10, 75], [-10, 76] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 77], [ 60, 77], [ 60, 76], [-10, 76], [-10, 77] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 78], [ 60, 78], [ 60, 77], [-10, 77], [-10, 78] ] ] ]),\r\n          new ol.geom.MultiPolygon([ [ [ [-10, 79], [ 60, 79], [ 60, 78], [-10, 78], [-10, 79] ] ] ])\r\n        ];\r\n\r\n      var colourStyles = [];\r\n      for (var i = 0; i < geometry.length; i++) {\r\n        colourStyles[i] = new ol.style.Style({\r\n          fill: new ol.style.Fill({\r\n            color: 'rgba(' + 10 * i + ', ' + 20 * i + ', ' + 30 * i + ', ' + 0.05*i +')'\r\n          })\r\n        });\r\n      }\r\n\r\n      var features = [];\r\n      for (var i = 0; i < geometry.length; i++) {\r\n        geometry[i].transform('EPSG:4326', 'EPSG:3857');\r\n        features.push(new ol.Feature({\r\n          geometry: geometry[i],\r\n          colour: i\r\n        }));\r\n      }\r\n\r\n      var vectorLayer = new ol.layer.Vector({\r\n        map: map,\r\n        source: new ol.source.Vector({\r\n          overlaps: false,\r\n          features: features\r\n        }),\r\n        style: function(feature) {\r\n          var colour = feature.get(\"colour\");\r\n          return colourStyles[colour];\r\n        }\r\n      });\r\n\r\n      map.addLayer(vectorLayer);\r\n\r\n      // Switch to 3D\r\n      setTimeout(function() {enable3D();}, 6000); \r\n    }\r\n\r\n    function enable3D() {\r\n      map3d = new olcs.OLCesium({map: map});\r\n\r\n      var scene = map3d.getCesiumScene();\r\n\r\n      //scene.camera.setView({\r\n      //    destination : Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0)\r\n      //});\r\n\r\n      map3d.setEnabled(true);\r\n    }\r\n  </script>\r\n</head>\r\n<body onload=\"createMap()\">\r\n  <div id=\"map2d\" style=\"width:800px;height:400px;float:left;\"></div>\r\n</body>\r\n</html>\r\n```"},"comment":{"url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/comments/263527817","html_url":"https://github.com/openlayers/ol3-cesium/issues/421#issuecomment-263527817","issue_url":"https://api.github.com/repos/openlayers/ol3-cesium/issues/421","id":263527817,"user":{"login":"gberaudo","id":7294662,"avatar_url":"https://avatars.githubusercontent.com/u/7294662?v=3","gravatar_id":"","url":"https://api.github.com/users/gberaudo","html_url":"https://github.com/gberaudo","followers_url":"https://api.github.com/users/gberaudo/followers","following_url":"https://api.github.com/users/gberaudo/following{/other_user}","gists_url":"https://api.github.com/users/gberaudo/gists{/gist_id}","starred_url":"https://api.github.com/users/gberaudo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gberaudo/subscriptions","organizations_url":"https://api.github.com/users/gberaudo/orgs","repos_url":"https://api.github.com/users/gberaudo/repos","events_url":"https://api.github.com/users/gberaudo/events{/privacy}","received_events_url":"https://api.github.com/users/gberaudo/received_events","type":"User","site_admin":false},"created_at":"2016-11-29T10:03:05Z","updated_at":"2016-11-29T10:03:05Z","body":"Fine to me to keep it open. Thanks."}}
{"actor":{"display_login":"gberaudo"}}