Doni/ModelHandle
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dummy icons for camera mode.

Browse Source
This commit is contained in:
kovacsv 2022-09-18 14:53:31 +02:00
parent 12537cdac8
commit 339ea40031
8 changed files with 167 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/icons/camera_orthographic.svg Normal file
View File

@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 18 18"
xml:space="preserve"
version="1.1"
id="svg4"
sodipodi:docname="camera_orthographic.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs8" /><sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="true"
inkscape:zoom="33.705423"
inkscape:cx="9.5088556"
inkscape:cy="9.2715051"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="1912"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"><inkscape:grid
type="xygrid"
id="grid825" /></sodipodi:namedview><path
style="fill:none;stroke:#263238;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
d="m 2.5,14.5 v -12 h 12 v 12 h -12"
id="path895"
sodipodi:nodetypes="ccccc" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

35
assets/icons/camera_perspective.svg Normal file
View File

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 18 18"
xml:space="preserve"
version="1.1"
id="svg4"
sodipodi:docname="camera_perspective.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs8" /><sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="true"
inkscape:zoom="33.705423"
inkscape:cx="9.5088556"
inkscape:cy="9.2715051"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="1912"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"><inkscape:grid
type="xygrid"
id="grid825" /></sodipodi:namedview><path
style="fill:none;stroke:#263238;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
d="m 2.5,14.5 v -12 h 12 v 7 h -12"
id="path895" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
sandbox/embed_edges.html
View File

@ -26,17 +26,17 @@
<body> <body>
<iframe <iframe
src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,0,0,0,1" src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,0,0,0,1"
width=360 height=240 width="360" height="240"
style="border:1px solid #eeeeee;"> style="border:1px solid #eeeeee;">
</iframe> </iframe>
<iframe <iframe
src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,255,0,0,1" src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,255,0,0,1"
width=360 height=240 width="360" height="240"
style="border:1px solid #eeeeee;"> style="border:1px solid #eeeeee;">
</iframe> </iframe>
<iframe <iframe
src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,0,0,0,80" src="../../website/embed.html#model=../../website/assets/models/solids.obj,../../website/assets/models/solids.mtl$edgesettings=on,0,0,0,80"
width=360 height=240 width="360" height="240"
style="border:1px solid #eeeeee;"> style="border:1px solid #eeeeee;">
</iframe> </iframe>
<div class="online_3d_viewer" <div class="online_3d_viewer"

2
source/website/website.js
View File

@ -558,7 +558,7 @@ export class Website
}); });
AddSeparator (this.toolbar, ['only_on_model']); AddSeparator (this.toolbar, ['only_on_model']);
if (FeatureSet.OrthographicView) { if (FeatureSet.OrthographicView) {
AddRadioButton (this.toolbar, ['fix_up_on', 'fix_up_off'], ['Perspective camera', 'Orthographic camera'], 0, ['only_on_model'], (buttonIndex) => { AddRadioButton (this.toolbar, ['camera_perspective', 'camera_orthographic'], ['Perspective camera', 'Orthographic camera'], 0, ['only_on_model'], (buttonIndex) => {
if (buttonIndex === 0) { if (buttonIndex === 0) {
this.viewer.SetCameraMode (CameraMode.Perspective); this.viewer.SetCameraMode (CameraMode.Perspective);
} else if (buttonIndex === 1) { } else if (buttonIndex === 1) {

BIN
website/css/O3DVIcons/O3DVIcons.woff
View File

Binary file not shown.

86
website/css/icons.css
View File

@ -1,6 +1,6 @@
@font-face { @font-face {
font-family: "O3DVIcons"; font-family: "O3DVIcons";
src: url("O3DVIcons/O3DVIcons.woff?3aa6f39e888e50c0858037b7381ba7ac") format("woff"); src: url("O3DVIcons/O3DVIcons.woff?780171e944ff8a7e49a1336268d1461f") format("woff");
} }
i[class^="icon-"]:before, i[class*=" icon-"]:before { i[class^="icon-"]:before, i[class*=" icon-"]:before {
@ -26,120 +26,126 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.icon-arrow_up:before { .icon-arrow_up:before {
content: "\f104"; content: "\f104";
} }
.icon-close:before { .icon-camera_orthographic:before {
content: "\f105"; content: "\f105";
} }
.icon-collapse:before { .icon-camera_perspective:before {
content: "\f106"; content: "\f106";
} }
.icon-deisolate:before { .icon-close:before {
content: "\f107"; content: "\f107";
} }
.icon-details:before { .icon-collapse:before {
content: "\f108"; content: "\f108";
} }
.icon-donate:before { .icon-deisolate:before {
content: "\f109"; content: "\f109";
} }
.icon-expand:before { .icon-details:before {
content: "\f10a"; content: "\f10a";
} }
.icon-export:before { .icon-donate:before {
content: "\f10b"; content: "\f10b";
} }
.icon-feedback:before { .icon-expand:before {
content: "\f10c"; content: "\f10c";
} }
.icon-file_download:before { .icon-export:before {
content: "\f10d"; content: "\f10d";
} }
.icon-files:before { .icon-feedback:before {
content: "\f10e"; content: "\f10e";
} }
.icon-fit:before { .icon-file_download:before {
content: "\f10f"; content: "\f10f";
} }
.icon-fix_up_off:before { .icon-files:before {
content: "\f110"; content: "\f110";
} }
.icon-fix_up_on:before { .icon-fit:before {
content: "\f111"; content: "\f111";
} }
.icon-flat_list:before { .icon-fix_up_off:before {
content: "\f112"; content: "\f112";
} }
.icon-flip:before { .icon-fix_up_on:before {
content: "\f113"; content: "\f113";
} }
.icon-github:before { .icon-flat_list:before {
content: "\f114"; content: "\f114";
} }
.icon-hidden:before { .icon-flip:before {
content: "\f115"; content: "\f115";
} }
.icon-info:before { .icon-github:before {
content: "\f116"; content: "\f116";
} }
.icon-isolate:before { .icon-hidden:before {
content: "\f117"; content: "\f117";
} }
.icon-materials:before { .icon-info:before {
content: "\f118"; content: "\f118";
} }
.icon-measure_angle:before { .icon-isolate:before {
content: "\f119"; content: "\f119";
} }
.icon-measure_distance_parallel:before { .icon-materials:before {
content: "\f11a"; content: "\f11a";
} }
.icon-measure_distance:before { .icon-measure_angle:before {
content: "\f11b"; content: "\f11b";
} }
.icon-measure:before { .icon-measure_distance_parallel:before {
content: "\f11c"; content: "\f11c";
} }
.icon-meshes:before { .icon-measure_distance:before {
content: "\f11d"; content: "\f11d";
} }
.icon-missing_files:before { .icon-measure:before {
content: "\f11e"; content: "\f11e";
} }
.icon-model:before { .icon-meshes:before {
content: "\f11f"; content: "\f11f";
} }
.icon-open_url:before { .icon-missing_files:before {
content: "\f120"; content: "\f120";
} }
.icon-open:before { .icon-model:before {
content: "\f121"; content: "\f121";
} }
.icon-settings:before { .icon-open_url:before {
content: "\f122"; content: "\f122";
} }
.icon-share:before { .icon-open:before {
content: "\f123"; content: "\f123";
} }
.icon-snapshot:before { .icon-settings:before {
content: "\f124"; content: "\f124";
} }
.icon-tree_mesh:before { .icon-share:before {
content: "\f125"; content: "\f125";
} }
.icon-tree_view:before { .icon-snapshot:before {
content: "\f126"; content: "\f126";
} }
.icon-twitter:before { .icon-tree_mesh:before {
content: "\f127"; content: "\f127";
} }
.icon-up_y:before { .icon-tree_view:before {
content: "\f128"; content: "\f128";
} }
.icon-up_z:before { .icon-twitter:before {
content: "\f129"; content: "\f129";
} }
.icon-visible:before { .icon-up_y:before {
content: "\f12a"; content: "\f12a";
} }
.icon-warning:before { .icon-up_z:before {
content: "\f12b"; content: "\f12b";
} }
.icon-visible:before {
content: "\f12c";
}
.icon-warning:before {
content: "\f12d";
}

BIN
website/info/css/O3DVIcons.woff
View File

Binary file not shown.

86
website/info/css/icons.css
View File

@ -1,6 +1,6 @@
@font-face { @font-face {
font-family: "O3DVIcons"; font-family: "O3DVIcons";
src: url("./O3DVIcons.woff?3aa6f39e888e50c0858037b7381ba7ac") format("woff"); src: url("./O3DVIcons.woff?780171e944ff8a7e49a1336268d1461f") format("woff");
} }
i[class^="icon-"]:before, i[class*=" icon-"]:before { i[class^="icon-"]:before, i[class*=" icon-"]:before {
@ -26,120 +26,126 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.icon-arrow_up:before { .icon-arrow_up:before {
content: "\f104"; content: "\f104";
} }
.icon-close:before { .icon-camera_orthographic:before {
content: "\f105"; content: "\f105";
} }
.icon-collapse:before { .icon-camera_perspective:before {
content: "\f106"; content: "\f106";
} }
.icon-deisolate:before { .icon-close:before {
content: "\f107"; content: "\f107";
} }
.icon-details:before { .icon-collapse:before {
content: "\f108"; content: "\f108";
} }
.icon-donate:before { .icon-deisolate:before {
content: "\f109"; content: "\f109";
} }
.icon-expand:before { .icon-details:before {
content: "\f10a"; content: "\f10a";
} }
.icon-export:before { .icon-donate:before {
content: "\f10b"; content: "\f10b";
} }
.icon-feedback:before { .icon-expand:before {
content: "\f10c"; content: "\f10c";
} }
.icon-file_download:before { .icon-export:before {
content: "\f10d"; content: "\f10d";
} }
.icon-files:before { .icon-feedback:before {
content: "\f10e"; content: "\f10e";
} }
.icon-fit:before { .icon-file_download:before {
content: "\f10f"; content: "\f10f";
} }
.icon-fix_up_off:before { .icon-files:before {
content: "\f110"; content: "\f110";
} }
.icon-fix_up_on:before { .icon-fit:before {
content: "\f111"; content: "\f111";
} }
.icon-flat_list:before { .icon-fix_up_off:before {
content: "\f112"; content: "\f112";
} }
.icon-flip:before { .icon-fix_up_on:before {
content: "\f113"; content: "\f113";
} }
.icon-github:before { .icon-flat_list:before {
content: "\f114"; content: "\f114";
} }
.icon-hidden:before { .icon-flip:before {
content: "\f115"; content: "\f115";
} }
.icon-info:before { .icon-github:before {
content: "\f116"; content: "\f116";
} }
.icon-isolate:before { .icon-hidden:before {
content: "\f117"; content: "\f117";
} }
.icon-materials:before { .icon-info:before {
content: "\f118"; content: "\f118";
} }
.icon-measure_angle:before { .icon-isolate:before {
content: "\f119"; content: "\f119";
} }
.icon-measure_distance_parallel:before { .icon-materials:before {
content: "\f11a"; content: "\f11a";
} }
.icon-measure_distance:before { .icon-measure_angle:before {
content: "\f11b"; content: "\f11b";
} }
.icon-measure:before { .icon-measure_distance_parallel:before {
content: "\f11c"; content: "\f11c";
} }
.icon-meshes:before { .icon-measure_distance:before {
content: "\f11d"; content: "\f11d";
} }
.icon-missing_files:before { .icon-measure:before {
content: "\f11e"; content: "\f11e";
} }
.icon-model:before { .icon-meshes:before {
content: "\f11f"; content: "\f11f";
} }
.icon-open_url:before { .icon-missing_files:before {
content: "\f120"; content: "\f120";
} }
.icon-open:before { .icon-model:before {
content: "\f121"; content: "\f121";
} }
.icon-settings:before { .icon-open_url:before {
content: "\f122"; content: "\f122";
} }
.icon-share:before { .icon-open:before {
content: "\f123"; content: "\f123";
} }
.icon-snapshot:before { .icon-settings:before {
content: "\f124"; content: "\f124";
} }
.icon-tree_mesh:before { .icon-share:before {
content: "\f125"; content: "\f125";
} }
.icon-tree_view:before { .icon-snapshot:before {
content: "\f126"; content: "\f126";
} }
.icon-twitter:before { .icon-tree_mesh:before {
content: "\f127"; content: "\f127";
} }
.icon-up_y:before { .icon-tree_view:before {
content: "\f128"; content: "\f128";
} }
.icon-up_z:before { .icon-twitter:before {
content: "\f129"; content: "\f129";
} }
.icon-visible:before { .icon-up_y:before {
content: "\f12a"; content: "\f12a";
} }
.icon-warning:before { .icon-up_z:before {
content: "\f12b"; content: "\f12b";
} }
.icon-visible:before {
content: "\f12c";
}
.icon-warning:before {
content: "\f12d";
}