playcanvas-gltf
loadGltf
gltf는 텍스쳐들이 참조하기 때문에 (glb는 포함압축이진) 그냥 아래와 같이 로드하면 텍스쳐들이 적용됩니다. 하지만, 텍스쳐가 없는 gltf 에 texture mapping을 하려면 좀 다르게 해야합니다. examples/index.html를 확인하세요 스크린샷의 오리는 default로 mapping된것이고, 바퀴는 custom mapping입니다.
Example
app.assets.loadFromUrl('assets/monkey/monkey.gltf', 'json', function (err, asset) {
var json = asset.resource;
var gltf = JSON.parse(json);
loadGltf(gltf, app.graphicsDevice, function (err, res) {
// Wrap the model as an asset and add to the asset registry
var asset = new pc.Asset('gltf', 'model', {
url: ''
});
asset.resource = res.model;
asset.loaded = true;
app.assets.add(asset);
// Add the loaded scene to the hierarchy
var gltf = new pc.Entity('gltf');
gltf.addComponent('model', {
asset: asset
});
app.root.addChild(gltf);
}, {
basePath: 'assets/monkey/'
});
});