/// var BABYLON; (function (BABYLON) { var GLTFFileLoader = (function () { function GLTFFileLoader() { this.extensions = { ".gltf": { isBinary: false }, ".glb": { isBinary: true } }; } GLTFFileLoader.prototype.importMeshAsync = function (meshesNames, scene, data, rootUrl, onSuccess, onError) { var loaderData = GLTFFileLoader._parse(data); var loader = this._getLoader(loaderData); if (!loader) { onError(); return; } loader.importMeshAsync(meshesNames, scene, loaderData, rootUrl, onSuccess, onError); }; GLTFFileLoader.prototype.loadAsync = function (scene, data, rootUrl, onSuccess, onError) { var loaderData = GLTFFileLoader._parse(data); var loader = this._getLoader(loaderData); if (!loader) { onError(); return; } return loader.loadAsync(scene, loaderData, rootUrl, onSuccess, onError); }; GLTFFileLoader._parse = function (data) { if (data instanceof ArrayBuffer) { return GLTFFileLoader._parseBinary(data); } return { json: JSON.parse(data), bin: null }; }; GLTFFileLoader.prototype._getLoader = function (loaderData) { var loaderVersion = { major: 2, minor: 0 }; var asset = loaderData.json.asset || {}; var version = GLTFFileLoader._parseVersion(asset.version); if (!version) { BABYLON.Tools.Error("Invalid version"); return null; } var minVersion = GLTFFileLoader._parseVersion(asset.minVersion); if (minVersion) { if (GLTFFileLoader._compareVersion(minVersion, loaderVersion) > 0) { BABYLON.Tools.Error("Incompatible version"); return null; } } var loaders = { 1: GLTFFileLoader.GLTFLoaderV1, 2: GLTFFileLoader.GLTFLoaderV2 }; var loader = loaders[version.major]; if (loader === undefined) { BABYLON.Tools.Error("Unsupported version"); return null; } if (loader === null) { BABYLON.Tools.Error("v" + version.major + " loader is not available"); return null; } return loader; }; GLTFFileLoader._parseBinary = function (data) { var Binary = { Magic: 0x46546C67 }; var binaryReader = new BinaryReader(data); var magic = binaryReader.readUint32(); if (magic !== Binary.Magic) { BABYLON.Tools.Error("Unexpected magic: " + magic); return null; } var version = binaryReader.readUint32(); switch (version) { case 1: return GLTFFileLoader._parseV1(binaryReader); case 2: return GLTFFileLoader._parseV2(binaryReader); } BABYLON.Tools.Error("Unsupported version: " + version); return null; }; GLTFFileLoader._parseV1 = function (binaryReader) { var ContentFormat = { JSON: 0 }; var length = binaryReader.readUint32(); if (length != binaryReader.getLength()) { BABYLON.Tools.Error("Length in header does not match actual data length: " + length + " != " + binaryReader.getLength()); return null; } var contentLength = binaryReader.readUint32(); var contentFormat = binaryReader.readUint32(); var content; switch (contentFormat) { case ContentFormat.JSON: content = JSON.parse(GLTFFileLoader._decodeBufferToText(binaryReader.readUint8Array(contentLength))); break; default: BABYLON.Tools.Error("Unexpected content format: " + contentFormat); return null; } var bytesRemaining = binaryReader.getLength() - binaryReader.getPosition(); var body = binaryReader.readUint8Array(bytesRemaining); return { json: content, bin: body }; }; GLTFFileLoader._parseV2 = function (binaryReader) { var ChunkFormat = { JSON: 0x4E4F534A, BIN: 0x004E4942 }; var length = binaryReader.readUint32(); if (length !== binaryReader.getLength()) { BABYLON.Tools.Error("Length in header does not match actual data length: " + length + " != " + binaryReader.getLength()); return null; } // JSON chunk var chunkLength = binaryReader.readUint32(); var chunkFormat = binaryReader.readUint32(); if (chunkFormat !== ChunkFormat.JSON) { BABYLON.Tools.Error("First chunk format is not JSON"); return null; } var json = JSON.parse(GLTFFileLoader._decodeBufferToText(binaryReader.readUint8Array(chunkLength))); // Look for BIN chunk var bin = null; while (binaryReader.getPosition() < binaryReader.getLength()) { chunkLength = binaryReader.readUint32(); chunkFormat = binaryReader.readUint32(); switch (chunkFormat) { case ChunkFormat.JSON: BABYLON.Tools.Error("Unexpected JSON chunk"); return null; case ChunkFormat.BIN: bin = binaryReader.readUint8Array(chunkLength); break; default: // ignore unrecognized chunkFormat binaryReader.skipBytes(chunkLength); break; } } return { json: json, bin: bin }; }; GLTFFileLoader._parseVersion = function (version) { if (!version) { return null; } var parts = version.split("."); if (parts.length === 0) { return null; } var major = parseInt(parts[0]); if (major > 1 && parts.length != 2) { return null; } var minor = parseInt(parts[1]); return { major: major, minor: parseInt(parts[0]) }; }; GLTFFileLoader._compareVersion = function (a, b) { if (a.major > b.major) return 1; if (a.major < b.major) return -1; if (a.minor > b.minor) return 1; if (a.minor < b.minor) return -1; return 0; }; GLTFFileLoader._decodeBufferToText = function (view) { var result = ""; var length = view.byteLength; for (var i = 0; i < length; ++i) { result += String.fromCharCode(view[i]); } return result; }; return GLTFFileLoader; }()); GLTFFileLoader.GLTFLoaderV1 = null; GLTFFileLoader.GLTFLoaderV2 = null; GLTFFileLoader.HomogeneousCoordinates = false; GLTFFileLoader.IncrementalLoading = true; BABYLON.GLTFFileLoader = GLTFFileLoader; var BinaryReader = (function () { function BinaryReader(arrayBuffer) { this._arrayBuffer = arrayBuffer; this._dataView = new DataView(arrayBuffer); this._byteOffset = 0; } BinaryReader.prototype.getPosition = function () { return this._byteOffset; }; BinaryReader.prototype.getLength = function () { return this._arrayBuffer.byteLength; }; BinaryReader.prototype.readUint32 = function () { var value = this._dataView.getUint32(this._byteOffset, true); this._byteOffset += 4; return value; }; BinaryReader.prototype.readUint8Array = function (length) { var value = new Uint8Array(this._arrayBuffer, this._byteOffset, length); this._byteOffset += length; return value; }; BinaryReader.prototype.skipBytes = function (length) { this._byteOffset += length; }; return BinaryReader; }()); BABYLON.SceneLoader.RegisterPlugin(new GLTFFileLoader()); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFFileLoader.js.map /// var BABYLON; (function (BABYLON) { var GLTF2; (function (GLTF2) { /** * Enums */ var EComponentType; (function (EComponentType) { EComponentType[EComponentType["BYTE"] = 5120] = "BYTE"; EComponentType[EComponentType["UNSIGNED_BYTE"] = 5121] = "UNSIGNED_BYTE"; EComponentType[EComponentType["SHORT"] = 5122] = "SHORT"; EComponentType[EComponentType["UNSIGNED_SHORT"] = 5123] = "UNSIGNED_SHORT"; EComponentType[EComponentType["UNSIGNED_INT"] = 5125] = "UNSIGNED_INT"; EComponentType[EComponentType["FLOAT"] = 5126] = "FLOAT"; })(EComponentType = GLTF2.EComponentType || (GLTF2.EComponentType = {})); var EMeshPrimitiveMode; (function (EMeshPrimitiveMode) { EMeshPrimitiveMode[EMeshPrimitiveMode["POINTS"] = 0] = "POINTS"; EMeshPrimitiveMode[EMeshPrimitiveMode["LINES"] = 1] = "LINES"; EMeshPrimitiveMode[EMeshPrimitiveMode["LINE_LOOP"] = 2] = "LINE_LOOP"; EMeshPrimitiveMode[EMeshPrimitiveMode["LINE_STRIP"] = 3] = "LINE_STRIP"; EMeshPrimitiveMode[EMeshPrimitiveMode["TRIANGLES"] = 4] = "TRIANGLES"; EMeshPrimitiveMode[EMeshPrimitiveMode["TRIANGLE_STRIP"] = 5] = "TRIANGLE_STRIP"; EMeshPrimitiveMode[EMeshPrimitiveMode["TRIANGLE_FAN"] = 6] = "TRIANGLE_FAN"; })(EMeshPrimitiveMode = GLTF2.EMeshPrimitiveMode || (GLTF2.EMeshPrimitiveMode = {})); var ETextureMagFilter; (function (ETextureMagFilter) { ETextureMagFilter[ETextureMagFilter["NEAREST"] = 9728] = "NEAREST"; ETextureMagFilter[ETextureMagFilter["LINEAR"] = 9729] = "LINEAR"; })(ETextureMagFilter = GLTF2.ETextureMagFilter || (GLTF2.ETextureMagFilter = {})); var ETextureMinFilter; (function (ETextureMinFilter) { ETextureMinFilter[ETextureMinFilter["NEAREST"] = 9728] = "NEAREST"; ETextureMinFilter[ETextureMinFilter["LINEAR"] = 9729] = "LINEAR"; ETextureMinFilter[ETextureMinFilter["NEAREST_MIPMAP_NEAREST"] = 9984] = "NEAREST_MIPMAP_NEAREST"; ETextureMinFilter[ETextureMinFilter["LINEAR_MIPMAP_NEAREST"] = 9985] = "LINEAR_MIPMAP_NEAREST"; ETextureMinFilter[ETextureMinFilter["NEAREST_MIPMAP_LINEAR"] = 9986] = "NEAREST_MIPMAP_LINEAR"; ETextureMinFilter[ETextureMinFilter["LINEAR_MIPMAP_LINEAR"] = 9987] = "LINEAR_MIPMAP_LINEAR"; })(ETextureMinFilter = GLTF2.ETextureMinFilter || (GLTF2.ETextureMinFilter = {})); var ETextureWrapMode; (function (ETextureWrapMode) { ETextureWrapMode[ETextureWrapMode["CLAMP_TO_EDGE"] = 33071] = "CLAMP_TO_EDGE"; ETextureWrapMode[ETextureWrapMode["MIRRORED_REPEAT"] = 33648] = "MIRRORED_REPEAT"; ETextureWrapMode[ETextureWrapMode["REPEAT"] = 10497] = "REPEAT"; })(ETextureWrapMode = GLTF2.ETextureWrapMode || (GLTF2.ETextureWrapMode = {})); })(GLTF2 = BABYLON.GLTF2 || (BABYLON.GLTF2 = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFLoaderInterfaces.js.map /// var BABYLON; (function (BABYLON) { var GLTF2; (function (GLTF2) { var getNodeID = function (index) { return "node" + index; }; var loadAnimation = function (runtime, animation, animationIndex) { for (var channelIndex = 0; channelIndex < animation.channels.length; channelIndex++) { var channel = animation.channels[channelIndex]; if (!channel) { BABYLON.Tools.Warn("[Animation " + animationIndex + "] Channel " + channelIndex + " does not exist"); continue; } var samplerIndex = channel.sampler; if (samplerIndex === undefined) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + samplerIndex + "] Sampler is not defined"); continue; } var sampler = animation.samplers[samplerIndex]; if (!sampler) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + channelIndex + "] Sampler " + samplerIndex + " does not exist"); continue; } if (!channel.target) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + channelIndex + "] Target does not exist"); continue; } var targetNode = runtime.babylonScene.getNodeByID(getNodeID(channel.target.node)); if (!targetNode) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + channelIndex + "] Target node " + channel.target.node + " does not exist"); continue; } var targetPath = { "translation": "position", "rotation": "rotationQuaternion", "scale": "scaling", "weights": "influence" }[channel.target.path]; if (!targetPath) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + channelIndex + "] Target path " + channel.target.path + " is invalid"); continue; } var inputBuffer = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, runtime.gltf.accessors[sampler.input]); var outputBuffer = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, runtime.gltf.accessors[sampler.output]); var outputBufferOffset = 0; var animationType = { "position": BABYLON.Animation.ANIMATIONTYPE_VECTOR3, "rotationQuaternion": BABYLON.Animation.ANIMATIONTYPE_QUATERNION, "scale": BABYLON.Animation.ANIMATIONTYPE_VECTOR3, "influence": BABYLON.Animation.ANIMATIONTYPE_FLOAT, }[targetPath]; var getNextOutputValue = { "position": function () { var value = BABYLON.Vector3.FromArray(outputBuffer, outputBufferOffset); outputBufferOffset += 3; return value; }, "rotationQuaternion": function () { var value = BABYLON.Quaternion.FromArray(outputBuffer, outputBufferOffset); outputBufferOffset += 4; return value; }, "scale": function () { var value = BABYLON.Vector3.FromArray(outputBuffer, outputBufferOffset); outputBufferOffset += 3; return value; }, "influence": function () { var numTargets = targetNode.morphTargetManager.numTargets; var value = new Array(numTargets); for (var i = 0; i < numTargets; i++) { value[i] = outputBuffer[outputBufferOffset++]; } return value; }, }[targetPath]; var getNextKey = { "LINEAR": function (frameIndex) { return ({ frame: inputBuffer[frameIndex], value: getNextOutputValue() }); }, "CUBICSPLINE": function (frameIndex) { return ({ frame: inputBuffer[frameIndex], inTangent: getNextOutputValue(), value: getNextOutputValue(), outTangent: getNextOutputValue() }); }, }[sampler.interpolation]; if (!getNextKey) { BABYLON.Tools.Warn("[Animation " + animationIndex + ", Channel + " + channelIndex + "] Sampler interpolation '" + sampler.interpolation + "' is invalid"); continue; } var keys = new Array(inputBuffer.length); for (var frameIndex = 0; frameIndex < inputBuffer.length; frameIndex++) { keys[frameIndex] = getNextKey(frameIndex); } if (targetPath === "influence") { var targetMesh = targetNode; for (var targetIndex = 0; targetIndex < targetMesh.morphTargetManager.numTargets; targetIndex++) { var morphTarget = targetMesh.morphTargetManager.getTarget(targetIndex); var animationName = (animation.name || "anim" + animationIndex) + "_" + targetIndex; var babylonAnimation = new BABYLON.Animation(animationName, targetPath, 1, animationType); babylonAnimation.setKeys(keys.map(function (key) { return ({ frame: key.frame, inTangent: key.inTangent ? key.inTangent[targetIndex] : undefined, value: key.value[targetIndex], outTangent: key.outTangent ? key.outTangent[targetIndex] : undefined }); })); morphTarget.animations.push(babylonAnimation); runtime.babylonScene.beginAnimation(morphTarget, 0, inputBuffer[inputBuffer.length - 1], true); } } else { var animationName = animation.name || "anim" + animationIndex; var babylonAnimation = new BABYLON.Animation(animationName, targetPath, 1, animationType); babylonAnimation.setKeys(keys); targetNode.animations.push(babylonAnimation); runtime.babylonScene.beginAnimation(targetNode, 0, inputBuffer[inputBuffer.length - 1], true); } } }; /** * Loads and creates animations */ var loadAnimations = function (runtime) { var animations = runtime.gltf.animations; if (!animations || animations.length === 0) { return; } for (var animationIndex = 0; animationIndex < animations.length; animationIndex++) { var animation = animations[animationIndex]; if (!animation) { BABYLON.Tools.Warn("Animation " + animationIndex + " not found"); continue; } if (!animation.channels || animation.channels.length === 0) { BABYLON.Tools.Warn("Animation " + animationIndex + " has no channels"); } if (!animation.samplers || animation.samplers.length === 0) { BABYLON.Tools.Warn("Animation " + animationIndex + " has no samplers"); continue; } loadAnimation(runtime, animation, animationIndex); } }; /** * Returns the bones transformation matrix */ var configureBoneTransformation = function (node) { var mat = null; if (node.translation || node.rotation || node.scale) { var scale = BABYLON.Vector3.FromArray(node.scale || [1, 1, 1]); var rotation = BABYLON.Quaternion.FromArray(node.rotation || [0, 0, 0, 1]); var position = BABYLON.Vector3.FromArray(node.translation || [0, 0, 0]); mat = BABYLON.Matrix.Compose(scale, rotation, position); } else { mat = node.matrix ? BABYLON.Matrix.FromArray(node.matrix) : BABYLON.Matrix.Identity(); } return mat; }; /** * Returns the parent bone */ var getParentBone = function (runtime, skin, index, newSkeleton) { // Try to find var nodeStringID = getNodeID(index); for (var i = 0; i < newSkeleton.bones.length; i++) { if (newSkeleton.bones[i].id === nodeStringID) { return newSkeleton.bones[i].getParent(); } } // Not found, search in gltf nodes var joints = skin.joints; for (var j = 0; j < joints.length; j++) { var parentID = joints[j]; var parent = runtime.gltf.nodes[parentID]; var children = parent.children; for (var i = 0; i < children.length; i++) { var childID = children[i]; var child = runtime.gltf.nodes[childID]; if (!nodeIsInJoints(skin, childID)) { continue; } if (childID === index) { var mat = configureBoneTransformation(parent); var bone = new BABYLON.Bone(parent.name || getNodeID(parentID), newSkeleton, getParentBone(runtime, skin, parentID, newSkeleton), mat); bone.id = getNodeID(parentID); return bone; } } } return null; }; /** * Returns the appropriate root node */ var getNodeToRoot = function (nodesToRoot, index) { for (var i = 0; i < nodesToRoot.length; i++) { var nodeToRoot = nodesToRoot[i]; if (nodeToRoot.node.children) { for (var j = 0; j < nodeToRoot.node.children.length; j++) { var child = nodeToRoot.node.children[j]; if (child === index) { return nodeToRoot.bone; } } } } return null; }; /** * Returns the node with the node index */ var getJointNode = function (runtime, index) { var node = runtime.gltf.nodes[index]; if (node) { return { node: node, index: index }; } return null; }; /** * Checks if a nodes is in joints */ var nodeIsInJoints = function (skin, index) { for (var i = 0; i < skin.joints.length; i++) { if (skin.joints[i] === index) { return true; } } return false; }; /** * Fills the nodes to root for bones and builds hierarchy */ var getNodesToRoot = function (runtime, newSkeleton, skin, nodesToRoot) { // Creates nodes for root for (var i = 0; i < runtime.gltf.nodes.length; i++) { var node = runtime.gltf.nodes[i]; if (nodeIsInJoints(skin, i)) { continue; } // Create node to root bone var mat = configureBoneTransformation(node); var bone = new BABYLON.Bone(node.name || getNodeID(i), newSkeleton, null, mat); bone.id = getNodeID(i); nodesToRoot.push({ bone: bone, node: node, index: i }); } // Parenting for (var i = 0; i < nodesToRoot.length; i++) { var nodeToRoot = nodesToRoot[i]; var children = nodeToRoot.node.children; if (children) { for (var j = 0; j < children.length; j++) { var child = null; for (var k = 0; k < nodesToRoot.length; k++) { if (nodesToRoot[k].index === children[j]) { child = nodesToRoot[k]; break; } } if (child) { child.bone._parent = nodeToRoot.bone; nodeToRoot.bone.children.push(child.bone); } } } } }; /** * Imports a skeleton */ var importSkeleton = function (runtime, skinNode, skin) { var name = skin.name || "skin" + skinNode.skin; var babylonSkeleton = skin.babylonSkeleton; if (!babylonSkeleton) { babylonSkeleton = new BABYLON.Skeleton(name, "skin" + skinNode.skin, runtime.babylonScene); } if (!skin.babylonSkeleton) { return babylonSkeleton; } // Matrices var accessor = runtime.gltf.accessors[skin.inverseBindMatrices]; var buffer = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, accessor); // Find the root bones var nodesToRoot = []; var nodesToRootToAdd = []; getNodesToRoot(runtime, babylonSkeleton, skin, nodesToRoot); babylonSkeleton.bones = []; // Joints for (var i = 0; i < skin.joints.length; i++) { var jointNode = getJointNode(runtime, skin.joints[i]); var node = jointNode.node; if (!node) { BABYLON.Tools.Warn("Joint index " + skin.joints[i] + " does not exist"); continue; } var index = jointNode.index; var stringID = getNodeID(index); // Optimize, if the bone already exists... var existingBone = runtime.babylonScene.getBoneByID(stringID); if (existingBone) { babylonSkeleton.bones.push(existingBone); continue; } // Search for parent bone var foundBone = false; var parentBone = null; for (var j = 0; j < i; j++) { var joint = getJointNode(runtime, skin.joints[j]).node; if (!joint) { BABYLON.Tools.Warn("Joint index " + skin.joints[j] + " does not exist when looking for parent"); continue; } var children = joint.children; foundBone = false; for (var k = 0; k < children.length; k++) { if (children[k] === index) { parentBone = getParentBone(runtime, skin, skin.joints[j], babylonSkeleton); foundBone = true; break; } } if (foundBone) { break; } } // Create bone var mat = configureBoneTransformation(node); if (!parentBone && nodesToRoot.length > 0) { parentBone = getNodeToRoot(nodesToRoot, index); if (parentBone) { if (nodesToRootToAdd.indexOf(parentBone) === -1) { nodesToRootToAdd.push(parentBone); } } } var bone = new BABYLON.Bone(node.name || stringID, babylonSkeleton, parentBone, mat); bone.id = stringID; } // Polish var bones = babylonSkeleton.bones; babylonSkeleton.bones = []; for (var i = 0; i < skin.joints.length; i++) { var jointNode = getJointNode(runtime, skin.joints[i]); if (!jointNode) { continue; } var jointNodeStringId = getNodeID(jointNode.index); for (var j = 0; j < bones.length; j++) { if (bones[j].id === jointNodeStringId) { babylonSkeleton.bones.push(bones[j]); break; } } } babylonSkeleton.prepare(); // Finish for (var i = 0; i < nodesToRootToAdd.length; i++) { babylonSkeleton.bones.push(nodesToRootToAdd[i]); } return babylonSkeleton; }; /** * Gets a material */ var getMaterial = function (runtime, index) { if (index === undefined) { return GLTF2.GLTFUtils.GetDefaultMaterial(runtime); } var materials = runtime.gltf.materials; if (!materials || index < 0 || index >= materials.length) { BABYLON.Tools.Error("Invalid material index"); return GLTF2.GLTFUtils.GetDefaultMaterial(runtime); } var material = runtime.gltf.materials[index].babylonMaterial; if (!material) { return GLTF2.GLTFUtils.GetDefaultMaterial(runtime); } return material; }; /** * Imports a mesh and its geometries */ var importMesh = function (runtime, node, mesh) { var name = mesh.name || node.name || "mesh" + node.mesh; var babylonMesh = node.babylonNode; if (!babylonMesh) { babylonMesh = new BABYLON.Mesh(name, runtime.babylonScene); } if (!node.babylonNode) { return babylonMesh; } var multiMat = new BABYLON.MultiMaterial(name, runtime.babylonScene); if (!babylonMesh.material) { babylonMesh.material = multiMat; } var vertexData = new BABYLON.VertexData(); var geometry = new BABYLON.Geometry(name, runtime.babylonScene, vertexData, false, babylonMesh); var verticesStarts = []; var verticesCounts = []; var indexStarts = []; var indexCounts = []; var morphTargetManager; // Positions, normals and UVs for (var primitiveIndex = 0; primitiveIndex < mesh.primitives.length; primitiveIndex++) { // Temporary vertex data var tempVertexData = new BABYLON.VertexData(); var primitive = mesh.primitives[primitiveIndex]; if (primitive.mode !== GLTF2.EMeshPrimitiveMode.TRIANGLES) { // continue; } var attributes = primitive.attributes; var accessor = null; var buffer = null; // Set positions, normal and uvs for (var semantic in attributes) { // Link accessor and buffer view accessor = runtime.gltf.accessors[attributes[semantic]]; buffer = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, accessor); if (semantic === "NORMAL") { tempVertexData.normals = buffer; } else if (semantic === "POSITION") { tempVertexData.positions = buffer; verticesCounts.push(tempVertexData.positions.length); } else if (semantic === "TANGENT") { tempVertexData.tangents = buffer; } else if (semantic.indexOf("TEXCOORD_") !== -1) { var channel = Number(semantic.split("_")[1]); var uvKind = BABYLON.VertexBuffer.UVKind + (channel === 0 ? "" : (channel + 1)); tempVertexData.set(buffer, uvKind); } else if (semantic === "JOINT") { tempVertexData.matricesIndices = buffer; } else if (semantic === "WEIGHT") { tempVertexData.matricesWeights = buffer; } else if (semantic === "COLOR_0") { tempVertexData.colors = buffer; } else { BABYLON.Tools.Warn("Ignoring unrecognized semantic '" + semantic + "'"); } } // Indices accessor = runtime.gltf.accessors[primitive.indices]; if (accessor) { buffer = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, accessor); tempVertexData.indices = buffer; indexCounts.push(tempVertexData.indices.length); } else { // Set indices on the fly tempVertexData.indices = new Uint32Array(tempVertexData.positions.length / 3); for (var index = 0; index < tempVertexData.indices.length; index++) { tempVertexData.indices[index] = index; } indexCounts.push(tempVertexData.indices.length); } vertexData.merge(tempVertexData); tempVertexData = undefined; // Sub material var material = getMaterial(runtime, primitive.material); multiMat.subMaterials.push(material); // Morph Targets if (primitive.targets) { for (var targetsIndex = 0; targetsIndex < primitive.targets.length; targetsIndex++) { var target = primitive.targets[targetsIndex]; var weight = 0.0; if (node.weights) { weight = node.weights[targetsIndex]; } else if (mesh.weights) { weight = mesh.weights[targetsIndex]; } var morph = new BABYLON.MorphTarget("morph" + targetsIndex, weight); for (var semantic in target) { // Link accessor and buffer view accessor = runtime.gltf.accessors[target[semantic]]; var values = GLTF2.GLTFUtils.GetBufferFromAccessor(runtime, accessor); if (accessor.name) { morph.name = accessor.name; } // glTF stores morph target information as deltas // while babylon.js expects the final data. // As a result we have to add the original data to the delta to calculate // the final data. if (semantic === "NORMAL") { for (var i = 0; i < values.length; i++) { values[i] += vertexData.normals[i]; } morph.setNormals(values); } else if (semantic === "POSITION") { for (var i = 0; i < values.length; i++) { values[i] += vertexData.positions[i]; } morph.setPositions(values); } else if (semantic === "TANGENT") { // Tangent data for morph targets is stored as xyz delta. // The vertexData.tangent is stored as xyzw. // So we need to skip every fourth vertexData.tangent. for (var i = 0, j = 0; i < values.length; i++, j++) { values[i] += vertexData.tangents[j]; if ((i + 1) % 3 == 0) { j++; } } morph.setTangents(values); } else { BABYLON.Tools.Warn("Ignoring unrecognized semantic '" + semantic + "'"); } } if (morph.getPositions()) { if (!morphTargetManager) { morphTargetManager = new BABYLON.MorphTargetManager(); babylonMesh.morphTargetManager = morphTargetManager; } morphTargetManager.addTarget(morph); } else { BABYLON.Tools.Warn("Not adding morph target '" + morph.name + "' because it has no position data"); } } } // Update vertices start and index start verticesStarts.push(verticesStarts.length === 0 ? 0 : verticesStarts[verticesStarts.length - 1] + verticesCounts[verticesCounts.length - 2]); indexStarts.push(indexStarts.length === 0 ? 0 : indexStarts[indexStarts.length - 1] + indexCounts[indexCounts.length - 2]); } // Apply geometry geometry.setAllVerticesData(vertexData, false); babylonMesh.computeWorldMatrix(true); // Apply submeshes babylonMesh.subMeshes = []; for (var primitiveIndex = 0; primitiveIndex < mesh.primitives.length; primitiveIndex++) { if (mesh.primitives[primitiveIndex].mode !== GLTF2.EMeshPrimitiveMode.TRIANGLES) { //continue; } var subMesh = new BABYLON.SubMesh(primitiveIndex, verticesStarts[primitiveIndex], verticesCounts[primitiveIndex], indexStarts[primitiveIndex], indexCounts[primitiveIndex], babylonMesh, babylonMesh, true); } // Finish return babylonMesh; }; /** * Configures node transformation */ var configureNode = function (babylonNode, node) { var position = BABYLON.Vector3.Zero(); var rotation = BABYLON.Quaternion.Identity(); var scaling = new BABYLON.Vector3(1, 1, 1); if (node.matrix) { var mat = BABYLON.Matrix.FromArray(node.matrix); mat.decompose(scaling, rotation, position); } else { if (node.translation) { position = BABYLON.Vector3.FromArray(node.translation); } if (node.rotation) { rotation = BABYLON.Quaternion.FromArray(node.rotation); } if (node.scale) { scaling = BABYLON.Vector3.FromArray(node.scale); } } babylonNode.position = position; babylonNode.rotationQuaternion = rotation; if (babylonNode instanceof BABYLON.Mesh) { var mesh = babylonNode; mesh.scaling = scaling; } }; /** * Imports a node */ var importNode = function (runtime, node) { var babylonNode = null; if (runtime.importOnlyMeshes && (node.skin !== undefined || node.mesh !== undefined)) { if (runtime.importMeshesNames.length > 0 && runtime.importMeshesNames.indexOf(node.name) === -1) { return null; } } // Meshes if (node.skin !== undefined) { if (node.mesh !== undefined) { var skin = runtime.gltf.skins[node.skin]; var newMesh = importMesh(runtime, node, runtime.gltf.meshes[node.mesh]); var newSkeleton = importSkeleton(runtime, node, skin); if (newSkeleton) { newMesh.skeleton = newSkeleton; skin.babylonSkeleton = newSkeleton; } babylonNode = newMesh; } } else if (node.mesh !== undefined) { babylonNode = importMesh(runtime, node, runtime.gltf.meshes[node.mesh]); } else if (node.camera !== undefined && !node.babylonNode && !runtime.importOnlyMeshes) { var camera = runtime.gltf.cameras[node.camera]; if (camera !== undefined) { if (camera.type === "orthographic") { var orthographicCamera = camera.orthographic; var orthoCamera = new BABYLON.FreeCamera(node.name || "camera" + node.camera, BABYLON.Vector3.Zero(), runtime.babylonScene); orthoCamera.mode = BABYLON.Camera.ORTHOGRAPHIC_CAMERA; orthoCamera.attachControl(runtime.babylonScene.getEngine().getRenderingCanvas()); babylonNode = orthoCamera; } else if (camera.type === "perspective") { var perspectiveCamera = camera.perspective; var persCamera = new BABYLON.FreeCamera(node.name || "camera" + node.camera, BABYLON.Vector3.Zero(), runtime.babylonScene); persCamera.attachControl(runtime.babylonScene.getEngine().getRenderingCanvas()); if (!perspectiveCamera.aspectRatio) { perspectiveCamera.aspectRatio = runtime.babylonScene.getEngine().getRenderWidth() / runtime.babylonScene.getEngine().getRenderHeight(); } if (perspectiveCamera.znear && perspectiveCamera.zfar) { persCamera.maxZ = perspectiveCamera.zfar; persCamera.minZ = perspectiveCamera.znear; } babylonNode = persCamera; } } } // Empty node if (node.babylonNode) { return node.babylonNode; } else if (babylonNode === null) { var dummy = new BABYLON.Mesh(node.name || "mesh" + node.mesh, runtime.babylonScene); node.babylonNode = dummy; babylonNode = dummy; } if (babylonNode !== null) { configureNode(babylonNode, node); babylonNode.updateCache(true); node.babylonNode = babylonNode; } return babylonNode; }; /** * Traverses nodes and creates them */ var traverseNodes = function (runtime, index, parent, meshIncluded) { var node = runtime.gltf.nodes[index]; var newNode = null; if (runtime.importOnlyMeshes && !meshIncluded) { if (runtime.importMeshesNames.indexOf(node.name) !== -1 || runtime.importMeshesNames.length === 0) { meshIncluded = true; } else { meshIncluded = false; } } else { meshIncluded = true; } if (meshIncluded) { newNode = importNode(runtime, node); if (newNode !== null) { newNode.id = getNodeID(index); newNode.parent = parent; } } if (node.children) { for (var i = 0; i < node.children.length; i++) { traverseNodes(runtime, node.children[i], newNode, meshIncluded); } } }; var importScene = function (runtime) { var scene = runtime.gltf.scene || 0; var scenes = runtime.gltf.scenes; if (scenes) { var nodes = scenes[scene].nodes; for (var i = 0; i < nodes.length; i++) { traverseNodes(runtime, nodes[i], null); } } else { for (var i = 0; i < runtime.gltf.nodes.length; i++) { traverseNodes(runtime, i, null); } } }; /** * do stuff after buffers are loaded (e.g. hook up materials, load animations, etc.) */ var postLoad = function (runtime) { importScene(runtime); // Set animations loadAnimations(runtime); for (var i = 0; i < runtime.babylonScene.skeletons.length; i++) { var skeleton = runtime.babylonScene.skeletons[i]; runtime.babylonScene.beginAnimation(skeleton, 0, Number.MAX_VALUE, true, 1.0); } // Revoke object urls created during load if (runtime.gltf.textures) { for (var i = 0; i < runtime.gltf.textures.length; i++) { var texture = runtime.gltf.textures[i]; if (texture.blobURL) { URL.revokeObjectURL(texture.blobURL); } } } }; var BinaryReader = (function () { function BinaryReader(arrayBuffer) { this._arrayBuffer = arrayBuffer; this._dataView = new DataView(arrayBuffer); this._byteOffset = 0; } BinaryReader.prototype.getPosition = function () { return this._byteOffset; }; BinaryReader.prototype.getLength = function () { return this._arrayBuffer.byteLength; }; BinaryReader.prototype.readUint32 = function () { var value = this._dataView.getUint32(this._byteOffset, true); this._byteOffset += 4; return value; }; BinaryReader.prototype.readUint8Array = function (length) { var value = new Uint8Array(this._arrayBuffer, this._byteOffset, length); this._byteOffset += length; return value; }; BinaryReader.prototype.skipBytes = function (length) { this._byteOffset += length; }; return BinaryReader; }()); /** * glTF File Loader Plugin */ var GLTFLoader = (function () { function GLTFLoader() { } GLTFLoader.RegisterExtension = function (extension) { if (GLTFLoader.Extensions[extension.name]) { BABYLON.Tools.Error("Tool with the same name \"" + extension.name + "\" already exists"); return; } GLTFLoader.Extensions[extension.name] = extension; }; GLTFLoader.LoadMaterial = function (runtime, index) { var material = runtime.gltf.materials[index]; if (!material) return null; material.babylonMaterial = new BABYLON.PBRMaterial(material.name || "mat" + index, runtime.babylonScene); material.babylonMaterial.sideOrientation = BABYLON.Material.CounterClockWiseSideOrientation; material.babylonMaterial.useScalarInLinearSpace = true; return material; }; GLTFLoader.LoadMetallicRoughnessMaterialPropertiesAsync = function (runtime, material, onSuccess, onError) { // Ensure metallic workflow material.babylonMaterial.metallic = 1; material.babylonMaterial.roughness = 1; var properties = material.pbrMetallicRoughness; if (!properties) { onSuccess(); return; } // // Load Factors // material.babylonMaterial.albedoColor = properties.baseColorFactor ? BABYLON.Color3.FromArray(properties.baseColorFactor) : new BABYLON.Color3(1, 1, 1); material.babylonMaterial.metallic = properties.metallicFactor || 1; material.babylonMaterial.roughness = properties.roughnessFactor || 1; // // Load Textures // if (!properties.baseColorTexture && !properties.metallicRoughnessTexture) { onSuccess(); return; } var checkSuccess = function () { if ((!properties.baseColorTexture || material.babylonMaterial.albedoTexture) && (!properties.metallicRoughnessTexture || material.babylonMaterial.metallicTexture)) { onSuccess(); } }; if (properties.baseColorTexture) { GLTFLoader.LoadTextureAsync(runtime, properties.baseColorTexture, function (texture) { material.babylonMaterial.albedoTexture = texture; GLTFLoader.LoadAlphaProperties(runtime, material); checkSuccess(); }, function () { BABYLON.Tools.Error("Failed to load base color texture"); onError(); }); } if (properties.metallicRoughnessTexture) { GLTFLoader.LoadTextureAsync(runtime, properties.metallicRoughnessTexture, function (texture) { material.babylonMaterial.metallicTexture = texture; material.babylonMaterial.useMetallnessFromMetallicTextureBlue = true; material.babylonMaterial.useRoughnessFromMetallicTextureGreen = true; material.babylonMaterial.useRoughnessFromMetallicTextureAlpha = false; checkSuccess(); }, function () { BABYLON.Tools.Error("Failed to load metallic roughness texture"); onError(); }); } }; GLTFLoader.LoadCommonMaterialPropertiesAsync = function (runtime, material, onSuccess, onError) { // // Load Factors // material.babylonMaterial.useEmissiveAsIllumination = (material.emissiveFactor || material.emissiveTexture) ? true : false; material.babylonMaterial.emissiveColor = material.emissiveFactor ? BABYLON.Color3.FromArray(material.emissiveFactor) : new BABYLON.Color3(0, 0, 0); if (material.doubleSided) { material.babylonMaterial.backFaceCulling = false; material.babylonMaterial.twoSidedLighting = true; } // // Load Textures // if (!material.normalTexture && !material.occlusionTexture && !material.emissiveTexture) { onSuccess(); return; } var checkSuccess = function () { if ((!material.normalTexture || material.babylonMaterial.bumpTexture) && (!material.occlusionTexture || material.babylonMaterial.ambientTexture) && (!material.emissiveTexture || material.babylonMaterial.emissiveTexture)) { onSuccess(); } }; if (material.normalTexture) { GLTFLoader.LoadTextureAsync(runtime, material.normalTexture, function (babylonTexture) { material.babylonMaterial.bumpTexture = babylonTexture; if (material.normalTexture.scale !== undefined) { material.babylonMaterial.bumpTexture.level = material.normalTexture.scale; } checkSuccess(); }, function () { BABYLON.Tools.Error("Failed to load normal texture"); onError(); }); } if (material.occlusionTexture) { GLTFLoader.LoadTextureAsync(runtime, material.occlusionTexture, function (babylonTexture) { material.babylonMaterial.ambientTexture = babylonTexture; material.babylonMaterial.useAmbientInGrayScale = true; if (material.occlusionTexture.strength !== undefined) { material.babylonMaterial.ambientTextureStrength = material.occlusionTexture.strength; } checkSuccess(); }, function () { BABYLON.Tools.Error("Failed to load occlusion texture"); onError(); }); } if (material.emissiveTexture) { GLTFLoader.LoadTextureAsync(runtime, material.emissiveTexture, function (babylonTexture) { material.babylonMaterial.emissiveTexture = babylonTexture; checkSuccess(); }, function () { BABYLON.Tools.Error("Failed to load emissive texture"); onError(); }); } }; GLTFLoader.LoadAlphaProperties = function (runtime, material) { var alphaMode = material.alphaMode || "OPAQUE"; switch (alphaMode) { case "OPAQUE": // default is opaque break; case "MASK": material.babylonMaterial.albedoTexture.hasAlpha = true; material.babylonMaterial.useAlphaFromAlbedoTexture = false; material.babylonMaterial.alphaMode = BABYLON.Engine.ALPHA_DISABLE; break; case "BLEND": material.babylonMaterial.albedoTexture.hasAlpha = true; material.babylonMaterial.useAlphaFromAlbedoTexture = true; material.babylonMaterial.alphaMode = BABYLON.Engine.ALPHA_COMBINE; break; default: BABYLON.Tools.Error("Invalid alpha mode '" + material.alphaMode + "'"); } }; GLTFLoader.LoadTextureAsync = function (runtime, textureInfo, onSuccess, onError) { var texture = runtime.gltf.textures[textureInfo.index]; var texCoord = textureInfo.texCoord || 0; if (!texture || texture.source === undefined) { onError(); return; } if (texture.babylonTextures) { var babylonTexture = texture.babylonTextures[texCoord]; if (!babylonTexture) { for (var i = 0; i < texture.babylonTextures.length; i++) { babylonTexture = texture.babylonTextures[i]; if (babylonTexture) { babylonTexture = babylonTexture.clone(); babylonTexture.coordinatesIndex = texCoord; break; } } } onSuccess(babylonTexture); return; } var source = runtime.gltf.images[texture.source]; var sourceURL = runtime.rootUrl + source.uri; if (texture.blobURL) { sourceURL = texture.blobURL; } else { if (source.uri === undefined) { var bufferView = runtime.gltf.bufferViews[source.bufferView]; var buffer = GLTF2.GLTFUtils.GetBufferFromBufferView(runtime, bufferView, 0, bufferView.byteLength, GLTF2.EComponentType.UNSIGNED_BYTE); texture.blobURL = URL.createObjectURL(new Blob([buffer], { type: source.mimeType })); sourceURL = texture.blobURL; } else if (GLTF2.GLTFUtils.IsBase64(source.uri)) { var decodedBuffer = new Uint8Array(GLTF2.GLTFUtils.DecodeBase64(source.uri)); texture.blobURL = URL.createObjectURL(new Blob([decodedBuffer], { type: source.mimeType })); sourceURL = texture.blobURL; } } GLTFLoader._createTextureAsync(runtime, texture, texCoord, sourceURL, onSuccess, onError); }; GLTFLoader._createTextureAsync = function (runtime, texture, texCoord, url, onSuccess, onError) { var sampler = (texture.sampler === undefined ? {} : runtime.gltf.samplers[texture.sampler]); var noMipMaps = (sampler.minFilter === GLTF2.ETextureMinFilter.NEAREST || sampler.minFilter === GLTF2.ETextureMinFilter.LINEAR); var samplingMode = GLTF2.GLTFUtils.GetTextureFilterMode(sampler.minFilter); var babylonTexture = new BABYLON.Texture(url, runtime.babylonScene, noMipMaps, false, samplingMode, function () { onSuccess(babylonTexture); }, onError); babylonTexture.coordinatesIndex = texCoord; babylonTexture.wrapU = GLTF2.GLTFUtils.GetWrapMode(sampler.wrapS); babylonTexture.wrapV = GLTF2.GLTFUtils.GetWrapMode(sampler.wrapT); babylonTexture.name = texture.name; // Cache the texture texture.babylonTextures = texture.babylonTextures || []; texture.babylonTextures[texCoord] = babylonTexture; }; /** * Import meshes */ GLTFLoader.prototype.importMeshAsync = function (meshesNames, scene, data, rootUrl, onSuccess, onError) { scene.useRightHandedSystem = true; var runtime = GLTFLoader._createRuntime(scene, data, rootUrl, true); if (!runtime) { onError(); return; } if (meshesNames === "") { runtime.importMeshesNames = []; } else if (typeof meshesNames === "string") { runtime.importMeshesNames = [meshesNames]; } else if (meshesNames && !(meshesNames instanceof Array)) { runtime.importMeshesNames = [meshesNames]; } else { runtime.importMeshesNames = []; BABYLON.Tools.Warn("Argument meshesNames must be of type string or string[]"); } // Load scene importScene(runtime); var meshes = []; var skeletons = []; // Fill arrays of meshes and skeletons for (var i = 0; i < runtime.gltf.nodes.length; i++) { var node = runtime.gltf.nodes[i]; if (node.babylonNode instanceof BABYLON.AbstractMesh) { meshes.push(node.babylonNode); } } for (var i = 0; i < runtime.gltf.skins.length; i++) { var skin = runtime.gltf.skins[i]; if (skin.babylonSkeleton instanceof BABYLON.Skeleton) { skeletons.push(skin.babylonSkeleton); } } // Load buffers, materials, etc. GLTFLoader._loadBuffersAsync(runtime, function () { GLTFLoader._loadMaterialsAsync(runtime, function () { postLoad(runtime); onSuccess(meshes, null, skeletons); }, onError); }, onError); if (BABYLON.GLTFFileLoader.IncrementalLoading && onSuccess) { onSuccess(meshes, null, skeletons); } }; /** * Load scene */ GLTFLoader.prototype.loadAsync = function (scene, data, rootUrl, onSuccess, onError) { scene.useRightHandedSystem = true; var runtime = GLTFLoader._createRuntime(scene, data, rootUrl, false); if (!runtime) { onError(); return; } importScene(runtime); GLTFLoader._loadBuffersAsync(runtime, function () { GLTFLoader._loadMaterialsAsync(runtime, function () { postLoad(runtime); onSuccess(); }, onError); }, onError); }; GLTFLoader._loadBuffersAsync = function (runtime, onSuccess, onError) { var _this = this; if (runtime.gltf.buffers.length == 0) { onSuccess(); return; } var successCount = 0; runtime.gltf.buffers.forEach(function (buffer, index) { _this._loadBufferAsync(runtime, index, function () { if (++successCount === runtime.gltf.buffers.length) { onSuccess(); } }, onError); }); }; GLTFLoader._loadBufferAsync = function (runtime, index, onSuccess, onError) { var buffer = runtime.gltf.buffers[index]; if (buffer.uri === undefined) { // buffer.loadedBufferView should already be set onSuccess(); } else if (GLTF2.GLTFUtils.IsBase64(buffer.uri)) { var data = GLTF2.GLTFUtils.DecodeBase64(buffer.uri); setTimeout(function () { buffer.loadedBufferView = new Uint8Array(data); onSuccess(); }); } else { BABYLON.Tools.LoadFile(runtime.rootUrl + buffer.uri, function (data) { buffer.loadedBufferView = new Uint8Array(data); onSuccess(); }, null, null, true, onError); } }; GLTFLoader._loadMaterialsAsync = function (runtime, onSuccess, onError) { var materials = runtime.gltf.materials; if (!materials || materials.length === 0) { onSuccess(); return; } var successCount = 0; for (var i = 0; i < materials.length; i++) { GLTF2.GLTFLoaderExtension.LoadMaterialAsync(runtime, i, function () { if (++successCount === materials.length) { onSuccess(); } }, onError); } }; GLTFLoader._createRuntime = function (scene, data, rootUrl, importOnlyMeshes) { var runtime = { gltf: data.json, babylonScene: scene, rootUrl: rootUrl, importOnlyMeshes: importOnlyMeshes, }; var binaryBuffer; var buffers = runtime.gltf.buffers; if (buffers.length > 0 && buffers[0].uri === undefined) { binaryBuffer = buffers[0]; } if (data.bin) { if (!binaryBuffer) { BABYLON.Tools.Error("Unexpected BIN chunk"); return null; } if (binaryBuffer.byteLength != data.bin.byteLength) { BABYLON.Tools.Error("Binary buffer length from JSON does not match chunk length"); return null; } binaryBuffer.loadedBufferView = data.bin; } GLTF2.GLTFLoaderExtension.PostCreateRuntime(runtime); return runtime; }; return GLTFLoader; }()); GLTFLoader.Extensions = {}; GLTF2.GLTFLoader = GLTFLoader; BABYLON.GLTFFileLoader.GLTFLoaderV2 = new GLTFLoader(); })(GLTF2 = BABYLON.GLTF2 || (BABYLON.GLTF2 = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFLoader.js.map /// var BABYLON; (function (BABYLON) { var GLTF2; (function (GLTF2) { /** * Utils functions for GLTF */ var GLTFUtils = (function () { function GLTFUtils() { } /** * If the uri is a base64 string * @param uri: the uri to test */ GLTFUtils.IsBase64 = function (uri) { return uri.length < 5 ? false : uri.substr(0, 5) === "data:"; }; /** * Decode the base64 uri * @param uri: the uri to decode */ GLTFUtils.DecodeBase64 = function (uri) { var decodedString = atob(uri.split(",")[1]); var bufferLength = decodedString.length; var bufferView = new Uint8Array(new ArrayBuffer(bufferLength)); for (var i = 0; i < bufferLength; i++) { bufferView[i] = decodedString.charCodeAt(i); } return bufferView.buffer; }; /** * Returns the wrap mode of the texture * @param mode: the mode value */ GLTFUtils.GetWrapMode = function (mode) { switch (mode) { case GLTF2.ETextureWrapMode.CLAMP_TO_EDGE: return BABYLON.Texture.CLAMP_ADDRESSMODE; case GLTF2.ETextureWrapMode.MIRRORED_REPEAT: return BABYLON.Texture.MIRROR_ADDRESSMODE; case GLTF2.ETextureWrapMode.REPEAT: return BABYLON.Texture.WRAP_ADDRESSMODE; default: return BABYLON.Texture.WRAP_ADDRESSMODE; } }; /** * Returns the byte stride giving an accessor * @param accessor: the GLTF accessor objet */ GLTFUtils.GetByteStrideFromType = function (accessor) { // Needs this function since "byteStride" isn't requiered in glTF format var type = accessor.type; switch (type) { case "VEC2": return 2; case "VEC3": return 3; case "VEC4": return 4; case "MAT2": return 4; case "MAT3": return 9; case "MAT4": return 16; default: return 1; } }; /** * Returns the texture filter mode giving a mode value * @param mode: the filter mode value */ GLTFUtils.GetTextureFilterMode = function (mode) { switch (mode) { case GLTF2.ETextureMinFilter.LINEAR: case GLTF2.ETextureMinFilter.LINEAR_MIPMAP_NEAREST: case GLTF2.ETextureMinFilter.LINEAR_MIPMAP_LINEAR: return BABYLON.Texture.TRILINEAR_SAMPLINGMODE; case GLTF2.ETextureMinFilter.NEAREST: case GLTF2.ETextureMinFilter.NEAREST_MIPMAP_NEAREST: return BABYLON.Texture.NEAREST_SAMPLINGMODE; default: return BABYLON.Texture.BILINEAR_SAMPLINGMODE; } }; GLTFUtils.GetBufferFromBufferView = function (runtime, bufferView, byteOffset, byteLength, componentType) { byteOffset += (bufferView.byteOffset || 0); var loadedBufferView = runtime.gltf.buffers[bufferView.buffer].loadedBufferView; if (byteOffset + byteLength > loadedBufferView.byteLength) { throw new Error("Buffer access is out of range"); } var buffer = loadedBufferView.buffer; byteOffset += loadedBufferView.byteOffset; switch (componentType) { case GLTF2.EComponentType.BYTE: return new Int8Array(buffer, byteOffset, byteLength); case GLTF2.EComponentType.UNSIGNED_BYTE: return new Uint8Array(buffer, byteOffset, byteLength); case GLTF2.EComponentType.SHORT: return new Int16Array(buffer, byteOffset, byteLength); case GLTF2.EComponentType.UNSIGNED_SHORT: return new Uint16Array(buffer, byteOffset, byteLength); case GLTF2.EComponentType.UNSIGNED_INT: return new Uint32Array(buffer, byteOffset, byteLength); default: return new Float32Array(buffer, byteOffset, byteLength); } }; /** * Returns a buffer from its accessor * @param runtime: the GLTF runtime * @param accessor: the GLTF accessor */ GLTFUtils.GetBufferFromAccessor = function (runtime, accessor) { var bufferView = runtime.gltf.bufferViews[accessor.bufferView]; var byteOffset = accessor.byteOffset || 0; var byteLength = accessor.count * GLTFUtils.GetByteStrideFromType(accessor); return GLTFUtils.GetBufferFromBufferView(runtime, bufferView, byteOffset, byteLength, accessor.componentType); }; /** * Decodes a buffer view into a string * @param view: the buffer view */ GLTFUtils.DecodeBufferToText = function (view) { var result = ""; var length = view.byteLength; for (var i = 0; i < length; ++i) { result += String.fromCharCode(view[i]); } return result; }; /** * Returns the default material of gltf. * @param scene: the Babylon.js scene */ GLTFUtils.GetDefaultMaterial = function (runtime) { if (!runtime.defaultMaterial) { var material = new BABYLON.PBRMaterial("gltf_default", runtime.babylonScene); material.sideOrientation = BABYLON.Material.CounterClockWiseSideOrientation; material.metallic = 1; material.roughness = 1; runtime.defaultMaterial = material; } return runtime.defaultMaterial; }; return GLTFUtils; }()); GLTF2.GLTFUtils = GLTFUtils; })(GLTF2 = BABYLON.GLTF2 || (BABYLON.GLTF2 = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFLoaderUtils.js.map /// var BABYLON; (function (BABYLON) { var GLTF2; (function (GLTF2) { var GLTFLoaderExtension = (function () { function GLTFLoaderExtension(name) { this._name = name; } Object.defineProperty(GLTFLoaderExtension.prototype, "name", { get: function () { return this._name; }, enumerable: true, configurable: true }); GLTFLoaderExtension.prototype.postCreateRuntime = function (runtime) { }; // Return true to stop other extensions from loading materials. GLTFLoaderExtension.prototype.loadMaterialAsync = function (runtime, index, onSuccess, onError) { return false; }; // --------- // Utilities // --------- GLTFLoaderExtension.PostCreateRuntime = function (runtime) { for (var extensionName in GLTF2.GLTFLoader.Extensions) { var extension = GLTF2.GLTFLoader.Extensions[extensionName]; extension.postCreateRuntime(runtime); } }; GLTFLoaderExtension.LoadMaterialAsync = function (runtime, index, onSuccess, onError) { for (var extensionName in GLTF2.GLTFLoader.Extensions) { var extension = GLTF2.GLTFLoader.Extensions[extensionName]; if (extension.loadMaterialAsync(runtime, index, onSuccess, onError)) { return; } } var material = GLTF2.GLTFLoader.LoadMaterial(runtime, index); if (!material) { onSuccess(); return; } var metallicRoughnessPropertiesSuccess = false; var commonPropertiesSuccess = false; var checkSuccess = function () { if (metallicRoughnessPropertiesSuccess && commonPropertiesSuccess) { onSuccess(); } }; GLTF2.GLTFLoader.LoadMetallicRoughnessMaterialPropertiesAsync(runtime, material, function () { metallicRoughnessPropertiesSuccess = true; checkSuccess(); }, onError); GLTF2.GLTFLoader.LoadCommonMaterialPropertiesAsync(runtime, material, function () { commonPropertiesSuccess = true; checkSuccess(); }, onError); }; return GLTFLoaderExtension; }()); GLTF2.GLTFLoaderExtension = GLTFLoaderExtension; })(GLTF2 = BABYLON.GLTF2 || (BABYLON.GLTF2 = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFLoaderExtension.js.map /// var __extends = (this && this.__extends) || (function () { var extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var BABYLON; (function (BABYLON) { var GLTF2; (function (GLTF2) { var GLTFMaterialsPbrSpecularGlossinessExtension = (function (_super) { __extends(GLTFMaterialsPbrSpecularGlossinessExtension, _super); function GLTFMaterialsPbrSpecularGlossinessExtension() { return _super.call(this, "KHR_materials_pbrSpecularGlossiness") || this; } GLTFMaterialsPbrSpecularGlossinessExtension.prototype.loadMaterialAsync = function (runtime, index, onSuccess, onError) { var material = GLTF2.GLTFLoader.LoadMaterial(runtime, index); if (!material || !material.extensions) return false; var properties = material.extensions[this.name]; if (!properties) return false; // // Load Factors // material.babylonMaterial.albedoColor = properties.diffuseFactor ? BABYLON.Color3.FromArray(properties.diffuseFactor) : new BABYLON.Color3(1, 1, 1); material.babylonMaterial.reflectivityColor = properties.specularFactor ? BABYLON.Color3.FromArray(properties.specularFactor) : new BABYLON.Color3(1, 1, 1); material.babylonMaterial.microSurface = properties.glossinessFactor === undefined ? 1 : properties.glossinessFactor; // // Load Textures // var commonMaterialPropertiesSuccess = false; var checkSuccess = function () { if ((!properties.diffuseTexture || material.babylonMaterial.albedoTexture) && (!properties.specularGlossinessTexture || material.babylonMaterial.reflectivityTexture) && commonMaterialPropertiesSuccess) { onSuccess(); } }; if (properties.diffuseTexture) { GLTF2.GLTFLoader.LoadTextureAsync(runtime, properties.diffuseTexture, function (texture) { material.babylonMaterial.albedoTexture = texture; GLTF2.GLTFLoader.LoadAlphaProperties(runtime, material); checkSuccess(); }, function () { BABYLON.Tools.Warn("Failed to load diffuse texture"); onError(); }); } if (properties.specularGlossinessTexture) { GLTF2.GLTFLoader.LoadTextureAsync(runtime, properties.specularGlossinessTexture, function (texture) { material.babylonMaterial.reflectivityTexture = texture; material.babylonMaterial.useMicroSurfaceFromReflectivityMapAlpha = true; checkSuccess(); }, function () { BABYLON.Tools.Warn("Failed to load metallic roughness texture"); onError(); }); } GLTF2.GLTFLoader.LoadCommonMaterialPropertiesAsync(runtime, material, function () { commonMaterialPropertiesSuccess = true; checkSuccess(); }, onError); return true; }; return GLTFMaterialsPbrSpecularGlossinessExtension; }(GLTF2.GLTFLoaderExtension)); GLTF2.GLTFMaterialsPbrSpecularGlossinessExtension = GLTFMaterialsPbrSpecularGlossinessExtension; GLTF2.GLTFLoader.RegisterExtension(new GLTFMaterialsPbrSpecularGlossinessExtension()); })(GLTF2 = BABYLON.GLTF2 || (BABYLON.GLTF2 = {})); })(BABYLON || (BABYLON = {})); //# sourceMappingURL=babylon.glTFMaterialsPbrSpecularGlossinessExtension.js.map