@fabienmotte/three-first-person-controls

First person controls for Three.js

Usage no npm install needed!

<script type="module">
  import fabienmotteThreeFirstPersonControls from 'https://cdn.skypack.dev/@fabienmotte/three-first-person-controls';
</script>

README

Three.js / First person controls

NPM version Dependency Status

First person controls written in ES6 for Three.js as UMD.

Installation

npm install --save three @fabienmotte/three-first-person-controls

Usage

ES6

import THREE form 'three';
import FirstPersonControls from '@fabienmotte/three-first-person-controls';

const controls = new FirstPersonControls( camera );
controls.lookSpeed = 0.1;
controls.movementSpeed = 100;

const clock = new THREE.Clock( true );

const render = () => {
  requestAnimationFrame( render );

  controls.update( clock.getDelta() );
};

render();

ES5

var THREE = require( 'three' );
var FirstPersonControls = require( '@fabienmotte/three-first-person-controls' );

var controls = new FirstPersonControls( camera );
controls.lookSpeed = 0.1;
controls.movementSpeed = 100;

var clock = new THREE.Clock( true );

var render = function() {
  requestAnimationFrame( render );

  controls.update( clock.getDelta() );
};

render();

License

MIT © Mr.doob, AlteredQualia and Paul Irish.