JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdn.rawgit.com/mrdoob/three.js/master/build/three.min.js"></script>
JavaScript
// custom extend of Matrix4
Object.assign( THREE.Matrix4.prototype, {
makeTranslationByVector: function ( v ) {
this.makeTranslation( v.x, v.y, v.z );
return this;
}
});
//
var v = new THREE.Vector3( 1, 2, 3 );
var m = new THREE.Matrix4();
m.makeTranslationByVector( v );
console.log( m.elements );