Add dummy icons for camera mode.
This commit is contained in:
parent
12537cdac8
commit
339ea40031
36
assets/icons/camera_orthographic.svg
Normal file
36
assets/icons/camera_orthographic.svg
Normal 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 |
35
assets/icons/camera_perspective.svg
Normal file
35
assets/icons/camera_perspective.svg
Normal 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 |
@ -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"
|
||||
|
||||
@ -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.
@ -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.
@ -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";
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user