144 lines
6.5 KiB
HTML
144 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
<link rel="icon" type="image/png" href="assets/images/3dviewer_net_favicon.png">
|
|
|
|
<title>Online 3D Viewer</title>
|
|
|
|
<!-- libs start -->
|
|
<script type="text/javascript" src="../libs/jquery-3.5.1.min.js"></script>
|
|
<script type="text/javascript" src="../libs/three.min-126.js"></script>
|
|
<!-- libs end -->
|
|
|
|
<!-- meta start -->
|
|
<!-- meta end -->
|
|
|
|
<!-- importer start -->
|
|
<script type="text/javascript" src="../source/core/core.js"></script>
|
|
<script type="text/javascript" src="../source/core/taskrunner.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/geometry.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/coord2d.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/coord3d.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/matrix.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/transformation.js"></script>
|
|
<script type="text/javascript" src="../source/geometry/tween.js"></script>
|
|
<script type="text/javascript" src="../source/io/binaryreader.js"></script>
|
|
<script type="text/javascript" src="../source/io/binarywriter.js"></script>
|
|
<script type="text/javascript" src="../source/io/textwriter.js"></script>
|
|
<script type="text/javascript" src="../source/io/bufferutils.js"></script>
|
|
<script type="text/javascript" src="../source/io/fileutils.js"></script>
|
|
<script type="text/javascript" src="../source/model/modelentities.js"></script>
|
|
<script type="text/javascript" src="../source/model/mesh.js"></script>
|
|
<script type="text/javascript" src="../source/model/meshbuffer.js"></script>
|
|
<script type="text/javascript" src="../source/model/model.js"></script>
|
|
<script type="text/javascript" src="../source/model/modelutils.js"></script>
|
|
<script type="text/javascript" src="../source/model/modelfinalization.js"></script>
|
|
<script type="text/javascript" src="../source/import/importerutils.js"></script>
|
|
<script type="text/javascript" src="../source/import/importerbase.js"></script>
|
|
<script type="text/javascript" src="../source/import/importerobj.js"></script>
|
|
<script type="text/javascript" src="../source/import/importerstl.js"></script>
|
|
<script type="text/javascript" src="../source/import/importeroff.js"></script>
|
|
<script type="text/javascript" src="../source/import/importerply.js"></script>
|
|
<script type="text/javascript" src="../source/import/importer3ds.js"></script>
|
|
<script type="text/javascript" src="../source/import/importergltf.js"></script>
|
|
<script type="text/javascript" src="../source/import/importer.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporterutils.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporterbase.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporterobj.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporterstl.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporterply.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporteroff.js"></script>
|
|
<script type="text/javascript" src="../source/export/exportergltf.js"></script>
|
|
<script type="text/javascript" src="../source/export/exporter.js"></script>
|
|
<script type="text/javascript" src="../source/external/three.converter.js"></script>
|
|
<script type="text/javascript" src="../source/external/three.model.loader.js"></script>
|
|
<script type="text/javascript" src="../source/parameters/parameterlist.js"></script>
|
|
<script type="text/javascript" src="../source/viewer/domutils.js"></script>
|
|
<script type="text/javascript" src="../source/viewer/navigation.js"></script>
|
|
<script type="text/javascript" src="../source/viewer/viewer.js"></script>
|
|
<script type="text/javascript" src="../source/viewer/domviewer.js"></script>
|
|
<!-- importer end -->
|
|
|
|
<!-- website start -->
|
|
<script type="text/javascript" src="o3dv/utils.js"></script>
|
|
<script type="text/javascript" src="o3dv/toolbar.js"></script>
|
|
<script type="text/javascript" src="o3dv/treeview.js"></script>
|
|
<script type="text/javascript" src="o3dv/modal.js"></script>
|
|
<script type="text/javascript" src="o3dv/dialogs.js"></script>
|
|
<script type="text/javascript" src="o3dv/modeldata.js"></script>
|
|
<script type="text/javascript" src="o3dv/info.js"></script>
|
|
<script type="text/javascript" src="o3dv/menu.js"></script>
|
|
<script type="text/javascript" src="o3dv/hashhandler.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="o3dv/website.css">
|
|
<script type="text/javascript" src="o3dv/loader.js"></script>
|
|
<script type="text/javascript" src="o3dv/website.js"></script>
|
|
<script type="text/javascript" src="o3dv/embed.js"></script>
|
|
<!-- website end -->
|
|
|
|
<script type='text/javascript'>
|
|
$(window).on ('load', function () {
|
|
let website = new OV.Website ({
|
|
headerDiv : $('#header'),
|
|
toolbarDiv : $('#toolbar'),
|
|
mainDiv : $('#main'),
|
|
introDiv : $('#intro'),
|
|
menuDiv : $('#main_menu'),
|
|
viewerDiv : $('#main_viewer'),
|
|
fileInput : $('#open_file')
|
|
});
|
|
website.Load ();
|
|
});
|
|
</script>
|
|
|
|
<!-- analytics start -->
|
|
<!-- analytics end -->
|
|
|
|
<!-- script start -->
|
|
<!-- script end -->
|
|
</head>
|
|
|
|
<body>
|
|
<input type="file" id="open_file" style="display:none;" multiple></input>
|
|
<div class="header" id="header">
|
|
<div class="title">
|
|
<div class="title_left">
|
|
<a href="index.html">
|
|
<img class="logo_image" src="assets/images/3dviewer_net_logo_text.svg"></img>
|
|
</a>
|
|
</div>
|
|
<div class="title_right" id="header_buttons">
|
|
</div>
|
|
</div>
|
|
<div class="toolbar" id="toolbar"></div>
|
|
</div>
|
|
<div class="main" id="main">
|
|
<div class="main_menu only_full_width" id="main_menu">
|
|
</div>
|
|
<div class="main_viewer" id="main_viewer">
|
|
</div>
|
|
</div>
|
|
<div class="intro ov_thin_scrollbar" id="intro">
|
|
<div class="intro_section only_full_width only_full_height"><img src="assets/images/3dviewer_net_logo.svg" class="intro_logo"></img></div>
|
|
<div class="intro_section intro_big_text">
|
|
Drag and drop your 3D models here.<br>
|
|
Supported formats: <b>obj, 3ds, stl, ply, gltf, glb, off</b>.
|
|
</div>
|
|
<div class="intro_section">
|
|
Or you can use the browse button above.
|
|
</div>
|
|
<div class="intro_section only_full_height">
|
|
<div>Example models:</div>
|
|
<div class="example_models">
|
|
<a href="index.html#model=assets/models/logo.obj,assets/models/logo.mtl">logo</a>
|
|
<span style="color:#aaaaaa;"> | </span>
|
|
<a href="index.html#model=assets/models/solids.obj,assets/models/solids.mtl">solids</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|