<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
<title>场景颜色</title>
|
<link href="../SmartEarthSDK/Workers/layui/css/layui.css" rel="stylesheet" />
|
<style>
|
html {
|
overflow: hidden;
|
}
|
|
.layui-input-block {
|
min-height: 36px;
|
margin-top: 10px;
|
}
|
|
.demo-slider {
|
margin-top: 12px;
|
width: 100px;
|
margin-right: 2px;
|
display: inline-block !important;
|
}
|
|
.lab {
|
margin-left: 25px;
|
margin-right: 6px;
|
float: left;
|
font-weight: bold;
|
font-size: 15px;
|
}
|
|
.top {
|
margin-top: 4px;
|
height: 30px;
|
display: inline-block;
|
}
|
|
.fll {
|
margin-left: 30px !important;
|
}
|
|
.top1 {
|
margin-top: -29px;
|
}
|
|
.layui-form-item {
|
margin-bottom: 6px;
|
clear: both;
|
|
}
|
|
hr {
|
width: 90% !important;
|
margin: 10px auto !important;
|
}
|
</style>
|
</head>
|
|
<body>
|
|
<form class="layui-form" action="">
|
<div class="layui-form-item">
|
|
<div class="layui-input-block" style="margin-left: 85px">
|
<input type="checkbox" lay-filter="AmbientOcclusion" id="AmbientOcclusion" value="" title="环境光遮蔽"
|
class="fll">
|
<input type="checkbox" lay-filter="AmbientOcclusionOnly" id="AmbientOcclusionOnly" value=""
|
title="仅环境遮挡" class="fll">
|
</div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest1" class="lab">强度</label>
|
|
<div id="slideTest1" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width: 74px;" for="slideTest2" class="lab">长度上限</label>
|
|
<div id="slideTest2" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest3" class="lab">步长</label>
|
|
<div id="slideTest3" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest4" class="lab">偏差</label>
|
|
<div id="slideTest4" class="demo-slider"></div>
|
</div>
|
<div class="top">
|
|
<label style="width: 74px;" for="slideTest5" class="lab">模糊步长</label>
|
|
<div id="slideTest5" class="demo-slider"></div>
|
</div>
|
<hr />
|
<!--第二部分-->
|
<div class="top" style="width: 100%; margin-bottom: 20px;margin-left: 47px;margin-top: -10px;">
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
<input type="checkbox" lay-filter="Bloom" id="Bloom" value="" title="镜头光晕" class="fll">
|
<!-- <input type="checkbox" lay-filter="GlowOnly" value="" title="只发光" class="fll">-->
|
</div>
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest6" class="lab">对比</label>
|
|
<div id="slideTest6" class="demo-slider"></div>
|
</div>
|
<div class="top">
|
|
<label style="width:45px" for="slideTest7" class="lab">亮度</label>
|
|
<div id="slideTest7" class="demo-slider"></div>
|
</div>
|
<div class="top">
|
|
<label style="width:45px" for="slideTest8" class="lab">Delta</label>
|
|
<div id="slideTest8" class="demo-slider"></div>
|
</div>
|
<div class="top">
|
|
<label style="width:62px" for="slideTest9" class="lab">Sigma</label>
|
|
<div id="slideTest9" class="demo-slider"></div>
|
</div>
|
<div class="top">
|
|
<label style="width:45px" for="slideTest10" class="lab">步长</label>
|
|
<div id="slideTest10" class="demo-slider"></div>
|
</div>
|
<hr />
|
<!--第三部分-->
|
<div class="top" style="width: 100%; margin-bottom: 20px;margin-left: 62px;margin-top: -10px;">
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
<input type="checkbox" lay-filter="DepthOfField" id="DepthOfField" value="" title="景深" class="fll">
|
|
</div>
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest11" class="lab">焦距</label>
|
|
<div id="slideTest11" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest12" class="lab">Delta</label>
|
|
<div id="slideTest12" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest13" class="lab">Sigma</label>
|
|
<div id="slideTest13" class="demo-slider"></div>
|
</div>
|
|
<div class="top">
|
|
<label style="width:45px" for="slideTest14" class="lab">步长</label>
|
|
<div id="slideTest14" class="demo-slider"></div>
|
</div>
|
|
</form>
|
<script src="../jquery-2.0.3.js"></script>
|
<script src="../SmartEarthSDK/Workers/layui/layui.js"></script>
|
<script src="./js/layuiScene.js"></script>
|
<script src="./js/AmbientAdjustment.js"></script>
|
</body>
|
|
</html>
|
