Added controls for KHR_materials_iridescence to the web app UI

KhronosGroup · Oct 5, 2021 · d3068fb · d3068fb
1 parent 6e4294a
commit d3068fb
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 1 deletion.
diff --git a/app_web/index.html b/app_web/index.html
@@ -323,6 +323,7 @@ <h2 class="title is-spaced">Advanced Controls</h2>
                                 <b-switch class="smallerLabel" v-bind:disabled="transmissionEnabled === false ? true : false" v-model="volumeEnabled">KHR_materials_volume</b-switch>
                                 <b-switch class="smallerLabel" v-model="iorEnabled">KHR_materials_ior</b-switch>
                                 <b-switch class="smallerLabel" v-model="specularEnabled">KHR_materials_specular</b-switch>
+                                <b-switch class="smallerLabel" v-model="iridescenceEnabled">KHR_materials_iridescence</b-switch>
                             </b-field>
                             <b-field label="Statistics" class="subtitle">
                                 <json-to-ui-template v-bind:data="statistics" v-bind:isinner="false"></json-to-ui-template>

diff --git a/app_web/src/logic/uimodel.js b/app_web/src/logic/uimodel.js
@@ -75,6 +75,8 @@ class UIModel
                                             map( ({ newValue, oldValue }) => newValue));
         this.iorEnabled = app.$watchAsObservable('iorEnabled').pipe(
                                             map( ({ newValue, oldValue }) => newValue));
+        this.iridescenceEnabled = app.$watchAsObservable('iridescenceEnabled').pipe(
+                                            map( ({ newValue, oldValue }) => newValue));
         this.specularEnabled = app.$watchAsObservable('specularEnabled').pipe(
                                             map( ({ newValue, oldValue }) => newValue));
         this.iblEnabled = app.iblChanged$.pipe(pluck("event", "msg"));

diff --git a/app_web/src/main.js b/app_web/src/main.js
@@ -199,6 +199,9 @@ async function main()
     uiModel.iorEnabled.subscribe( iorEnabled => {
         state.renderingParameters.enabledExtensions.KHR_materials_ior = iorEnabled;
     });
+    uiModel.iridescenceEnabled.subscribe( iridescenceEnabled => {
+        state.renderingParameters.enabledExtensions.KHR_materials_iridescence = iridescenceEnabled;
+    });
     uiModel.specularEnabled.subscribe( specularEnabled => {
         state.renderingParameters.enabledExtensions.KHR_materials_specular = specularEnabled;
     });

diff --git a/app_web/src/ui/ui.js b/app_web/src/ui/ui.js
@@ -91,6 +91,7 @@ const app = new Vue({
             transmissionEnabled: true,
             volumeEnabled: true,
             iorEnabled: true,
+            iridescenceEnabled: true,
             specularEnabled: true,
 
             activeTab: 0,

diff --git a/assets/models b/assets/models