-
-
Notifications
You must be signed in to change notification settings - Fork 506
/
embed.js
103 lines (95 loc) · 3.35 KB
/
embed.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
OV.Embed = class
{
constructor (parameters)
{
this.parameters = parameters;
this.viewer = new OV.Viewer ();
this.hashHandler = new OV.HashHandler ();
this.modelLoaderUI = new OV.ThreeModelLoaderUI ();
}
Load ()
{
let canvas = OV.AddDomElement (this.parameters.viewerDiv, 'canvas');
this.InitViewer (canvas);
this.Resize ();
if (this.hashHandler.HasHash ()) {
let urls = this.hashHandler.GetModelFilesFromHash ();
if (urls === null) {
return;
}
OV.TransformFileHostUrls (urls);
let background = this.hashHandler.GetBackgroundFromHash ();
if (background !== null) {
this.viewer.SetBackgroundColor (background);
}
let edgeSettings = this.hashHandler.GetEdgeSettingsFromHash ();
if (edgeSettings !== null) {
this.viewer.SetEdgeSettings (
edgeSettings.showEdges,
edgeSettings.edgeColor,
edgeSettings.edgeThreshold
);
}
let settings = new OV.ImportSettings ();
let defaultColor = this.hashHandler.GetDefaultColorFromHash ();
if (defaultColor !== null) {
settings.defaultColor = defaultColor;
}
this.modelLoaderUI.LoadModel (urls, OV.FileSource.Url, settings, {
onStart : () =>
{
},
onFinish : (importResult, threeObject) =>
{
this.OnModelFinished (importResult, threeObject);
},
onRender : () =>
{
this.viewer.Render ();
},
onError : (importError) =>
{
}
});
let hashParameters = OV.CreateModelUrlParameters (urls);
let websiteUrl = this.parameters.websiteLinkDiv.getAttribute ('href') + '#' + hashParameters;
this.parameters.websiteLinkDiv.setAttribute ('href', websiteUrl);
}
window.addEventListener ('resize', () => {
this.Resize ();
});
}
Resize ()
{
let windowWidth = window.innerWidth;
let windowHeight = window.innerHeight;
this.viewer.Resize (windowWidth, windowHeight);
}
OnModelFinished (importResult, threeObject)
{
this.viewer.SetMainObject (threeObject);
let boundingSphere = this.viewer.GetBoundingSphere ((meshUserData) => {
return true;
});
this.viewer.AdjustClippingPlanesToSphere (boundingSphere);
let camera = this.hashHandler.GetCameraFromHash ();
if (camera !== null) {
this.viewer.SetCamera (camera);
} else {
this.viewer.SetUpVector (importResult.upVector, false);
}
this.viewer.FitSphereToWindow (boundingSphere, false);
}
InitViewer (canvas)
{
this.viewer.Init (canvas);
this.viewer.SetEnvironmentMap ([
'assets/envmaps/grayclouds/posx.jpg',
'assets/envmaps/grayclouds/negx.jpg',
'assets/envmaps/grayclouds/posy.jpg',
'assets/envmaps/grayclouds/negy.jpg',
'assets/envmaps/grayclouds/posz.jpg',
'assets/envmaps/grayclouds/negz.jpg'
]);
}
};