@mml-io/3d-web-client-core 0.12.1 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/camera/CameraManager.d.ts +7 -1
- package/build/character/Character.d.ts +2 -1
- package/build/character/CharacterManager.d.ts +0 -2
- package/build/character/CharacterMaterial.d.ts +13 -9
- package/build/character/CharacterModel.d.ts +9 -4
- package/build/collisions/CollisionsManager.d.ts +1 -0
- package/build/index.js +428 -259
- package/build/index.js.map +4 -4
- package/build/input/KeyInputManager.d.ts +1 -0
- package/build/input/VirtualJoystick.d.ts +49 -0
- package/build/tweakpane/TweakPane.d.ts +1 -1
- package/build/tweakpane/blades/characterFolder.d.ts +0 -17
- package/build/tweakpane/tweakPaneStyle.d.ts +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
interface JoyStickAttributes {
|
|
2
|
+
radius?: number;
|
|
3
|
+
inner_radius?: number;
|
|
4
|
+
x?: number;
|
|
5
|
+
y?: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
mouse_support?: boolean;
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
anchor?: "left" | "right";
|
|
11
|
+
}
|
|
12
|
+
export declare class VirtualJoystick {
|
|
13
|
+
static JOYSTICK_DIV: HTMLDivElement | null;
|
|
14
|
+
private radius;
|
|
15
|
+
private inner_radius;
|
|
16
|
+
private anchor;
|
|
17
|
+
private x;
|
|
18
|
+
private y;
|
|
19
|
+
private width;
|
|
20
|
+
private height;
|
|
21
|
+
private mouse_support;
|
|
22
|
+
private div;
|
|
23
|
+
private base;
|
|
24
|
+
private control;
|
|
25
|
+
left: boolean;
|
|
26
|
+
right: boolean;
|
|
27
|
+
up: boolean;
|
|
28
|
+
down: boolean;
|
|
29
|
+
hasDirection: boolean;
|
|
30
|
+
constructor(attrs: JoyStickAttributes);
|
|
31
|
+
static checkForTouch(): boolean;
|
|
32
|
+
static isTouchOnJoystick(touch: Touch): boolean;
|
|
33
|
+
private checkTouch;
|
|
34
|
+
private initializeJoystick;
|
|
35
|
+
private setupBaseAndControl;
|
|
36
|
+
private bindEvents;
|
|
37
|
+
private handleTouchStart;
|
|
38
|
+
private handleTouchMove;
|
|
39
|
+
private handleMouseDown;
|
|
40
|
+
private handleMouseMove;
|
|
41
|
+
private handleMouseUp;
|
|
42
|
+
private clearFlags;
|
|
43
|
+
private updateControlAndDirection;
|
|
44
|
+
private isUp;
|
|
45
|
+
private isDown;
|
|
46
|
+
private isLeft;
|
|
47
|
+
private isRight;
|
|
48
|
+
}
|
|
49
|
+
export {};
|
|
@@ -21,8 +21,8 @@ export declare class TweakPane {
|
|
|
21
21
|
private saveVisibilityInLocalStorage;
|
|
22
22
|
guiVisible: boolean;
|
|
23
23
|
constructor(renderer: WebGLRenderer, scene: Scene, composer: EffectComposer);
|
|
24
|
-
private processKey;
|
|
25
24
|
private setupGUIListeners;
|
|
25
|
+
private processKey;
|
|
26
26
|
setupRenderPane(composer: EffectComposer, normalPass: NormalPass, ppssaoEffect: SSAOEffect, ppssaoPass: EffectPass, n8aopass: any, toneMappingEffect: ToneMappingEffect, toneMappingPass: EffectPass, brightnessContrastSaturation: typeof BrightnessContrastSaturation, bloomEffect: BloomEffect, gaussGrainEffect: typeof GaussGrainEffect, hasLighting: boolean, sun: Sun | null, setHDR: () => void, setAmbientLight: () => void, setFog: () => void): void;
|
|
27
27
|
updateStats(timeManager: TimeManager): void;
|
|
28
28
|
private formatDateForFilename;
|
|
@@ -1,16 +1,7 @@
|
|
|
1
1
|
import { FolderApi } from "tweakpane";
|
|
2
2
|
export declare const characterValues: {
|
|
3
|
-
transmission: number;
|
|
4
3
|
metalness: number;
|
|
5
4
|
roughness: number;
|
|
6
|
-
ior: number;
|
|
7
|
-
thickness: number;
|
|
8
|
-
specularColor: {
|
|
9
|
-
r: number;
|
|
10
|
-
g: number;
|
|
11
|
-
b: number;
|
|
12
|
-
};
|
|
13
|
-
specularIntensity: number;
|
|
14
5
|
emissive: {
|
|
15
6
|
r: number;
|
|
16
7
|
g: number;
|
|
@@ -18,14 +9,6 @@ export declare const characterValues: {
|
|
|
18
9
|
};
|
|
19
10
|
emissiveIntensity: number;
|
|
20
11
|
envMapIntensity: number;
|
|
21
|
-
sheenColor: {
|
|
22
|
-
r: number;
|
|
23
|
-
g: number;
|
|
24
|
-
b: number;
|
|
25
|
-
};
|
|
26
|
-
sheen: number;
|
|
27
|
-
clearcoat: number;
|
|
28
|
-
clearcoatRoughness: number;
|
|
29
12
|
};
|
|
30
13
|
export declare class CharacterFolder {
|
|
31
14
|
private folder;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const tweakPaneStyle = "\n:root {\n --tp-base-background-color: rgba(
|
|
1
|
+
export declare const tweakPaneStyle = "\n:root {\n --tp-base-background-color: rgba(12, 12, 12, 0.6);\n --tp-base-shadow-color: hsla(0, 0%, 0%, 0.2);\n --tp-button-background-color: hsla(0, 0%, 80%, 1);\n --tp-button-background-color-active: hsla(0, 0%, 100%, 1);\n --tp-button-background-color-focus: hsla(0, 0%, 95%, 1);\n --tp-button-background-color-hover: hsla(0, 0%, 85%, 1);\n --tp-button-foreground-color: hsla(0, 0%, 0%, 0.7);\n --tp-container-background-color: hsla(0, 0%, 0%, 0.3);\n --tp-container-background-color-active: hsla(0, 0%, 0%, 0.6);\n --tp-container-background-color-focus: hsla(0, 0%, 0%, 0.5);\n --tp-container-background-color-hover: hsla(0, 0%, 0%, 0.4);\n --tp-container-foreground-color: hsla(0, 0%, 90%, 0.6);\n --tp-groove-foreground-color: hsla(0, 0%, 0%, 0.2);\n --tp-input-background-color: hsla(0, 0%, 30%, 0.3);\n --tp-input-background-color-active: hsla(0, 0%, 0%, 0.6);\n --tp-input-background-color-focus: hsla(0, 0%, 0%, 0.5);\n --tp-input-background-color-hover: hsla(0, 0%, 0%, 0.4);\n --tp-input-foreground-color: hsla(0, 0%, 100%, 0.6);\n --tp-label-foreground-color: hsla(0, 0%, 100%, 0.6);\n --tp-monitor-background-color: hsla(0, 0%, 0%, 0.3);\n --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.3);\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.tp-brkv {\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.tp-dfwv {\n z-index: 100;\n color: white;\n width: 600px !important;\n display: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.tp-fldv {\n margin: 1px 0px 0px 0px !important;\n}\n\n.tp-fldv_b {\n overflow: visible !important;\n}\n\n.tp-fldv_t {\n font-size: 13px;\n font-weight: 900;\n color: #ffffff;\n background-color: rgba(70, 70, 70, 0.3);\n border-top: 1px solid rgba(210, 210, 210, 0.1);\n border-radius: 3px;\n}\n\n.tp-lblv_l {\n font-size: 12px;\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.tp-lblv_v {\n width: 150px;\n}\n\n.tp-sldtxtv_t {\n max-width: 50px;\n}\n\n.tp-sglv_i {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n}\n\n.tp-ckbv_w {\n border: 1px solid rgba(200, 200, 250, 0.2);\n}\n";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mml-io/3d-web-client-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
"lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@mml-io/3d-web-avatar": "^0.
|
|
21
|
+
"@mml-io/3d-web-avatar": "^0.13.0",
|
|
22
22
|
"@tweakpane/core": "2.0.3",
|
|
23
23
|
"@tweakpane/plugin-essentials": "0.2.1",
|
|
24
|
-
"mml-web": "0.
|
|
24
|
+
"mml-web": "0.12.0",
|
|
25
25
|
"postprocessing": "6.34.1",
|
|
26
26
|
"three-mesh-bvh": "0.7.1",
|
|
27
27
|
"tweakpane": "4.0.3"
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@types/three": "0.153.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "dd4ec3072e0fec33f7a885b4123636cbe0222fcd"
|
|
36
36
|
}
|