fix: external mouse init
This commit is contained in:
Kevin
@ -1,16 +1,32 @@
|
|||||||
|
import { Matrix4, Vector3 } from 'three'
|
||||||
import { Matrix4, Vector3} from 'three';
|
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import * as THREE from "../../node_modules/three/build/three.module.js"
|
import * as THREE from 'three'
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
var _3Dconnexion: any;
|
var _3Dconnexion: any
|
||||||
interface Window {
|
interface Window {
|
||||||
the3DMouse: any;
|
the3DMouse: any
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
type SixteenNumbers = [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];
|
type SixteenNumbers = [
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
number,
|
||||||
|
]
|
||||||
|
|
||||||
type Min = number
|
type Min = number
|
||||||
type Max = number
|
type Max = number
|
||||||
@ -27,78 +43,99 @@ type ViewExtents = [Left, Bottom, FrustumFar, Right, Top, FrustrumNear]
|
|||||||
// this function fills the action and images structures that are exposed
|
// this function fills the action and images structures that are exposed
|
||||||
// to the 3Dconnexion button configuration editor
|
// to the 3Dconnexion button configuration editor
|
||||||
function getApplicationCommands(buttonBank, images) {
|
function getApplicationCommands(buttonBank, images) {
|
||||||
|
// Add a couple of categiores / menus / tabs to the buttonbank/menubar/toolbar
|
||||||
|
// Use the categories to group actions so that the user can find them easily
|
||||||
|
var fileNode = buttonBank.push(
|
||||||
|
new _3Dconnexion.Category('CAT_ID_FILE', 'File')
|
||||||
|
)
|
||||||
|
var editNode = buttonBank.push(
|
||||||
|
new _3Dconnexion.Category('CAT_ID_EDIT', 'Edit')
|
||||||
|
)
|
||||||
|
|
||||||
// Add a couple of categiores / menus / tabs to the buttonbank/menubar/toolbar
|
// Add menu items / actions
|
||||||
// Use the categories to group actions so that the user can find them easily
|
fileNode.push(new _3Dconnexion.Action('ID_OPEN', 'Open', 'Open file'))
|
||||||
var fileNode = buttonBank.push(new _3Dconnexion.Category('CAT_ID_FILE', 'File'));
|
fileNode.push(new _3Dconnexion.Action('ID_CLOSE', 'Close', 'Close file'))
|
||||||
var editNode = buttonBank.push(new _3Dconnexion.Category('CAT_ID_EDIT', 'Edit'));
|
fileNode.push(new _3Dconnexion.Action('ID_EXIT', 'Exit', 'Exit program'))
|
||||||
|
|
||||||
// Add menu items / actions
|
// Add menu items / actions
|
||||||
fileNode.push(new _3Dconnexion.Action('ID_OPEN', 'Open', 'Open file'));
|
editNode.push(
|
||||||
fileNode.push(new _3Dconnexion.Action('ID_CLOSE', 'Close', 'Close file'));
|
new _3Dconnexion.Action('ID_UNDO', 'Undo', 'Shortcut is Ctrl + Z')
|
||||||
fileNode.push(new _3Dconnexion.Action('ID_EXIT', 'Exit', 'Exit program'));
|
)
|
||||||
|
editNode.push(
|
||||||
|
new _3Dconnexion.Action('ID_REDO', 'Redo', 'Shortcut is Ctrl + Y')
|
||||||
|
)
|
||||||
|
editNode.push(
|
||||||
|
new _3Dconnexion.Action('ID_CUT', 'Cut', 'Shortcut is Ctrl + X')
|
||||||
|
)
|
||||||
|
editNode.push(
|
||||||
|
new _3Dconnexion.Action('ID_COPY', 'Copy', 'Shortcut is Ctrl + C')
|
||||||
|
)
|
||||||
|
editNode.push(
|
||||||
|
new _3Dconnexion.Action('ID_PASTE', 'Paste', 'Shortcut is Ctrl + V')
|
||||||
|
)
|
||||||
|
|
||||||
// Add menu items / actions
|
// Now add the images to the cache and associate it with the menu item by using the same id as the menu item / action
|
||||||
editNode.push(new _3Dconnexion.Action('ID_UNDO', 'Undo', 'Shortcut is Ctrl + Z'));
|
// These images will be shown in the 3Dconnexion properties editor and in the UI elements which display the
|
||||||
editNode.push(new _3Dconnexion.Action('ID_REDO', 'Redo', 'Shortcut is Ctrl + Y'));
|
// active button configuration of the 3dmouse
|
||||||
editNode.push(new _3Dconnexion.Action('ID_CUT', 'Cut', 'Shortcut is Ctrl + X'));
|
images.push(_3Dconnexion.ImageItem.fromURL('images/open.png', 'ID_OPEN'))
|
||||||
editNode.push(new _3Dconnexion.Action('ID_COPY', 'Copy', 'Shortcut is Ctrl + C'));
|
images.push(_3Dconnexion.ImageItem.fromURL('images/close.png', 'ID_CLOSE'))
|
||||||
editNode.push(new _3Dconnexion.Action('ID_PASTE', 'Paste', 'Shortcut is Ctrl + V'));
|
images.push(_3Dconnexion.ImageItem.fromURL('images/exit.png', 'ID_EXIT'))
|
||||||
|
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Cut.png', 'ID_CUT'))
|
||||||
// Now add the images to the cache and associate it with the menu item by using the same id as the menu item / action
|
images.push(
|
||||||
// These images will be shown in the 3Dconnexion properties editor and in the UI elements which display the
|
_3Dconnexion.ImageItem.fromURL('images/Macro_Copy.png', 'ID_COPY')
|
||||||
// active button configuration of the 3dmouse
|
)
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/open.png', 'ID_OPEN'));
|
images.push(
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/close.png', 'ID_CLOSE'));
|
_3Dconnexion.ImageItem.fromURL('images/Macro_Paste.png', 'ID_PASTE')
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/exit.png', 'ID_EXIT'));
|
)
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Cut.png', 'ID_CUT'));
|
images.push(
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Copy.png', 'ID_COPY'));
|
_3Dconnexion.ImageItem.fromURL('images/Macro_Undo.png', 'ID_UNDO')
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Paste.png', 'ID_PASTE'));
|
)
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Undo.png', 'ID_UNDO'));
|
images.push(
|
||||||
images.push(_3Dconnexion.ImageItem.fromURL('images/Macro_Redo.png', 'ID_REDO'));
|
_3Dconnexion.ImageItem.fromURL('images/Macro_Redo.png', 'ID_REDO')
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
interface _3DconnexionHelper {
|
interface _3DconnexionHelper {
|
||||||
connect(): boolean;
|
connect(): boolean
|
||||||
debug: boolean;
|
debug: boolean
|
||||||
create3dmouse(canvas: HTMLElement | null, name: string): void;
|
create3dmouse(canvas: HTMLElement | null, name: string): void
|
||||||
update3dcontroller(any): void
|
update3dcontroller(any): void
|
||||||
}
|
}
|
||||||
|
|
||||||
interface _3DconnexionMiddleware {
|
interface _3DconnexionMiddleware {
|
||||||
// Callbacks
|
// Callbacks
|
||||||
getCoordinateSystem(): SixteenNumbers;
|
getCoordinateSystem(): SixteenNumbers
|
||||||
getFrontView(): SixteenNumbers;
|
getFrontView(): SixteenNumbers
|
||||||
getViewMatrix():SixteenNumbers;
|
getViewMatrix(): SixteenNumbers
|
||||||
getFov():number;
|
getFov(): number
|
||||||
getPerspective():boolean;
|
getPerspective(): boolean
|
||||||
getModelExtents(): BoundingBox;
|
getModelExtents(): BoundingBox
|
||||||
getPointerPosition?(): Position;
|
getPointerPosition?(): Position
|
||||||
getPivotPositon?(): Position;
|
getPivotPositon?(): Position
|
||||||
getViewExtents(): ViewExtents;
|
getViewExtents(): ViewExtents
|
||||||
getFrameTime(): number;
|
getFrameTime(): number
|
||||||
setViewExtents(viewExtents: ViewExtents): void;
|
setViewExtents(viewExtents: ViewExtents): void
|
||||||
|
|
||||||
// Commands
|
// Commands
|
||||||
setActiveCommand(id:any): void;
|
setActiveCommand(id: any): void
|
||||||
setViewMatrix(viewMatrix: SixteenNumbers): void;
|
setViewMatrix(viewMatrix: SixteenNumbers): void
|
||||||
setFov(fov: number): void;
|
setFov(fov: number): void
|
||||||
setTransaction(transaction: number): void;
|
setTransaction(transaction: number): void
|
||||||
onStartMotion(): void;
|
onStartMotion(): void
|
||||||
onStopMotion(): void;
|
onStopMotion(): void
|
||||||
|
|
||||||
// 3D mouse initialization
|
// 3D mouse initialization
|
||||||
init3DMouse(): void;
|
init3DMouse(): void
|
||||||
onConnect(): void;
|
onConnect(): void
|
||||||
onDisconnect(reason: string): void;
|
onDisconnect(reason: string): void
|
||||||
on3dmouseCreated(): void
|
on3dmouseCreated(): void
|
||||||
|
|
||||||
// huh?
|
// huh?
|
||||||
render(time: number): void
|
render(time: number): void
|
||||||
}
|
}
|
||||||
|
|
||||||
interface _3DMouseConfiguration {
|
interface _3DMouseConfiguration {
|
||||||
debug: boolean,
|
debug: boolean
|
||||||
name: string
|
name: string
|
||||||
canvasId: string
|
canvasId: string
|
||||||
}
|
}
|
||||||
@ -111,191 +148,200 @@ interface Model {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class _3DMouse implements _3DconnexionMiddleware {
|
class _3DMouse implements _3DconnexionMiddleware {
|
||||||
spaceMouse: _3DconnexionHelper
|
spaceMouse: _3DconnexionHelper
|
||||||
debug: boolean
|
debug: boolean
|
||||||
name: string
|
name: string
|
||||||
canvasId: string
|
canvasId: string
|
||||||
animating: boolean = false
|
animating: boolean = false
|
||||||
cameraMatrix: SixteenNumbers = new THREE.Matrix4().identity().toArray()
|
cameraMatrix: SixteenNumbers = new THREE.Matrix4().identity().toArray()
|
||||||
|
|
||||||
model: Model = {
|
model: Model = {
|
||||||
extends: {
|
extends: {
|
||||||
min: new THREE.Vector3(),
|
min: new THREE.Vector3(),
|
||||||
max: new THREE.Vector3()
|
max: new THREE.Vector3(),
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
// huh okay?
|
||||||
|
viewportWidth: number
|
||||||
|
viewportHeight: number
|
||||||
|
fov: number
|
||||||
|
frustumNear: number
|
||||||
|
frustumFar: number
|
||||||
|
left: number
|
||||||
|
right: number
|
||||||
|
bottom: number
|
||||||
|
top: number
|
||||||
|
|
||||||
|
constructor(configuration: _3DMouseConfiguration) {
|
||||||
|
// no op for now
|
||||||
|
console.log('_3DMouse has a no op constructor')
|
||||||
|
|
||||||
|
this.name = configuration.name
|
||||||
|
this.debug = configuration.debug
|
||||||
|
this.canvasId = configuration.canvasId
|
||||||
|
|
||||||
|
if (!_3Dconnexion) {
|
||||||
|
console.error('Unable to find _3Dconnexion library')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// callbacks
|
||||||
|
getCoordinateSystem(): SixteenNumbers {
|
||||||
|
// In this sample the cs has Y to the right, Z-up and X out of the screen
|
||||||
|
return [0, 0, 1, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1]
|
||||||
|
}
|
||||||
|
|
||||||
|
getFrontView(): SixteenNumbers {
|
||||||
|
return [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1]
|
||||||
|
}
|
||||||
|
|
||||||
|
getModelExtents(): BoundingBox {
|
||||||
|
return [-1, -1, -1, 1, 1, 1]
|
||||||
|
}
|
||||||
|
|
||||||
|
getPerspective(): boolean {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
getViewMatrix = function () {
|
||||||
|
return Array.prototype.slice.call(this.cameraMatrix)
|
||||||
|
}
|
||||||
|
|
||||||
|
getFov(): number {
|
||||||
|
return this.fov
|
||||||
|
}
|
||||||
|
|
||||||
|
getViewExtents(): ViewExtents {
|
||||||
|
return [
|
||||||
|
this.left,
|
||||||
|
this.bottom,
|
||||||
|
-this.frustumFar,
|
||||||
|
this.right,
|
||||||
|
this.top,
|
||||||
|
-this.frustumNear,
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
getFrameTime(): number {
|
||||||
|
return performance.now()
|
||||||
|
}
|
||||||
|
|
||||||
|
setViewExtents(viewExtents: ViewExtents): void {
|
||||||
|
this.left = viewExtents[0]
|
||||||
|
this.bottom = viewExtents[1]
|
||||||
|
this.right = viewExtents[3]
|
||||||
|
this.top = viewExtents[4]
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3D mouse initialization
|
||||||
|
init3DMouse(): void {
|
||||||
|
this.spaceMouse = new _3Dconnexion(this)
|
||||||
|
this.spaceMouse.debug = this.debug
|
||||||
|
if (!this.spaceMouse.connect()) {
|
||||||
|
if (this.debug) console.log('Cannot connect to 3Dconnexion NL-Proxy')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// init3DMouse needs onConnect
|
||||||
|
onConnect(): void {
|
||||||
|
const canvas = document.getElementById(this.canvasId)
|
||||||
|
|
||||||
|
this.viewportWidth = canvas.width
|
||||||
|
this.viewportHeight = canvas.height
|
||||||
|
this.fov = (33 * Math.PI) / 180.0
|
||||||
|
this.frustumNear = -1000
|
||||||
|
this.frustumFar = 1000
|
||||||
|
this.left = -175
|
||||||
|
this.right = -this.left
|
||||||
|
this.bottom =
|
||||||
|
(-(this.right - this.left) * this.viewportHeight) / this.viewportWidth / 2
|
||||||
|
this.top = -this.bottom
|
||||||
|
|
||||||
|
this.spaceMouse.create3dmouse(canvas, this.name)
|
||||||
|
}
|
||||||
|
|
||||||
|
onDisconnect(reason: string): void {
|
||||||
|
console.log('3Dconnexion NL-Proxy disconnected ' + reason)
|
||||||
|
}
|
||||||
|
|
||||||
|
on3dmouseCreated(): void {
|
||||||
|
// global reference from window
|
||||||
|
const actionTree = new _3Dconnexion.ActionTree()
|
||||||
|
const actionImages = new _3Dconnexion.ImageCache()
|
||||||
|
|
||||||
|
// set ourselves as the timing source for the animation frames
|
||||||
|
this.spaceMouse.update3dcontroller({
|
||||||
|
frame: { timingSource: 1 },
|
||||||
|
})
|
||||||
|
|
||||||
|
actionImages.onload = () => {
|
||||||
|
this.spaceMouse.update3dcontroller({ images: actionImages.images })
|
||||||
}
|
}
|
||||||
|
|
||||||
// huh okay?
|
// An actionset can also be considered to be a buttonbank, a menubar, or a set of toolbars
|
||||||
viewportWidth: number
|
// Define a unique string for the action set to be able to specify the active action set
|
||||||
viewportHeight : number
|
// Because we only have one action set use the 'Default' action set id to not display the label
|
||||||
fov : number
|
var buttonBank = actionTree.push(
|
||||||
frustumNear : number
|
new _3Dconnexion.ActionSet('Default', 'Custom action set')
|
||||||
frustumFar : number
|
)
|
||||||
left : number
|
getApplicationCommands(buttonBank, actionImages)
|
||||||
right: number
|
|
||||||
bottom : number
|
|
||||||
top : number
|
|
||||||
|
|
||||||
constructor(configuration: _3DMouseConfiguration) {
|
// Expose the commands to 3Dxware and specify the active buttonbank / action set
|
||||||
// no op for now
|
this.spaceMouse.update3dcontroller({
|
||||||
console.log("_3DMouse has a no op constructor")
|
commands: { activeSet: 'Default', tree: actionTree },
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
this.name = configuration.name
|
// commands
|
||||||
this.debug = configuration.debug
|
setActiveCommand(id: any): void {
|
||||||
this.canvasId = configuration.canvasId
|
if (id) {
|
||||||
|
console.log('Id of command to execute= ' + id)
|
||||||
if (!_3Dconnexion) {
|
|
||||||
console.error('Unable to find _3Dconnexion library')
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// callbacks
|
setViewMatrix(viewMatrix: SixteenNumbers): void {
|
||||||
getCoordinateSystem(): SixteenNumbers {
|
this.cameraMatrix = viewMatrix
|
||||||
// In this sample the cs has Y to the right, Z-up and X out of the screen
|
}
|
||||||
return [0, 0, 1, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
|
|
||||||
|
setFov(fov: number): void {
|
||||||
|
this.fov = fov
|
||||||
|
}
|
||||||
|
|
||||||
|
setTransaction(transaction: number): void {
|
||||||
|
if (transaction === 0) {
|
||||||
|
console.log('request a redraw not animating')
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
getFrontView(): SixteenNumbers {
|
onStartMotion(): void {
|
||||||
return [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1];
|
console.log('started!')
|
||||||
|
if (!this.animating) {
|
||||||
|
this.animating = true
|
||||||
|
window.requestAnimationFrame(this.render.bind(this))
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
getModelExtents(): BoundingBox {
|
render(time): void {
|
||||||
return[-1,-1,-1,1,1,1]
|
if (this.animating) {
|
||||||
}
|
this.spaceMouse.update3dcontroller({
|
||||||
|
frame: { time: time },
|
||||||
getPerspective(): boolean {
|
})
|
||||||
return false
|
window.requestAnimationFrame(this.render.bind(this))
|
||||||
}
|
|
||||||
|
|
||||||
getViewMatrix = function () {
|
|
||||||
return Array.prototype.slice.call(this.cameraMatrix)
|
|
||||||
}
|
|
||||||
|
|
||||||
getFov(): number {
|
|
||||||
return this.fov
|
|
||||||
}
|
|
||||||
|
|
||||||
getViewExtents(): ViewExtents {
|
|
||||||
return [this.left, this.bottom, -this.frustumFar, this.right, this.top, -this.frustumNear];
|
|
||||||
}
|
|
||||||
|
|
||||||
getFrameTime(): number {
|
|
||||||
return performance.now()
|
|
||||||
}
|
|
||||||
|
|
||||||
setViewExtents(viewExtents: ViewExtents): void {
|
|
||||||
this.left = viewExtents[0]
|
|
||||||
this.bottom = viewExtents[1]
|
|
||||||
this.right = viewExtents[3]
|
|
||||||
this.top = viewExtents[4]
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3D mouse initialization
|
|
||||||
init3DMouse(): void {
|
|
||||||
this.spaceMouse = new _3Dconnexion(this)
|
|
||||||
this.spaceMouse.debug = this.debug
|
|
||||||
if (!this.spaceMouse.connect()) {
|
|
||||||
if (this.debug)
|
|
||||||
console.log("Cannot connect to 3Dconnexion NL-Proxy");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// init3DMouse needs onConnect
|
|
||||||
onConnect(): void {
|
|
||||||
const canvas = document.getElementById(this.canvasId)
|
|
||||||
|
|
||||||
this.viewportWidth = canvas.width
|
|
||||||
this.viewportHeight = canvas.height
|
|
||||||
this.fov = 33 * Math.PI / 180.0
|
|
||||||
this.frustumNear = -1000
|
|
||||||
this.frustumFar = 1000
|
|
||||||
this.left = -175;
|
|
||||||
this.right = -this.left;
|
|
||||||
this.bottom = -(this.right - this.left) * this.viewportHeight / this.viewportWidth / 2.
|
|
||||||
this.top = -this.bottom
|
|
||||||
|
|
||||||
this.spaceMouse.create3dmouse(canvas, this.name)
|
|
||||||
}
|
|
||||||
|
|
||||||
onDisconnect(reason: string): void {
|
|
||||||
console.log("3Dconnexion NL-Proxy disconnected " + reason);
|
|
||||||
}
|
|
||||||
|
|
||||||
on3dmouseCreated(): void {
|
|
||||||
// global reference from window
|
|
||||||
const actionTree = new _3Dconnexion.ActionTree()
|
|
||||||
const actionImages = new _3Dconnexion.ImageCache()
|
|
||||||
|
|
||||||
// set ourselves as the timing source for the animation frames
|
|
||||||
this.spaceMouse.update3dcontroller({
|
|
||||||
'frame': { 'timingSource': 1 }
|
|
||||||
})
|
|
||||||
|
|
||||||
actionImages.onload = () => {
|
|
||||||
this.spaceMouse.update3dcontroller({ 'images': actionImages.images });
|
|
||||||
};
|
|
||||||
|
|
||||||
// An actionset can also be considered to be a buttonbank, a menubar, or a set of toolbars
|
|
||||||
// Define a unique string for the action set to be able to specify the active action set
|
|
||||||
// Because we only have one action set use the 'Default' action set id to not display the label
|
|
||||||
var buttonBank = actionTree.push(new _3Dconnexion.ActionSet('Default', 'Custom action set'));
|
|
||||||
getApplicationCommands(buttonBank, actionImages);
|
|
||||||
|
|
||||||
// Expose the commands to 3Dxware and specify the active buttonbank / action set
|
|
||||||
this.spaceMouse.update3dcontroller({ 'commands': { 'activeSet': 'Default', 'tree': actionTree } });
|
|
||||||
}
|
|
||||||
|
|
||||||
// commands
|
|
||||||
setActiveCommand(id: any): void {
|
|
||||||
if (id) {
|
|
||||||
console.log("Id of command to execute= " + id)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
setViewMatrix(viewMatrix: SixteenNumbers): void {
|
|
||||||
this.cameraMatrix = viewMatrix
|
|
||||||
}
|
|
||||||
|
|
||||||
setFov(fov: number): void {
|
|
||||||
this.fov = fov
|
|
||||||
}
|
|
||||||
|
|
||||||
setTransaction(transaction: number): void {
|
|
||||||
if(transaction === 0) {
|
|
||||||
console.log('request a redraw not animating')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onStartMotion(): void {
|
|
||||||
console.log('started!')
|
|
||||||
if (!this.animating) {
|
|
||||||
this.animating = true
|
|
||||||
window.requestAnimationFrame(this.render.bind(this))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render(time): void {
|
|
||||||
if(this.animating) {
|
|
||||||
this.spaceMouse.update3dcontroller({
|
|
||||||
'frame': { 'time': time }
|
|
||||||
});
|
|
||||||
window.requestAnimationFrame(this.render.bind(this))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onStopMotion(): void {
|
|
||||||
console.log("stopped!")
|
|
||||||
this.animating = false
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onStopMotion(): void {
|
||||||
|
console.log('stopped!')
|
||||||
|
this.animating = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const the3DMouse = new _3DMouse({
|
const the3DMouse = new _3DMouse({
|
||||||
// Name needs to be registered in the python proxy server!
|
// Name needs to be registered in the python proxy server!
|
||||||
name:'Image Web Viewer',
|
name: 'Image Web Viewer',
|
||||||
debug: true,
|
debug: true,
|
||||||
canvasId: 'webgl'
|
canvasId: 'webgl',
|
||||||
})
|
})
|
||||||
|
|
||||||
window.the3DMouse = the3DMouse
|
window.the3DMouse = the3DMouse
|
||||||
|
|||||||
Reference in New Issue
Block a user