diff --git a/examples/edit.js b/examples/edit.js
index 09d30c712b..c45e66986a 100644
--- a/examples/edit.js
+++ b/examples/edit.js
@@ -1510,9 +1510,9 @@ PropertiesTool = function(opts) {
if (entity.properties.rotation !== undefined) {
entity.properties.rotation = Quat.safeEulerAngles(entity.properties.rotation);
}
- if (entity.properties.keyLightDirection !== undefined) {
- entity.properties.keyLightDirection = Vec3.multiply(RADIANS_TO_DEGREES, Vec3.toPolar(entity.properties.keyLightDirection));
- entity.properties.keyLightDirection.z = 0.0;
+ if (entity.properties.keyLight.direction !== undefined) {
+ entity.properties.keyLight.direction = Vec3.multiply(RADIANS_TO_DEGREES, Vec3.toPolar(entity.properties.keyLight.direction));
+ entity.properties.keyLight.direction.z = 0.0;
}
selections.push(entity);
}
@@ -1541,9 +1541,9 @@ PropertiesTool = function(opts) {
var rotation = data.properties.rotation;
data.properties.rotation = Quat.fromPitchYawRollDegrees(rotation.x, rotation.y, rotation.z);
}
- if (data.properties.keyLightDirection !== undefined) {
- data.properties.keyLightDirection = Vec3.fromPolar(
- data.properties.keyLightDirection.x * DEGREES_TO_RADIANS, data.properties.keyLightDirection.y * DEGREES_TO_RADIANS);
+ if (data.properties.keyLight.direction !== undefined) {
+ data.properties.keyLight.direction = Vec3.fromPolar(
+ data.properties.keyLight.direction.x * DEGREES_TO_RADIANS, data.properties.keyLight.direction.y * DEGREES_TO_RADIANS);
}
Entities.editEntity(selectionManager.selections[0], data.properties);
if (data.properties.name != undefined) {
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index cffca523d7..b3d7a5f6b6 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -328,6 +328,7 @@
var elZoneSections = document.querySelectorAll(".zone-section");
allSections.push(elZoneSections);
var elZoneStageSunModelEnabled = document.getElementById("property-zone-stage-sun-model-enabled");
+
var elZoneKeyLightColor = document.getElementById("property-zone-key-light-color");
var elZoneKeyLightColorRed = document.getElementById("property-zone-key-light-color-red");
var elZoneKeyLightColorGreen = document.getElementById("property-zone-key-light-color-green");
@@ -337,6 +338,7 @@
var elZoneKeyLightDirectionX = document.getElementById("property-zone-key-light-direction-x");
var elZoneKeyLightDirectionY = document.getElementById("property-zone-key-light-direction-y");
var elZoneKeyLightDirectionZ = document.getElementById("property-zone-key-light-direction-z");
+ var elZoneKeyLightAmbientURL = document.getElementById("property-zone-key-ambient-url");
var elZoneStageLatitude = document.getElementById("property-zone-stage-latitude");
var elZoneStageLongitude = document.getElementById("property-zone-stage-longitude");
@@ -568,15 +570,17 @@
}
elZoneStageSunModelEnabled.checked = properties.stage.sunModelEnabled;
- elZoneKeyLightColor.style.backgroundColor = "rgb(" + properties.keyLightColor.red + "," + properties.keyLightColor.green + "," + properties.keyLightColor.blue + ")";
- elZoneKeyLightColorRed.value = properties.keyLightColor.red;
- elZoneKeyLightColorGreen.value = properties.keyLightColor.green;
- elZoneKeyLightColorBlue.value = properties.keyLightColor.blue;
- elZoneKeyLightIntensity.value = properties.keyLightIntensity.toFixed(2);
- elZoneKeyLightAmbientIntensity.value = properties.keyLightAmbientIntensity.toFixed(2);
- elZoneKeyLightDirectionX.value = properties.keyLightDirection.x.toFixed(2);
- elZoneKeyLightDirectionY.value = properties.keyLightDirection.y.toFixed(2);
- elZoneKeyLightDirectionZ.value = properties.keyLightDirection.z.toFixed(2);
+ elZoneKeyLightColor.style.backgroundColor = "rgb(" + properties.keyLight.color.red + "," + properties.keyLight.color.green + "," + properties.keyLight.color.blue + ")";
+ elZoneKeyLightColorRed.value = properties.keyLight.color.red;
+ elZoneKeyLightColorGreen.value = properties.keyLight.color.green;
+ elZoneKeyLightColorBlue.value = properties.keyLight.color.blue;
+ elZoneKeyLightIntensity.value = properties.keyLight.intensity.toFixed(2);
+ elZoneKeyLightAmbientIntensity.value = properties.keyLight.ambientIntensity.toFixed(2);
+ elZoneKeyLightDirectionX.value = properties.keyLight.direction.x.toFixed(2);
+ elZoneKeyLightDirectionY.value = properties.keyLight.direction.y.toFixed(2);
+ elZoneKeyLightDirectionZ.value = properties.keyLight.direction.z.toFixed(2);
+ elZoneKeyLightAmbientURL.value = properties.keyLight.ambientURL;
+
elZoneStageLatitude.value = properties.stage.latitude.toFixed(2);
elZoneStageLongitude.value = properties.stage.longitude.toFixed(2);
@@ -819,21 +823,20 @@
onSubmit: function(hsb, hex, rgb, el) {
$(el).css('background-color', '#'+hex);
$(el).colpickHide();
- emitColorPropertyUpdate('keyLightColor', rgb.r, rgb.g, rgb.b);
+ emitColorPropertyUpdate('color', rgb.r, rgb.g, rgb.b, 'keyLight');
}
});
- var zoneKeyLightColorChangeFunction = createEmitColorPropertyUpdateFunction(
- 'keyLightColor', elZoneKeyLightColorRed, elZoneKeyLightColorGreen, elZoneKeyLightColorBlue);
+ var zoneKeyLightColorChangeFunction = createEmitGroupColorPropertyUpdateFunction('keyLight','color', elZoneKeyLightColorRed, elZoneKeyLightColorGreen, elZoneKeyLightColorBlue);
elZoneKeyLightColorRed.addEventListener('change', zoneKeyLightColorChangeFunction);
elZoneKeyLightColorGreen.addEventListener('change', zoneKeyLightColorChangeFunction);
elZoneKeyLightColorBlue.addEventListener('change', zoneKeyLightColorChangeFunction);
- elZoneKeyLightIntensity.addEventListener('change', createEmitNumberPropertyUpdateFunction('keyLightIntensity'));
- elZoneKeyLightAmbientIntensity.addEventListener('change', createEmitNumberPropertyUpdateFunction('keyLightAmbientIntensity'));
- var zoneKeyLightDirectionChangeFunction = createEmitVec3PropertyUpdateFunction(
- 'keyLightDirection', elZoneKeyLightDirectionX, elZoneKeyLightDirectionY, elZoneKeyLightDirectionZ);
+ elZoneKeyLightIntensity.addEventListener('change', createEmitGroupNumberPropertyUpdateFunction('intensity','keyLight'));
+ elZoneKeyLightAmbientIntensity.addEventListener('change', createEmitGroupNumberPropertyUpdateFunction('keyLight','ambientIntensity'));
+ var zoneKeyLightDirectionChangeFunction = createEmitGroupVec3PropertyUpdateFunction('keyLight','direction', elZoneKeyLightDirectionX, elZoneKeyLightDirectionY, elZoneKeyLightDirectionZ);
elZoneKeyLightDirectionX.addEventListener('change', zoneKeyLightDirectionChangeFunction);
elZoneKeyLightDirectionY.addEventListener('change', zoneKeyLightDirectionChangeFunction);
elZoneKeyLightDirectionZ.addEventListener('change', zoneKeyLightDirectionChangeFunction);
+ elZoneKeyLightAmbientURL.addEventListener('change', createEmitGroupTextPropertyUpdateFunction('keyLight','ambientURL'));
elZoneStageLatitude.addEventListener('change', createEmitGroupNumberPropertyUpdateFunction('stage','latitude'));
elZoneStageLongitude.addEventListener('change', createEmitGroupNumberPropertyUpdateFunction('stage','longitude'));
@@ -1476,8 +1479,12 @@
-
-
Key Light Color
+
+
+
-
-
Key Light Intensity
+
+
-
-
Key Light Ambient Intensity
-
-
-
-
-
-
Key Light Direction
+
+
-
+
+
Ambient Intensity
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
-
+
Automatically calculate stage hour and day from location and clock.
-
+
-
+
-
+
+
+
Background Mode