Set transparency to get heatmap to display (#298)

* Set transparency to get heatmap to display

* Adding Stefan as code owner

Author: williamkbentley

.github/CODEOWNERS

@@ -8,4 +8,4 @@
 # the repo. Unless a later match takes precedence,
 # @global-owner1 and @global-owner2 will be requested for
 # review when someone opens a pull request.
-*  @Josh-Schifter @BaoTon @williamkbentley
+*  @Josh-Schifter @BaoTon @williamkbentley @StefanRetief

src/frontend-samples/heatmap-decorator-sample/HeatmapDecorator.ts

@@ -4,7 +4,7 @@
 *--------------------------------------------------------------------------------------------*/
 import { DecorateContext, Decorator, GraphicBranch, GraphicType, IModelApp, RenderGraphic, TextureImage } from "@itwin/core-frontend";
 import { Geometry, Point3d, Range2d, Range3d, Transform } from "@itwin/core-geometry";
-import { ColorDef, ColorDefProps, Gradient, GraphicParams, ImageBuffer, ImageBufferFormat, RenderMaterial, RenderTexture, TextureMapping, ThematicGradientColorScheme, ThematicGradientMode, ThematicGradientSettings } from "@itwin/core-common";
+import { ColorDef, ColorDefProps, Gradient, GraphicParams, ImageBuffer, ImageBufferFormat, RenderMaterial, RenderTexture, TextureMapping, TextureTransparency, ThematicGradientColorScheme, ThematicGradientMode, ThematicGradientSettings } from "@itwin/core-common";
 import { dispose } from "@itwin/core-bentley";
 
 /** This file contains the code that implements the heatmap decorator including
@@ -265,7 +265,7 @@ export default class HeatmapDecorator implements Decorator {
       return undefined;
 
     /* Step 3: Convert the image buffer to a texture */
-    const image: TextureImage = { source: imageBuffer };
+    const image: TextureImage = { source: imageBuffer, transparency: TextureTransparency.Translucent };
     const texture = IModelApp.renderSystem.createTexture({ type: RenderTexture.Type.Normal, image });
 
     if (undefined === texture)

src/frontend-samples/heatmap-decorator-sample/HeatmapDecoratorWidget.tsx

@@ -37,7 +37,6 @@ export const HeatmapDecoratorWidget: React.FunctionComponent = () => {
 
     setRangeState(range);
     setHeightState(height);
-
   }, []);
 
   /** When the images are loaded, initalize the MarkerPin */

src/sampleManifest.tsx

@@ -10,7 +10,7 @@ import { getDisplayStylesSpec } from "frontend-samples/display-styles-sample/sam
 import { getScreenSpaceEffectsSpec } from "frontend-samples/screen-space-effects-sample/sampleSpec";
 import { getClassifierSpec } from "frontend-samples/classifier-sample/sampleSpec";
 import { getEmphasizeElementsSpec } from "./frontend-samples/emphasize-elements-sample/sampleSpec";
-// import { getHeatmapDecoratorSpec } from "./frontend-samples/heatmap-decorator-sample/sampleSpec";
+import { getHeatmapDecoratorSpec } from "./frontend-samples/heatmap-decorator-sample/sampleSpec";
 import { getImageExportSpec } from "./frontend-samples/image-export/sampleSpec";
 import { getMarkerPinSpec } from "./frontend-samples/marker-pin-sample/sampleSpec";
 import { getMultiViewportSpec } from "frontend-samples/multi-viewport-sample/sampleSpec";
@@ -25,7 +25,6 @@ import { getCrossProbingSpec } from "./frontend-samples/cross-probing-sample/sam
 import { getViewAttributesSpec } from "./frontend-samples/view-attributes-sample/sampleSpec";
 import { getViewClipSpec } from "./frontend-samples/view-clip-sample/sampleSpec";
 import { getZoomToElementsSpec } from "./frontend-samples/zoom-to-elements-sample/sampleSpec";
-// import { getReadSettingsSpec } from "./frontend-samples/read-settings-sample/sampleSpec";
 import { getRealityDataSpec } from "./frontend-samples/reality-data-sample/sampleSpec";
 import { getVolumeQuerySpec } from "./frontend-samples/volume-query-sample/sampleSpec";
 import { getHyperModelingSpec } from "./frontend-samples/hypermodeling-sample/sampleSpec";
@@ -99,7 +98,7 @@ export const sampleManifest: SampleSpecGroup[] = [{
     getDisplayStylesSpec(),
     getEmphasizeElementsSpec(),
     getExplodeSpec(),
-    // getHeatmapDecoratorSpec(), Temporarily disabled until sample is fixed
+    getHeatmapDecoratorSpec(),
     getHyperModelingSpec(),
     getImageExportSpec(),
     getIotAlertSpec(),
@@ -112,7 +111,7 @@ export const sampleManifest: SampleSpecGroup[] = [{
     getScreenSpaceEffectsSpec(),
     getSerializeViewSpec(),
     getShadowStudySpec(),
-    // getSwipingComparisonSpec(), Temporarily disabled until sample is fixed
+    // getSwipingComparisonSpec(),
     getThematicDisplaySpec(),
     getTooltipCustomizeSpec(),
     getViewClipSpec(),
@@ -171,11 +170,9 @@ export const sampleManifest: SampleSpecGroup[] = [{
     getChangedElementsSpec(),
     getClashReviewSpec(),
     getIssuesSpec(),
-    // getReadSettingsSpec(), Temporarily disabled until sample is fixed
     getTransformationSpec(),
     getValidationSpec(),
   ],
-
 },
 ];