I am kind confused how to use the default keyboard keys to move UniversalCamera,
my question based on this PG
in this PG, by presssing key ArrowRight, ArrowLeft, ArrowUp, ArrowDown moves camera.
no special code need to have this functionality..
But cannot have the same functionality in my App using UniversalCamera or FreeCamera.
my code is this
import { UniversalCamera, ArcRotateCamera, HemisphericLight, PointLight, GlowLayer, Color3, Vector3, TransformNode} from '@babylonjs/core';
//universalcamera
this.camera = new UniversalCamera('universal-camera', new Vector3(0, 0, (1500 * 3)), scene);
this.camera.maxZ = 20000000;
this.camera.minZ = 0.5;
this.camera.fov = 0.5;
this.camera.inertia = 0.9;
this.camera.angularSensibility = 1500;
this.camera.speed = 0.2;
this.camera.inputs.addMouseWheel();
this.camera.attachControl(canvas, true);
with this code cannot move camera with arrowkeys!!
log for UniversalCamera (firefox)
Object { attachedToElement: true, attached: {…}, camera: {…}, checkInputs: _addCheckInputs(), _mouseInput: {…}, _mouseWheelInput: {…}, noPreventDefault: true }
_mouseInput: Object { touchEnabled: false, angularSensibility: 1500, _allowCameraRotation: true, … }
_mouseWheelInput: Object { wheelPrecisionX: 0.6, wheelPrecisionY: 0.6, wheelPrecisionZ: 0.6, … }
attached: Object { keyboard: {…}, mouse: {…}, touch: {…}, … }
gamepad: Object { gamepadAngularSensibility: 200, gamepadMoveSensibility: 40, deadzoneDelta: 0.1, … }
keyboard: Object { keysUp: (1) […], keysUpward: (1) […], rotationSpeed: 0.5, … }
_engine: Object { _colorWrite: true, _colorWriteChanged: false, _badOS: false, … }
_keys: Array []
_onCanvasBlurObserver: Object { mask: -1, _willBeUnregistered: false, unregisterOnNextCall: false, … }
_onKeyboardObserver: Object { mask: -1, _willBeUnregistered: false, unregisterOnNextCall: false, … }
_scene: Object { _isScene: true, _blockEntityCollection: false, autoClear: true, … }
camera: Object { _isDirty: false, _nodeDataStorage: {…}, state: "", … }
keysDown: Array [ 40 ]
keysDownward: Array [ 34 ]
keysLeft: Array [ 37 ]
keysRight: Array [ 39 ]
keysRotateDown: Array []
keysRotateLeft: Array []
keysRotateRight: Array []
keysRotateUp: Array []
keysUp: Array [ 38 ]
keysUpward: Array [ 33 ]
rotationSpeed: 0.5
<prototype>: Object { … }
mouse: Object { touchEnabled: false, angularSensibility: 1500, _allowCameraRotation: true, … }
mousewheel: Object { wheelPrecisionX: 0.6, wheelPrecisionY: 0.6, wheelPrecisionZ: 0.6, … }
touch: Object { allowMouse: false, touchAngularSensibility: 200000, touchMoveSensibility: 250, … }
<prototype>: Object { … }
attachedToElement: true
camera: Object { _isDirty: false, _nodeDataStorage: {…}, state: "", … }
checkInputs: function _addCheckInputs()
noPreventDefault: true
<prototype>: Object { addDeviceOrientation: addDeviceOrientation(smoothFactor), addVirtualJoystick: addVirtualJoystick(), addGamepad: addGamepad(), … }
when i use ArcRotateCamera and press key ArrowRight, ArrowLeft, ArrowUp, ArrowDown moves camera.
log for ArcRotateCamera (firefox)
Object { attachedToElement: true, attached: {…}, camera: {…}, checkInputs: _addCheckInputs(), noPreventDefault: true }
attached: Object { keyboard: {…}, mousewheel: {…}, pointers: {…} }
keyboard: Object { panningSensibility: 50, zoomingSensibility: 25, useAltToZoom: true, … }
mousewheel: Object { wheelPrecision: 0.1, zoomToMouseLocation: false, wheelDeltaPercentage: 0.002, … }
pointers: Object { _currentMousePointerIdDown: -1, angularSensibilityX: 3000, angularSensibilityY: 3000, … }
<prototype>: Object { … }
attachedToElement: true
camera: Object { _isDirty: false, _nodeDataStorage: {…}, state: "", … }
checkInputs: function _addCheckInputs()
noPreventDefault: true
<prototype>: Object { addVRDeviceOrientation: addVRDeviceOrientation(), addGamepad: addGamepad(), … }
what i am missing here?
why cannot use the default arrowkeys??
