<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3D场景编辑器</title>
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/slider.css" type="text/css" />
<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/colpick.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!-- <link rel="stylesheet" href="css/rangeslider.css" type="text/css"/> -->
<!-- <link rel="stylesheet" href="css/main.css" type="text/css"/> -->
<style>
.picker {
width:20px;
height:20px;
background:#000;
/* cursor:pointer; */
/* position: absolute; */
/* left:-210px; */
/* top:200px; */
z-index: 100;
margin-top: 20px;
display: none;
/* float: left; */
}
</style>
</head>
<body>
<!--★使用iframe嵌套页面的方法加载3D项目-->
<div style="position: absolute;top:0px;left:0px; width: 100%;height: 100%;z-index: 2;">
<iframe id="LJGIS" src="other.html" width="100%" height="100%" style="padding:0; margin:0 auto;position:absolute;top: 0px;left:0px"
frameborder="0" allow="autoplay">
</iframe>
</div>
<div class="tk">
<img src="images/back.png" class="tankuang" id="imgclose">
</div>
<div style="width: 100%;height: auto;position: absolute;z-index: 4;">
<div class="header">
<div class="header-left"><img class="newlogo" src="images/logo.png" /></div>
<div class="header-center">
<ul class="nav-lists">
<li class="nav-list">
<div class="nav-title">文件</div>
<ul class="nav-drop-down">
<li class="fileModel">
<a href="javascript:location.reload()" class="fileModel11">
<label for="changjing" id="fileModel1">新建场景</label>
</a>
</li>
<li class="fileModel"><a href="javascript:document.getElementById('LJGIS').contentWindow.MMS_initScene.saveParameter()"
class="fileModel11">
<label for="save" id="fileModel1">保存参数</label>
</a></li>
<li><input type="file" id="filePar" accept=".json" style="display:none;" onchange="document.getElementById('LJGIS').contentWindow.MMS_initScene.loadParameter()">
<label for="filePar" id="fileModel1">
载入参数
</label> </li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">模型</div>
<ul class="nav-drop-down">
<li class="fileModel"><input type="file" id="fileModel" multiple="multiple" style="display:none;" onchange="document.getElementById('LJGIS').contentWindow.MMS_initScene.uploadModel()">
<label for="fileModel" id="fileModel1">
上传模型
</label> </li>
<li id="repository">资源库</li>
<li id="modelSetUp">模型设置</li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">工具</div>
<ul class="nav-drop-down">
<li id="coordinates">拾取坐标</li>
<li id="grid">拾取网格</li>
<li id="camera">镜头相机</li>
<li id="zhen">帧计数器</li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">效果</div>
<ul class="nav-drop-down">
<li id="light">灯光</li>
<li id="sky">天空</li>
<li id="haze">雾霾</li>
<li id="late">后期</li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">材质</div>
<ul class="nav-drop-down">
<li id="reglection">反射贴图</li>
<li id="lux">光照强度</li>
<li id="perspective">模型透视</li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">动效</div>
<ul class="nav-drop-down">
<li class="close">镜头动画</li>
<li class="close">飞光激光</li>
<li class="close">流光流动</li>
<li class="close">时辰变化</li>
<li class="close">光爆扫光</li>
<li class="close">图元标注</li>
<li class="close">光标动画</li>
<li class="close">材质变化</li>
<li class="close">网格分解</li>
</ul>
</li>
<li class="nav-list">
<div class="nav-title">帮助</div>
<ul class="nav-drop-down">
<li id="tutorial">入门教程</li>
<li id="AboutUs">关于我们</li>
<li id="Copyright-statement">版权声明</li>
</ul>
</li>
</ul>
</div>
<div class="header-right">3D场景编辑器</div>
</div>
<div class="headerbottom"></div>
</div>
<div class="footbottom"></div>
<div class="content">
<!-- <div class="content-left">
</div> -->
<div class="content-right">
<div class="content-right-top row-left"><img src="./images/markleft.png" class="markleft"></div>
<div class="content-right-top row-right"><img src="./images/markright.png" class="markright"></div>
<div class="rightleft"></div>
<!--版权声明-->
<div class="content-right-content Copyright-statement">
<div class="second-headerline">
<div class="flower" id="flower"></div>
<div class="cs-title">版权声明</div>
</div>
<div class="cs-content"><br> LJGIS数字孪生组态软件©[简称LJGIS]V1.0<br><br> 是珞珈GIS拥有全部版权之产品，取得了相关软件著作权、发明专利。<br><br> 在线试用请联系产品经理咨询。</div>
</div>
<!--关于我们-->
<div class="content-right-content AboutUs">
<div class="second-headerline">
<div class="flower" id="flower"></div>
<div class="cs-title">关于我们</div>
</div>
<div class="cs-content"><br> 珞珈GIS提供数字孪生系统的3D可视化技术服务，其LJGIS三维图形引擎是基于WebGL标准的网页Web前端系统，经2017年开始研发，2020年首次发布，已广泛应用于众多行业领域，累计服务超过100个3D可视化项目，是国内领先的3D可视化技术框架。<br><br> 为互联网装上了梦想的翅膀，放眼未来，珞珈GIS将持续站在国家发展、产业变革、技术创新的前沿，让全社会共享信息价值的美好愿景。<br><br> 万物互联、三维可视、自由交互！
</div>
</div>
<!--效果——后期-->
<div class="content-right-content late">
<div class="second-headerline">
<div class="flower"></div>
<span class="second-head">后期</span>
</div>
<!--后期处理-->
<div class="Post-processing">
<div class="Post-processing-title">后期处理</div>
<div class="late-lable">
<input type="checkbox" oninput="document.getElementById('LJGIS').contentWindow.MMS_initScene.effect(this.checked)"
id="checkbox-late" class="switchBtn" /><label for="checkbox-late"></label>
</div>
</div>
<!--抗锯齿-->
<div class="anti-aliasing">
<div class="anti-aliasing-title">抗锯齿</div>
<div class="late-lable">
<!-- <input type="checkbox" class="button2" oninput="document.getElementById('LJGIS').contentWindow.MMS_initScene.antialias(this.checked)"> -->
<input type="checkbox" oninput="document.getElementById('LJGIS').contentWindow.MMS_initScene.antialias(this.checked)"
id="checkbox-sawtooth" class="switchBtn" /><label for="checkbox-sawtooth"></label>
</div>
</div>
<!--泛光-->
<div class="floodlight">
<div class="anti-aliasing-title">泛光</div>
<div class="late-lable">
基于Threejs 3D场景编辑器代码.zip
版权申诉
5星 · 超过95%的资源 177 浏览量
2021-09-23
16:23:38
上传
评论 4
收藏 130.84MB ZIP 举报 
基于Threejs 3D场景编辑器代码.zip （129个子文件） 
index.css 21KB style.css 10KB colpick.css 9KB normalize.css 7KB slider.css 6KB
loading.gif 2KB 7.gltf 86.38MB 8.gltf 41.76MB 6.gltf 27.86MB 4.gltf 21.28MB 1.gltf 18.14MB 3.gltf 15.14MB 2.gltf 8.32MB 5.gltf 6.31MB 1.hdr 386KB
index.html 83KB other.html 5KB
bg.jpg 548KB 1.jpg 29KB 7.jpg 21KB 12.jpg 20KB 5.jpg 20KB 8.jpg 20KB 4.jpg 18KB 13.jpg 17KB 14.jpg 17KB 1.jpg 15KB 10.jpg 15KB 11.jpg 14KB 2.jpg 14KB 9.jpg 14KB 3.jpg 13KB 15.jpg 12KB 6.jpg 12KB 5.jpg 11KB 6.jpg 9KB 2.jpg 9KB 4.jpg 8KB 7.jpg 7KB 3.jpg 7KB 8.jpg 6KB 6.jpg 3KB 6.jpg 3KB 5.jpg 3KB 5.jpg 3KB 3.jpg 3KB 3.jpg 3KB 7.jpg 3KB 7.jpg 3KB 2.jpg 3KB 2.jpg 3KB 4.jpg 2KB 4.jpg 2KB 8.jpg 2KB 8.jpg 2KB 12.jpg 2KB 12.jpg 2KB 22.jpg 2KB 22.jpg 2KB 13.jpg 2KB 13.jpg 2KB 29.jpg 2KB 29.jpg 2KB 23.jpg 2KB 23.jpg 2KB 15.jpg 2KB 15.jpg 2KB 24.jpg 2KB 24.jpg 2KB 21.jpg 2KB 21.jpg 2KB 14.jpg 2KB 14.jpg 2KB 25.jpg 2KB 25.jpg 2KB 30.jpg 2KB 30.jpg 2KB 16.jpg 2KB 16.jpg 2KB 11.jpg 2KB 11.jpg 2KB 17.jpg 2KB 17.jpg 2KB 20.jpg 2KB 20.jpg 2KB 1.jpg 2KB 1.jpg 2KB 26.jpg 2KB 26.jpg 2KB 9.jpg 2KB 9.jpg 2KB 10.jpg 2KB 10.jpg 2KB 27.jpg 1KB 27.jpg 1KB 18.jpg 1KB 18.jpg 1KB 19.jpg 1KB 19.jpg 1KB 28.jpg 1KB共 129 条
- 1
- 2
- 1
- 2
- 3
- 4
- 5
- 6
前往页