Add dummy icons for camera mode.

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

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>

After

Width:  |  Height:  |  Size: 1.3 KiB

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>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -26,17 +26,17 @@
<body>
<iframe
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;">
</iframe>
<iframe
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;">
</iframe>
<iframe
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;">
</iframe>
<div class="online_3d_viewer"

View File

@ -558,7 +558,7 @@ export class Website
});
AddSeparator (this.toolbar, ['only_on_model']);
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) {
this.viewer.SetCameraMode (CameraMode.Perspective);
} else if (buttonIndex === 1) {

Binary file not shown.

View File

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

Binary file not shown.

View File

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