From d9f17d010c3a184d56751bd4322a617cfd9ab350 Mon Sep 17 00:00:00 2001 From: ZappoMan Date: Thu, 7 May 2015 11:41:23 -0700 Subject: [PATCH] first cut at adding new zone properties to edit tools --- examples/html/entityProperties.html | 119 ++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html index 3e775ec698..d96fc7d76d 100644 --- a/examples/html/entityProperties.html +++ b/examples/html/entityProperties.html @@ -205,6 +205,24 @@ var elZoneStageDay = document.getElementById("property-zone-stage-day"); var elZoneStageHour = document.getElementById("property-zone-stage-hour"); + var elZoneBackgroundMode = document.getElementById("property-zone-background-mode"); + + var elZoneSkyboxColorRed = document.getElementById("property-zone-skybox-color-red"); + var elZoneSkyboxColorGreen = document.getElementById("property-zone-skybox-color-green"); + var elZoneSkyboxColorBlue = document.getElementById("property-zone-skybox-color-blue"); + var elZoneSkyboxURL = document.getElementById("property-zone-skybox-url"); + + var elZoneAtmosphereCenterX = document.getElementById("property-zone-atmosphere-center-x"); + var elZoneAtmosphereCenterY = document.getElementById("property-zone-atmosphere-center-y"); + var elZoneAtmosphereCenterZ = document.getElementById("property-zone-atmosphere-center-z"); + var elZoneAtmosphereInnerRadius = document.getElementById("property-zone-atmosphere-inner-radius"); + var elZoneAtmosphereOuterRadius = document.getElementById("property-zone-atmosphere-outer-radius"); + var elZoneAtmosphereMieScattering = document.getElementById("property-zone-atmosphere-mie-scattering"); + var elZoneAtmosphereRayleighScattering = document.getElementById("property-zone-atmosphere-rayleigh-scattering"); + var elZoneAtmosphereScatteringWavelengthsX = document.getElementById("property-zone-atmosphere-scattering-wavelengths-x"); + var elZoneAtmosphereScatteringWavelengthsY = document.getElementById("property-zone-atmosphere-scattering-wavelengths-y"); + var elZoneAtmosphereScatteringWavelengthsZ = document.getElementById("property-zone-atmosphere-scattering-wavelengths-z"); + if (window.EventBridge !== undefined) { EventBridge.scriptEventReceived.connect(function(data) { data = JSON.parse(data); @@ -386,6 +404,26 @@ elZoneStageHour.value = properties.stageHour; elShapeType.value = properties.shapeType; elCompoundShapeURL.value = properties.compoundShapeURL; + + elZoneBackgroundMode.value = properties.backgroundMode; + + elZoneSkyboxColorRed.value = properties.skybox.color.red; + elZoneSkyboxColorGreen.value = properties.skybox.color.green; + elZoneSkyboxColorBlue.value = properties.skybox.color.blue; + elZoneSkyboxURL.value = properties.skybox.url; + + elZoneAtmosphereCenterX.value = properties.atmosphere.center.x; + elZoneAtmosphereCenterY.value = properties.atmosphere.center.y; + elZoneAtmosphereCenterZ.value = properties.atmosphere.center.z; + elZoneAtmosphereInnerRadius.value = properties.atmosphere.innerRadius; + elZoneAtmosphereOuterRadius.value = properties.atmosphere.outerRadius; + elZoneAtmosphereMieScattering.value = properties.atmosphere.mieScattering; + elZoneAtmosphereRayleighScattering.value = properties.atmosphere.rayleighScattering; + elZoneAtmosphereScatteringWavelengthsX.value = properties.atmosphere.scatteringWavelengths.x; + elZoneAtmosphereScatteringWavelengthsY.value = properties.atmosphere.scatteringWavelengths.y; + elZoneAtmosphereScatteringWavelengthsZ.value = properties.atmosphere.scatteringWavelengths.z; + + } if (selected) { @@ -521,6 +559,21 @@ elZoneStageDay.addEventListener('change', createEmitNumberPropertyUpdateFunction('stageDay')); elZoneStageHour.addEventListener('change', createEmitNumberPropertyUpdateFunction('stageHour')); + elZoneBackgroundMode.addEventListener('change', createEmitTextPropertyUpdateFunction('backgroundMode')); + var zoneSkyboxColorChangeFunction = createEmitColorPropertyUpdateFunction( + 'skybox.color', elZoneSkyboxColorRed, elZoneSkyboxColorGreen, elZoneSkyboxColorBlue); + elZoneSkyboxURL.addEventListener('change', createEmitTextPropertyUpdateFunction('skybox.url')); + + var zoneAtmosphereCenterChangeFunction = createEmitVec3PropertyUpdateFunction( + 'atmosphere.center', elZoneAtmosphereCenterX, elZoneAtmosphereCenterY, elZoneAtmosphereCenterZ); + elZoneAtmosphereInnerRadius.addEventListener('change', createEmitNumberPropertyUpdateFunction('atmosphere.innerRadius')); + elZoneAtmosphereOuterRadius.addEventListener('change', createEmitNumberPropertyUpdateFunction('atmosphere.outerRadius')); + elZoneAtmosphereMieScattering.addEventListener('change', createEmitNumberPropertyUpdateFunction('atmosphere.mieScattering')); + elZoneAtmosphereRayleighScattering.addEventListener('change', createEmitNumberPropertyUpdateFunction('atmosphere.rayleighScattering')); + var zoneAtmosphereCenterChangeFunction = createEmitVec3PropertyUpdateFunction( + 'atmosphere.scatteringWavelengths', elZoneAtmosphereScatteringWavelengthsX, + elZoneAtmosphereScatteringWavelengthsY, elZoneAtmosphereScatteringWavelengthsZ); + elMoveSelectionToGrid.addEventListener("click", function() { EventBridge.emitWebEvent(JSON.stringify({ type: "action", @@ -958,6 +1011,72 @@ + +
+
Background Mode
+
+ +
+
+
+
Skybox Color
+
+
R
+
G
+
B
+
+
+
+
Skybox URL
+
+ +
+
+
+
Atmosphere Center
+
+
X
+
Y
+
Z
+
+
+
+
Atmosphere Inner Radius
+
+ +
+
+
+
Atmosphere Outer Radius
+
+ +
+
+
+
Atmosphere Mie Scattering
+
+ +
+
+
+
Atmosphere Rayleigh Scattering
+
+ +
+
+
+
Atmosphere Scattering Wavelenghts
+
+
X
+
Y
+
Z
+
+
+