playcanvas
Version:
Open-source WebGL/WebGPU 3D engine for the web
67 lines (66 loc) • 2.41 kB
JavaScript
import { CULLFACE_FRONT, SEMANTIC_POSITION, SHADERLANGUAGE_GLSL, SHADERLANGUAGE_WGSL } from "../../platform/graphics/constants.js";
import { LAYERID_SKYBOX, SKYTYPE_INFINITE } from "../constants.js";
import { ShaderMaterial } from "../materials/shader-material.js";
import { MeshInstance } from "../mesh-instance.js";
import { ChunkUtils } from "../shader-lib/chunk-utils.js";
import { SkyGeometry } from "./sky-geometry.js";
import { ShaderChunks } from "../shader-lib/shader-chunks.js";
class SkyMesh {
meshInstance = null;
_depthWrite = false;
constructor(device, scene, node, texture, type) {
const material = new ShaderMaterial({
uniqueName: "SkyMaterial",
vertexGLSL: ShaderChunks.get(device, SHADERLANGUAGE_GLSL).get("skyboxVS"),
fragmentGLSL: ShaderChunks.get(device, SHADERLANGUAGE_GLSL).get("skyboxPS"),
vertexWGSL: ShaderChunks.get(device, SHADERLANGUAGE_WGSL).get("skyboxVS"),
fragmentWGSL: ShaderChunks.get(device, SHADERLANGUAGE_WGSL).get("skyboxPS"),
attributes: {
aPosition: SEMANTIC_POSITION
}
});
material.setDefine("{SKYBOX_DECODE_FNC}", ChunkUtils.decodeFunc(texture.encoding));
if (type !== SKYTYPE_INFINITE) material.setDefine("SKYMESH", "");
if (texture.cubemap) material.setDefine("SKY_CUBEMAP", "");
material.setParameter("skyboxHighlightMultiplier", scene.skyboxHighlightMultiplier);
if (texture.cubemap) {
material.setParameter("texture_cubeMap", texture);
} else {
material.setParameter("texture_envAtlas", texture);
material.setParameter("mipLevel", scene.skyboxMip);
}
material.cull = CULLFACE_FRONT;
material.depthWrite = this._depthWrite;
const skyLayer = scene.layers.getLayerById(LAYERID_SKYBOX);
if (skyLayer) {
const mesh = SkyGeometry.create(device, type);
const meshInstance = new MeshInstance(mesh, material, node);
this.meshInstance = meshInstance;
meshInstance.cull = false;
meshInstance.pick = false;
skyLayer.addMeshInstances([meshInstance]);
this.skyLayer = skyLayer;
}
}
destroy() {
if (this.meshInstance) {
if (this.skyLayer) {
this.skyLayer.removeMeshInstances([this.meshInstance]);
}
this.meshInstance.destroy();
this.meshInstance = null;
}
}
set depthWrite(value) {
this._depthWrite = value;
if (this.meshInstance) {
this.meshInstance.material.depthWrite = value;
}
}
get depthWrite() {
return this._depthWrite;
}
}
export {
SkyMesh
};