<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="width: 100%;height: 100%;">
<head>
<script src="../js/three.js"></script>
<script src="../js/tween.min.js"></script>
<script src="../js/CSS3DRenderer.js"></script>
<script src="../js/loaders/STLLoader.js"></script>
<script src="../js/loaders/MTLLoader.js"></script>
<script src="../js/loaders/OBJLoader.js"></script>
<script src="../js/controls/OrbitControls.js"></script>
<script src="../js/qjyj/gongneng.js"></script>
<script src="../js/qjyj/shijing.js"></script>
<script src="../js/qjyj/caozuo.js"></script>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../fonts/iconfont.css">
<!--<title>北京齐家怡居展示平台</title>-->
<style>
*{margin: 0px;padding: 0px;}
.element {
width: 2px;
height: 2px;
text-align: center;
cursor: default;
}
</style>
</head>
<body style="width: 100%;height: 99%;">
<!--<div class="title">
<p class="titleP">北京齐家怡居展示平台</p>
</div>-->
<div class="select">
<!--<i class="iconfont icon-jiantouxiajiang"></i>-->
<div class="selectradiod0">
<input id="shijingi" type="radio" name="item" value="" checked onclick="changeType();">
<label for="shijingi" class="label"></label>
<span> 实景展示</span>
</div>
<div class="selectradiod1">
<input id="gongnengi" type="radio" name="item" value="" onclick="changeType();">
<label for="gongnengi" class="label"></label>
<span> 功能展示</span>
</div>
</div>
<div class="shijingdiv" id="shijingleftdiv">
</div>
<div class="gongnengdiv" id="gongnengleftdiv">
<ul id="designul" class="designwrap">
<li>
<div class="designtype">高效保温系统</div>
<ul class="designfold">
<li id="bwjg" class="designli" onclick="choicedesign('bwjg')">
保温结构</li>
<li id="qmx" class="designli" onclick="choicedesign('qmx')">
气密性</li>
<li id="jgdq" class="designli" onclick="choicedesign('jgdq')">
结构断桥</li>
</ul>
</li>
<li>
<div class="designtype">节能门窗系统</div>
<ul class="designfold">
<li id="ykgdc" class="designli" onclick="choicedesign('ykgdc')">
隐框固定窗</li>
<li id="ykblmq" class="designli" onclick="choicedesign('ykblmq')">
隐框玻璃幕墙</li>
</ul>
</li>
<li>
<div class="designtype">智能新风系统</div>
<ul class="designfold">
<li id="tf" class="designli" onclick="choicedesign('tf')">
通风</li>
<li id="gl" class="designli" onclick="choicedesign('gl')">
过滤</li>
<li id="wd" class="designli" onclick="choicedesign('wd')">
温度</li>
<li id="sd" class="designli" onclick="choicedesign('sd')">
湿度</li>
</ul>
</li>
<li>
<div class="designtype">控制系统</div>
<ul class="designfold">
<li id="xfkz" class="designli" onclick="choicedesign('xfkz')">
新风控制</li>
<li id="ckz" class="designli" onclick="choicedesign('ckz')">
窗控制</li>
</ul>
</li>
<li>
<div class="designtype">综合系统</div>
<ul class="designfold">
<li id="zhxt" class="designli" onclick="choicedesign('zhxt')">
综合系统</li>
</ul>
</li>
</ul>
</div>
<div id="all" style="display: flex;justify-content: space-between;width: 100%;height: 100%">
<div id="design" style="width: 100%;height: 99.4%;" ></div>
</div>
<div class="notice" id="noticez">
<div id="notice1" class="noticegroup">
<i class="iconfont_f_c icon-fangxing_f_c" id="iconfont1"></i></i><p id="explain1" class="noticeexplain1">1111111111111111111111111111111111111111111111111111111111</p>
</div>
<div id="notice2" class="noticegroup">
<i class="iconfont_f_c icon-fangxing_f_c" id="iconfont2"><p id="explain2" class="noticeexplain2">222222222222222222222222222222222222222222222222222222222</p>
</div>
<div id="notice3" class="noticegroup">
<i class="iconfont_f_c icon-fangxing_f_c" id="iconfont3"><p id="explain3" class="noticeexplain3">3333333333333333333333333333333333333333333333333333333333</p>
</div>
</div>
<div class="bomdiv" id="bomdivz">
<p class="bombp" id="bombp" onclick="bombpclick()">爆炸</p>
<a href="#close" class="close" id="close" onclick="bombpclose()">×</a>
<div class="bomdivshow" id="bomdivshow">
</div>
</div>
<div class="alldiv" id="alldivz">
<a href="#allclose" class="allclose" id="allclose" onclick="allclose()">×</a>
<div class="alldivshow" id="alldivshow">
</div>
</div>
</body>
<script type="x-shader/x-vertex" id="vertexShader">
varying vec3 worldPosition;
void main() {
vec4 mPosition = modelMatrix * vec4( position, 1.0 );
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
worldPosition = mPosition.xyz;
}
</script>
<script type="x-shader/x-fragment" id="fragmentShader">
uniform vec3 topColor;
uniform vec3 bottomColor;
uniform float offset;
uniform float exponent;
varying vec3 worldPosition;
void main() {
float h = normalize( worldPosition + offset ).y;
gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( h, exponent ), 0.0 ) ), 1.0 );
}
</script>
<script type="text/javascript">
var clicktypes = new Array('bwjg','qmx','jgdq','ykgdc','ykblmq','tf','gl','wd','sd','xfkz','ckz');
function resetCamera() {
var lookat = new THREE.Vector3( 0, 60 ,0);
var from = {
x: camera.position.x,
y: camera.position.y,
z: camera.position.z
};
var to = {
x: -350,
y: 20,
z: 350
};
var tween = new TWEEN.Tween(from)
.to(to, 1000)
.easing(TWEEN.Easing.Linear.None)
.onUpdate(function () {
camera.position.set(this.x, this.y, this.z);
camera.lookAt(lookat);
controls.target = lookat;
})
.onComplete(function () {
camera.lookAt(lookat);
controls.target = lookat;
})
.start();
}
function reset(type){
resetCamera();
bombpclose();
allclose();
typetmp = "";
if(type=="bwjg"){
var i = 0;
for (i=0;i<waiqiang.length;i++) {
waiqiang[i].material= stlmaterial;
waiqiangxian.material = stlmaterialxian;
}
for (i=0;i<zheguang.length;i++) {
zheguang[i].material= stlmaterial;
zheguangxian.material = stlmaterialxian;
}
fangding1.material = stlmaterial;
fangding1xian.material = stlmaterialxian;
fangding2.material= stlmaterial;
fangding2xian.material = stlmaterialxian;
document.getElementById("noticez").style.display = 'none';
document.getElementById("notice1").style.display = 'none';
document.getElementById("notice2").style.display = 'none';
}
if(type=="qmx"){
for (var i = 0;i<qmxobj.length;i++) {
var tmp = "qmx"+i;
document.getElementById(tmp).style.display = 'none';
scene2.remove(qmxobj[i]);
}
qmxobj = [];
}
if(type=="jgdq"){
nverqiang.position.y = nverqiang.position.y-22;
nverqiang.material= stlmaterial;
nverqiangxian.position.y = nverqiangxian.position.y-22;
nverqiangxian.material = stlmaterialxian;
fangding1.position.y = fangding1.position.y-15;
fangding1.material= stlmaterial;
fangding1xian.position.y = fangding1xian.position.y-15;
fangding1x