1998-2004: Criterion software

2004-2007: EA

2007-2009: SonY

2009-2011: Activision

Primitives

Models

Material Editing

Shadows

Limitations

Known Issues

            context.scene.setGlobalAmbient(0.3, 0.3, 0.3);

            context.graphicsDevice.updateGlobalState({
                fog: true,
                fogDensity: 0.02
            });

Perspective Cameras

ORTHOGRAPHIC CAMERAS

Let's Try It!

Workflows

Scripting on playcanvas.com

Scripting via GitHub/BitBucket

Scripting via GitHub/BitBucket

Anatomy of a Script

ENTITY COMMUNICATION

var e = context.root.findByName(entityName);
e.script.send(scriptName, functionName, arg1, arg2 ... argN); 

Debugging Scripts

Debugging Scripts

Take Care in the Script Editor

Rigid BOdy

Body Types

Collision Primitives

Ray Casting

checkGround: function () {
    var self = this;
    var start = this.entity.getPosition();
    var end = pc.math.vec3.create();
    var groundCheckRay = pc.math.vec3.create(0, -1.1, 0);

    pc.math.vec3.add(start, groundCheckRay, end);
    this.onGround = false;

    // Fire ray straight down to just below the bottom of rigid body
    // If it hits something, the character is on the ground
    context.systems.rigidbody.raycastFirst(start, end, function (res) {
        self.onGround = true;
    });
}

Contact Detection

        initialize: function () {
            context.systems.rigidbody.on('contact', function (result) {
                var a = result.a;
                var b = result.b;
                var namea = a.getName();
                var nameb = b.getName();
                console.log(a + ' has collided with ' + b);
            });
        },

Let's Try It!

Supported Formats

DEMO: 3D Audio

Sources and Listeners

Controlling Audio from Script

update: function (dt) {
    if (context.keyboard.wasPressed(pc.input.KEY_SPACE) && onGround) {
        this.entity.audiosource.play('jump_sound');
    }
}

update: function (dt) {
    this.timer += dt;
    this.entity.audiosource.volume = Math.sin(this.timer) * 0.5 + 0.5;
}

Getting the Word Out

Monetization

HTML5 to Native App

Export and download your PlayCanvas app

Package using HTML5 native wrapper tech

                  

Take care!

CocoonJS and Ejecta can only handle 1 canvas

Performance is lower than native