cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
126 lines (125 loc) • 5.61 kB
JavaScript
import { property as e } from "../../../../_@lit_reactive-element@1.6.1@@lit/reactive-element/decorators/property.mjs";
import "../../../../_@lit_reactive-element@1.6.1@@lit/reactive-element/decorators/query-assigned-elements.mjs";
import { $scene, $needsRender, $shouldAttemptPreload, $renderer, $progressTracker } from "../model-viewer-base.mjs";
import { deserializeUrl, clamp } from "../utilities.mjs";
/* @license
* Copyright 2019 Google LLC. All Rights Reserved.
* Licensed under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an 'AS IS' BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var __decorate = globalThis && globalThis.__decorate || function(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
const BASE_OPACITY = 0.5;
const DEFAULT_SHADOW_INTENSITY = 0;
const DEFAULT_SHADOW_SOFTNESS = 1;
const DEFAULT_EXPOSURE = 1;
const $currentEnvironmentMap = Symbol("currentEnvironmentMap");
const $currentBackground = Symbol("currentBackground");
const $updateEnvironment = Symbol("updateEnvironment");
const $cancelEnvironmentUpdate = Symbol("cancelEnvironmentUpdate");
const EnvironmentMixin = (ModelViewerElement) => {
var _a, _b, _c;
class EnvironmentModelViewerElement extends ModelViewerElement {
constructor() {
super(...arguments);
this.environmentImage = null;
this.skyboxImage = null;
this.shadowIntensity = DEFAULT_SHADOW_INTENSITY;
this.shadowSoftness = DEFAULT_SHADOW_SOFTNESS;
this.exposure = DEFAULT_EXPOSURE;
this[_a] = null;
this[_b] = null;
this[_c] = null;
}
updated(changedProperties) {
super.updated(changedProperties);
if (changedProperties.has("shadowIntensity")) {
this[$scene].setShadowIntensity(this.shadowIntensity * BASE_OPACITY);
this[$needsRender]();
}
if (changedProperties.has("shadowSoftness")) {
this[$scene].setShadowSoftness(this.shadowSoftness);
this[$needsRender]();
}
if (changedProperties.has("exposure")) {
this[$scene].exposure = this.exposure;
this[$needsRender]();
}
if ((changedProperties.has("environmentImage") || changedProperties.has("skyboxImage")) && this[$shouldAttemptPreload]()) {
this[$updateEnvironment]();
}
}
hasBakedShadow() {
return this[$scene].bakedShadows.size > 0;
}
async [(_a = $currentEnvironmentMap, _b = $currentBackground, _c = $cancelEnvironmentUpdate, $updateEnvironment)]() {
const { skyboxImage, environmentImage } = this;
if (this[$cancelEnvironmentUpdate] != null) {
this[$cancelEnvironmentUpdate]();
this[$cancelEnvironmentUpdate] = null;
}
const { textureUtils } = this[$renderer];
if (textureUtils == null) {
return;
}
const updateEnvProgress = this[$progressTracker].beginActivity();
try {
const { environmentMap, skybox } = await textureUtils.generateEnvironmentMapAndSkybox(deserializeUrl(skyboxImage), environmentImage, (progress) => updateEnvProgress(clamp(progress, 0, 1)));
if (this[$currentEnvironmentMap] !== environmentMap) {
this[$currentEnvironmentMap] = environmentMap;
this.dispatchEvent(new CustomEvent("environment-change"));
}
if (skybox != null) {
this[$currentBackground] = skybox.name === environmentMap.name ? environmentMap : skybox;
} else {
this[$currentBackground] = null;
}
this[$scene].setEnvironmentAndSkybox(this[$currentEnvironmentMap], this[$currentBackground]);
this[$scene].dispatchEvent({ type: "envmap-update" });
} catch (errorOrPromise) {
if (errorOrPromise instanceof Error) {
this[$scene].setEnvironmentAndSkybox(null, null);
throw errorOrPromise;
}
} finally {
updateEnvProgress(1);
}
}
}
__decorate([
e({ type: String, attribute: "environment-image" })
], EnvironmentModelViewerElement.prototype, "environmentImage", void 0);
__decorate([
e({ type: String, attribute: "skybox-image" })
], EnvironmentModelViewerElement.prototype, "skyboxImage", void 0);
__decorate([
e({ type: Number, attribute: "shadow-intensity" })
], EnvironmentModelViewerElement.prototype, "shadowIntensity", void 0);
__decorate([
e({ type: Number, attribute: "shadow-softness" })
], EnvironmentModelViewerElement.prototype, "shadowSoftness", void 0);
__decorate([
e({
type: Number
})
], EnvironmentModelViewerElement.prototype, "exposure", void 0);
return EnvironmentModelViewerElement;
};
export { $currentBackground, $currentEnvironmentMap, $updateEnvironment, BASE_OPACITY, EnvironmentMixin };