JSFiddle - React, Tailwind, and code Playground

by Peter Hozák

HTML

<div id="out"></div>

JavaScript

function Matrix4x3() {
    this.setTranslation = function(p, f) {$("#out").append(p+f);};
}

function RigidBody() {
    this.local = new Matrix4x3();
    this.position = "RigidBodyPosition..";
}

RigidBody.prototype = {
    setPosition: function(vec) {
        //this.position.copy(vec);
        this.local.setTranslation(this.position, this.fov);
    }
};

CameraObject.prototype = new RigidBody();
CameraObject.prototype.constructor = CameraObject;

function CameraObject() {
    this.fov = "CameraObjectFov..";
}

CameraObject.prototype.add = function(i){$("#out").append(i);};

var camera = new CameraObject();
camera.add(123);
camera.setPosition();