這里很多都是依照官方demo做的嘗試发侵，但是奈何硬件條件一般，所以就先將常用語法記錄下來妆偏，以備后用刃鳄，之后再慢慢深入學習

• 簡單的顏色設(shè)置

var material = new pc.BasicMaterial();
material.color.set(1, 0, 0);
// material.colorMap = diffuseMap; // 默認可以為空
material.update();
box1.model.material = material;
// or
// box1.model.meshInstances[0].material = material;
// 目前不知道原理，留個坑

• 更改模型材質(zhì)

app.assets.loadFromUrl("../FYPlaycanvas/assets/textures/heart.png", "texture", 
function (err, asset) {
                var material = new pc.StandardMaterial();
                material.diffuseMap = asset.resource;
                material.update();

                entity.model.meshInstances[0].material = material;
                console.log(entity.model.meshInstances);
            });

• 為金屬器具設(shè)置pc自帶的金屬色澤

var material = new pc.StandardMaterial();
material.metalness = 1; // 0..1 更加具有金屬色澤
material.shininess = 0.5 * 100; // 0..100 由粗糙到更加具有金屬光澤钱骂，甚至反光
material.useMetalness = true;
material.update();
var box1 = new pc.Entity();
box1.addComponent("model", {
   material: material,
   type: "box"
});
app.root.addChild(box1);

• 為場景添加天空盒,dds是一種圖片格式

var cubemapAsset = new pc.Asset('helipad.dds', 'cubemap', {
            url: "../FYPlaycanvas/assets/cubemaps/helipad.dds"
        }, {
            type: pc.TEXTURETYPE_RGBM
        });
app.assets.add(cubemapAsset);
app.assets.load(cubemapAsset);
cubemapAsset.ready(function () {
    app.scene.setSkybox(cubemapAsset.resources);
});

• 添加文字

var createText = function (fontAsset, message, x, y, z, rot) {
            // Create a text element-based entity
            var text = new pc.Entity();
            text.addComponent("element", {
                anchor: [0.5, 0.5, 0.5, 0.5],
                fontAsset: fontAsset,
                fontSize: 0.5,
                pivot: [0.5, 0.5],
                text: message,
                type: pc.ELEMENTTYPE_TEXT
            });
            text.setLocalPosition(x, y, z);
            text.setLocalEulerAngles(0, 0, rot);
            app.root.addChild(text);
        };
// 加載字體
var fontAsset = new pc.Asset('arial.json', "font", { url: "../FYPlaycanvas/assets/fonts/arial.json" });
        fontAsset.on('load', function () {
            createText(fontAsset, 'Glossiness', 0, -2 * 0.5, 0, 0);
            createText(fontAsset, 'Metalness', -3 * 0.5, 0, 0, 90);
        });
app.assets.add(fontAsset);
app.assets.load(fontAsset);

• 為entity掛載腳本叔锐，這里是為相機實體掛載官方的飛行相機腳本

// 注意這個創(chuàng)建的app不是那種基礎(chǔ)的挪鹏，如：var app = new pc.Application(canvas);需要鼠標權(quán)限
var app = new pc.Application(canvas, {
    mouse: new pc.Mouse(canvas),
    keyboard: new pc.Keyboard(window)
});
var camera = new pc.Entity();
camera.addComponent("camera", {
    clearColor: new pc.Color(0.4, 0.45, 0.5)
});
camera.translate(0, 0, 4);

app.assets.loadFromUrl('../FYPlaycanvas/assets/scripts/camera/fly-camera.js', 'script', function (err, asset) {
    camera.addComponent("script");
    camera.script.create("flyCamera");
});
app.root.addChild(camera);