Начало Каталог Помощ
Регистрация Вход
3DFurniture
/
front_end
2
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: 764d083f40
Клонове Маркери
front_end
/
index2.html

index2.html 54 KB
История Директен файл

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="fr">
    3. 

  3.  <head> 
    4. 

  4.   <meta charset="utf-8" /> 
    5. 

  5.   <title>四维时代</title> 
    6. 

  6.   <meta http-equiv="content-type" content="text/html; charset=UTF8" /> 
    7. 

  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 
    8. 

  8.   <link rel="stylesheet" href="css/wanaplan.min.css" /> 
    9. 

  9. 

  10.   <style>            
    11. 

  11.     	.notFound {                
    12. 

  12.     		text-align:center;                
    13. 

  13.     		font-size:18px;                
    14. 

  14.     		width:100%;                
    15. 

  15.     		margin-top:100px;                
    16. 

  16.     		margin-left: 50px;            
    17. 

  17.     		}            
    18. 

  18.     	div.planItem {                
    19. 

  19.     		cursor : pointer;                
    20. 

  20.     		background:#fafafa;                
    21. 

  21.     		margin:10px;                
    22. 

  22.     		border:1px solid #CCC;                
    23. 

  23.     		position: relative;            
    24. 

  24.     		}            
    25. 

  25.     	div.planItem img {               
    26. 

  26.     		 width:288px            
    27. 

  27.     		 }            
    28. 

  28.     	div.planItem p {                
    29. 

  29.     		border-top:1px solid #CCC;                
    30. 

  30.     		padding: 5px;                
    31. 

  31.     		margin: 0px;                
    32. 

  32.     		color: #333;                
    33. 

  33.     		background: #FFF;            
    34. 

  34.     		}            
    35. 

  35.     	div.planItem div.toolbarPlan {                
    36. 

  36.     		display: none;                
    37. 

  37.     		background: #CCC;                
    38. 

  38.     		position: absolute;                
    39. 

  39.     		right: 0px;                
    40. 

  40.     		top: 0px;                
    41. 

  41.     		color: #222;                
    42. 

  42.     		opacity: 0.9;                
    43. 

  43.     		z-index: 9999;            
    44. 

  44.     		}             
    45. 

  45.     	div.planItem div.toolbarPlan .fa {                
    46. 

  46.     		padding: 5px;            
    47. 

  47.     	  }            
    48. 

  48.     	div.planItem div.toolbarPlan .fa-times {                
    49. 

  49.     		padding-left: 15px;            
    50. 

  50.     		}            
    51. 

  51.     	div.planItem:hover div.toolbarPlan {                
    52. 

  52.     		display: block;            
    53. 

  53.     		}            
    54. 

  54.     	div.planItem div.overall{                
    55. 

  55.     		background: #222;                
    56. 

  56.     		opacity: 0.8;                
    57. 

  57.     		width:100%;                
    58. 

  58.     		height:100%;                
    59. 

  59.     		color:#FFF;                
    60. 

  60.     		top: 0px;                
    61. 

  61.     		position:absolute;                
    62. 

  62.     		text-align:center;                
    63. 

  63.     		vertical-align:middle;            
    64. 

  64.     		}            
    65. 

  65.     	div.planItem div.editForm{                
    66. 

  66.     		width:100%;                
    67. 

  67.     		height:100%;                
    68. 

  68.     		color:#FFF;                
    69. 

  69.     		top: 60px;                
    70. 

  70.     		position:absolute;                
    71. 

  71.     		text-align:center;                
    72. 

  72.     		vertical-align:middle;            
    73. 

  73.     		}            
    74. 

  74.     	div.planItem .editPlanInput{                
    75. 

  75.     		height:30px;                
    76. 

  76.     		width:90%;                
    77. 

  77.     		font-size: 15px;                
    78. 

  78.     		border: 1px solid #999;            
    79. 

  79.     		}            
    80. 

  80.     	div.planItem div.overall span{                
    81. 

  81.     		font-size:16px;            
    82. 

  82.     		}            
    83. 

  83.     	div.planItem .overall-cercle{                
    84. 

  84.     		opacity: 1;                
    85. 

  85.     		padding-left: 0;                
    86. 

  86.     		padding-right: 0;                
    87. 

  87.     		margin-left: auto;               
    88. 

  88.     		margin-right: auto;                
    89. 

  89.     		bottom: 25px;                
    90. 

  90.     		width:100%;                
    91. 

  91.     		position:absolute;            
    92. 

  92.     		}            
    93. 

  93.     	div.planItem div.editForm .window-action-bar{                
    94. 

  94.     		margin-top:10px;                
    95. 

  95.     		text-align: right;            
    96. 

  96.     		}        
    97. 

  97.     		</style> 
    98. 

  98.  </head> 
    99. 

  99.  <body> 
    100. 

  100.  	<img src='images/pattern.png' style='display:none' id='imgWall' />
    101. 

  101.  	<img src='images/pattern_tmp.png' style='display:none' id='imgTempWall' />
    102. 

  102.  	<img src='images/grid2.jpg' style='display:none' id='img' />
    103. 

  103.   <div id="subMenuContainer">
    104. 

  104.    <div id="subMenu">
    105. 

  105.     <ul id="subMenuList">
    106. 

  106.      <li class="menu-item hidden" id="lock-icon"><span class="menu-icon"><i class="fa fa-unlock"></i></span><span class="menu-title">锁/解锁</span></li>
    107. 

  107.      <!--
    108. 

  108.      <li class="menu-item" id="item25"><span class="menu-icon"><i class="fa fa-reply"></i></span><span class="menu-title">Undo</span></li>
    109. 

  109.      <li class="menu-item" id="item26"><span class="menu-icon"><i class="fa fa-share"></i></span><span class="menu-title">Redo</span></li>
    110. 

  110.      -->
    111. 

  111.      <li class="menu-item hidden" id="transparencyButton"><span class="menu-icon"><img src="images/icon-transparency.png" /></span><span class="menu-title">墙体透明</span></li>
    112. 

  112.      <li class="menu-item" id="toolbarScreenshot"><span class="menu-icon"><i class="fa fa-camera"></i></span><span class="menu-title">拍照</span></li>
    113. 

  113.      <li class="menu-item" id="fullscreen-btn"><span class="menu-icon"><i class="fa fa-arrows-alt"></i></span><span class="menu-title">全屏</span></li>
    114. 

  114.     </ul>
    115. 

  115.    </div>
    116. 

  116.   </div> 
    117. 

  117.   <section id="main-ui" class="show"> 
    118. 

  118.    <div id="toolbar"> 
    119. 

  119.     <div id="toolbar-bar"> 
    120. 

  120.      <ul id="toolbarMenu">
    121. 

  121.       <li class="menu-item" id="toolbarNew"><span class="menu-icon"><i class="fa fa-file"></i></span><span class="menu-title">新建</span></li>
    122. 

  122.       <li class="menu-item" id="toolbarSave"><span class="menu-icon"><img src="images/save_icon.png" /></span><span class="menu-title">保存</span></li>
    123. 

  123.       <li class="menu-item menu-subitem" id="toolbarOption"><span class="menu-icon"><i class="fa fa-cog"></i></span><span class="menu-title">配置</span>
    124. 

  124.        <ul class="undefined">
    125. 

  125.         <li class="menu-item" id="item27"><span class="menu-title">Increase performances</span></li>
    126. 

  126.         <li class="menu-item" id="2D-options"><span class="menu-title">2D options</span></li>
    127. 

  127.         <li class="menu-item" id="toolbarChangeLanguage"><span class="menu-title">Change language</span></li>
    128. 

  128.         <li class="menu-item" id="item19"><span class="menu-title">
    129. 

  129.           <hr /></span></li>
    130. 

  130.         <li class="menu-item" id="toolbarAbout"><span class="menu-title">About Wanaplan</span></li>
    131. 

  131.        </ul></li>
    132. 

  132.       <li class="menu-item menu-subitem" id="userOption"><span class="menu-icon"><i class="fa fa-user"></i></span><span class="menu-title">用户</span>
    133. 

  133.        <ul class="undefined">
    134. 

  134.         <li class="menu-item" id="user"><span class="menu-title">login</span></li>
    135. 

  135.        </ul></li>
    136. 

  136.      </ul> 
    137. 

  137.     </div> 
    138. 

  138.    </div> 
    139. 

  139.    <section id="mainMenu"> 
    140. 

  140.     <div id="mainMenuTabsContainer"> 
    141. 

  141.      <ul id="mainMenuTabs">
    142. 

  142.       <li class="menu-item label-2D selected" id="draw2D"><span class="menu-icon"><img src="images/dessiner.png" /></span><span class="menu-title">设计</span></li>
    143. 

  143.       <li class="menu-item label-3D" id="furnishing3D"><span class="menu-icon"><img src="images/meubler.png" /></span><span class="menu-title">家具</span></li>
    144. 

  144.       <li class="menu-item label-3D" id="decorate3D"><span class="menu-icon"><img src="images/decorer.png" /></span><span class="menu-title">装修</span></li>
    145. 

  145.      </ul> 
    146. 

  146.     </div> 
    147. 

  147.     <h3 id="mainMenuTitle">绘图</h3> 
    148. 

  148.     <div id="mainMenuContent"> 
    149. 

  149.      <ul id="mainMenuContentList" class="mainList layout-list">
    150. 

  150.      
    151. 

  151.      </ul> 
    152. 

  152.     </div> 
    153. 

  153.    </section> 
    154. 

  154.   </section> 
    155. 

  155.   <!-- Splashscreen --> 
    156. 

  156.   <div style="display: none;" id="splashscreen"> 
    157. 

  157.    <div id="custom-splash" style="display:none" class="splash-text"> 
    158. 

  158.     <img src="images/3D.png" style="width:50px;vertical-align:-20px;" /> Kazaplan 
    159. 

  159.     <div class="splash-bar">
    160. 

  160.      <div style="animation-duration: 1s;" class="splash-bar-inner"></div>
    161. 

  161.     </div> 
    162. 

  162.     <a style="color:black;display:block;text-decoration:none;margin:20px 0 0 0;text-align:right;font-size:14px" href="http://www.wanadev.com"> by <span style="color:#07656D">Wana</span><span style="color:black">dev</span> </a> 
    163. 

  163.    </div> 
    164. 

  164.    <div id="stock-splash" style="display: block;" class="splash-text"> 
    165. 

  165.     <img src="images/wanaplan-logo.png" style="width:50px;vertical-align:-15px;" /> Wanaplan 
    166. 

  166.     <div class="splash-bar">
    167. 

  167.      <div style="animation-duration: 1s;" class="splash-bar-inner"></div>
    168. 

  168.     </div> 
    169. 

  169.    </div> 
    170. 

  170.   </div> 
    171. 

  171.   <!-- Screenshot Flash --> 
    172. 

  172.   <div style="display: none;" id="screenshot-flash"></div> 
    173. 

  173.   <!-- Help Bubble --> 
    174. 

  174.   <div id="helpbubble" class=""> 
    175. 

  175.    <div id="helpbubble-close" class="close"></div> 
    176. 

  176.    <div class="wrapper"> 
    177. 

  177.     <div class="image">
    178. 

  178.      <img src="" alt="" id="helpbubble-image" />
    179. 

  179.     </div> 
    180. 

  180.     <div id="helpbubble-content" class="content"></div> 
    181. 

  181.    </div> 
    182. 

  182.   </div> 
    183. 

  183.   <!-- Debug view --> 
    184. 

  184.   <div id="debugArea"></div> 
    185. 

  185.   <!-- Plan2D Area --> 
    186. 

  186.   <div style="display:block" class="drawableSurface with-menu" id="container2d">
    187. 

  187.    <canvas height="413" width="1180" id="backgroundcanvas2d" style="position: absolute; z-index: 0"></canvas>
    188. 

  188.    <canvas height="413" width="1180" id="selectcanvas2d" style="position: absolute; z-index: 2"></canvas>
    189. 

  189.    <canvas height="413" width="1180" id="dynamiccanvas2d" style="position: absolute; z-index: 1 ; opacity: 1;"></canvas>
    190. 

  190.   </div> 
    191. 

  191.   <!-- Plan3D Area --> 
    192. 

  192.   <div style="display:none" class="drawableSurface with-menu" id="container3d">
    193. 

  193. 	<canvas height="413" width="1180" id="canvas3d"></canvas>
    194. 

  194.   </div> 
    195. 

  195.   <div id="waiter" class="hidden">
    196. 

  196.    Computing, please wait...
    197. 

  197.   </div> 
    198. 

  198.   <section id="modalWidgets">
    199. 

  199. <div class="window window-with-button" id="aboutWindow" style="display: none; position: absolute; top: 96.5px; left: 476.5px;">
    200. 

  200. 	<header class="window-title">
    201. 

  201. 		<span class="window-close">
    202. 

  202. 		</span>
    203. 

  203. 		<h1>关于四维时代</h1>
    204. 

  204. 	</header>
    205. 

  205. <div class="window-content">
    206. 

  206. 	<div class="tabbed horizontal">
    207. 

  207. 		<ul class="tabbed-tabs">
    208. 

  208. 			<li rel="tab-0" class="active">
    209. 

  209. 				<span class="tab-text">关于</span>
    210. 

  210. 			</li>
    211. 

  211. 			<li rel="tab-1" class="">
    212. 

  212. 				<span class="tab-text">Credits</span>
    213. 

  213. 			</li>
    214. 

  214. 		</ul>
    215. 

  215. 		<div class="tabbed-tabcontent">
    216. 

  216. 			<section class="tab-content-0 active">
    217. 

  217. 				<div style="width: 432px; text-align: center;">
    218. 

  218. 					<img src="./images/wanaplan-logo.png" alt="Wanaplan">
    219. 

  219. 				</div>
    220. 

  220. 				<div style="text-align: center; font-size: 16pt; font-weight: bold; margin-top: 15px; color: #333;">四维时代家具展示</div>
    221. 

  221. 					<div style="text-align: center; margin-top: 30px; color: #555;">版权归四维时代所有
    222. 

  222. 					</div>
    223. 

  223. 				<div style="text-align: center; margin-top: 10px;">
    224. 

  224. 					<a href="http://www.4dage.com/" target="_blank">www.4dage.com</a>
    225. 

  225. 				</div>
    226. 

  226. 			</section>
    227. 

  227. 			<section class="tab-content-1">
    228. 

  228. 				<div class="scrollable-content" style="width: 410px; max-height: 300px; min-height: 100px; font-size: 9pt;">
    229. 

  229. 					<ul>
    230. 

  230. 						<li>
    231. 

  231. 							<strong>"seamless" textures:</strong>
    232. 

  232. 							<dl>
    233. 

  233. 								<dt>Author:</dt>
    234. 

  234. 								<dd>~hhh316 Giles</dd>
    235. 

  235. 								<dt>License:</dt>
    236. 

  236. 								<dd>cc-by 3.0</dd>
    237. 

  237. 								<dt>Downloaded from:</dt>
    238. 

  238. 								<dd><a href="http://seamless-pixels.blogspot.fr/"> http://seamless-pixels.blogspot.fr/</a></dd>
    239. 

  239. 							</dl>
    240. 

  240. 						</li>
    241. 

  241. 						<li>
    242. 

  242. 							<strong>Babylonjs engine:</strong>
    243. 

  243. 							<dl>
    244. 

  244. 								<dt>Authors:</dt>
    245. 

  245. 								<dd>David Catuhe &amp; David Rousset</dd>
    246. 

  246. 								<dt>Licence:</dt>
    247. 

  247. 								<dd>Apache License 2.0</dd>
    248. 

  248. 								<dt>Homepage:</dt>
    249. 

  249. 								<dd><a href="http://www.babylonjs.com">http://www.babylonjs.com</a></dd>
    250. 

  250. 							</dl>
    251. 

  251. 							</li>
    252. 

  252. 					</ul>
    253. 

  253. 				</div>
    254. 

  254. 			</section>
    255. 

  255. 		</div>
    256. 

  256. 	</div>
    257. 

  257. </div>
    258. 

  258. <div class="window-action-bar">
    259. 

  259. <button rel="">关闭</button>
    260. 

  260. </div>
    261. 

  261. </div>
    262. 

  262.    <div style="position: absolute; top: 50px; left: 10px; height: 300px; width: 50px;">
    263. 

  263.     <div style="width: 50px; height: 210px; position: relative; background-image: url(&quot;images/remote-controller/bg.png&quot;);" id="remoteController">
    264. 

  264.      <div style="width:20px;height:150px;position:absolute;top:57px;left:15px;">
    265. 

  265.       <div style="width: 20px; height: 7px; background: none repeat scroll 0% 0% rgb(138, 184, 8); border-radius: 2px; cursor: pointer; border: 1px solid rgb(110, 145, 15); margin-top: 85px;" id="mark"></div>
    266. 

  266.      </div>
    267. 

  267.      <div style="width: 18px; height: 18px; position: absolute; background-size: cover; top: 16px; left: 16px; border-radius: 7px; display: none; background-image: url(&quot;images/remote-controller/green_man.png&quot;);" id="camera-swap-btn"></div>
    268. 

  268.      <div style="width:50px;height:50px;cursor:pointer;position:absolute;"></div>
    269. 

  269.     </div>
    270. 

  270.    </div>
    271. 

  271.    <div class="window" id="productList" style="width: 1062px; height: 652.666666666667px; display: none; position: absolute; top: 1.16666666666669px; left: 265.5px;">
    272. 

  272. 	<header class="window-title">
    273. 

  273. 		<span class="window-close" id="closeproduct">
    274. 

  274. 		</span>
    275. 

  275. 

  276. 		<h1>
    277. 

  277. 			<img class="window-title-icon" src="images/productIconTitle.png">
    278. 

  278. 			<span class="window-title-text">产品列表 &gt; 卧室</span>
    279. 

  279. 		</h1>
    280. 

  280. 	</header>
    281. 

  281. 	<div class="window-content">
    282. 

  282. 		<div class="tabbed vertical">
    283. 

  283. 			<ul class="tabbed-tabs">
    284. 

  284. 				<li rel="tab-0">
    285. 

  285. 					<span class="tab-text"></span>
    286. 

  286. 				</li>
    287. 

  287. 				<li rel="tab-1" class="active">
    288. 

  288. 					<span class="tab-text">所有</span>
    289. 

  289. 				</li>
    290. 

  290. 			</ul>
    291. 

  291. 			<div class="tabbed-tabcontent">
    292. 

  292. 				<section class="tab-content-1 active">
    293. 

  293. 					<div id="productItems">
    294. 

  294. 						
    295. 

  295. 					</div>
    296. 

  296. 				</section>
    297. 

  297. 			</div>
    298. 

  298. 		</div>
    299. 

  299. 	</div>
    300. 

  300. 	<div class="window-action-bar">
    301. 

  301. 	</div>
    302. 

  302. </div>
    303. 

  303. 

  304. <div class="window window-with-button horizontal" id="configuratorWindow" style="width: 420px; height: 425px; display: none; top: 70px; left: 1346px;">
    305. 

  305. 	<header class="window-title" id="editproducttitle"><span class="window-close"></span><h1>产品编辑界面</h1>
    306. 

  306. 	</header>
    307. 

  307. 	<div class="window-content">
    308. 

  308. 		<div class="tabbed horizontal">
    309. 

  309. 			<ul class="tabbed-tabs">
    310. 

  310. 				<li rel="tab-0" class="active" id="editsize"><span class="tab-text">大小设置</span></li>
    311. 

  311. 				<li rel="tab-1" class="" id="editptrot"><span class="tab-text">位置和角度</span></li>
    312. 

  312. 			</ul>
    313. 

  313. 			<div class="tabbed-tabcontent">
    314. 

  314. 				<section class="tab-content-0 active" id="tabSize">
    315. 

  315. 					<ul>
    316. 

  316. 						<li class="separator" id="item-0"><label>桌子</label><span class="field"><hr></span></li>
    317. 

  317. 						<li class="param-item" id="params-width"><label>宽度</label><span class="field"><input type="number" step="1" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.width&quot;}" rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    318. 

  318. 						<li class="param-item" id="params-length"><label>长度</label><span class="field"><input type="number" step="1" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.length&quot;}" rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    319. 

  319. 						<li class="param-item" id="params-height"><label>高度</label><span class="field"><input type="number" step="1" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.propertyChanged&quot;,&quot;property&quot;:&quot;params.mattress.thickness&quot;}" rel="wnp.contextMenu.propertyChanged"><span class="unit">cm</span></span></li>
    320. 

  320. 					</ul>
    321. 

  321. 				</section>
    322. 

  322. 				<section class="tab-content-1" id="tabPtRot">
    323. 

  323. 					<ul>
    324. 

  324. 						<li class="separator" id="item-1"><label>角度</label><span class="field"><hr></span></li>
    325. 

  325. 						<li class="param-item" id="rotation-y"><label>绕Y轴</label><span class="field"><input id="rangeAngle" type="range" min="0" max="360" step="1" value="" class=" input-range unit"><input id="angleValue" type="number" class="unit" min="0" max="360" value="" step="1" readonly><span class="unit">°</span></span></li>
    326. 

  326. 						<li class="separator" id="item-2"><label>位置</label><span class="field"><hr></span></li>
    327. 

  327. 						<li class="param-item" id="position-x"><label>X：(左/右)</label><span class="field"><input type="number" min="-10000" max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.x&quot;}" rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    328. 

  328. 						<li class="param-item" id="position-y"><label>Y：(上/下)</label><span class="field"><input type="number" min="-10000" max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.y&quot;}" rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    329. 

  329. 						<li class="param-item" id="position-z"><label>Z：(前/后)</label><span class="field"><input type="number" min="-10000" max="10000" step="10" value="" event-params="{&quot;eventName&quot;:&quot;wnp.contextMenu.transformChanged&quot;,&quot;property&quot;:&quot;position.z&quot;}" rel="wnp.contextMenu.transformChanged" class=" unit"></span></li>
    330. 

  330. 					</ul>
    331. 

  331. 				</section>
    332. 

  332. 			</div>
    333. 

  333. 		</div>
    334. 

  334. 	</div>
    335. 

  335. 	<div class="window-action-bar">
    336. 

  336. 		<button id="removeMesh" class="remove">移除</button>
    337. 

  337. 		<button id="editMesh">提交</button>
    338. 

  338. 	</div>
    339. 

  339. </div>
    340. 

  340. 

  341.   </section> 
    342. 

  342.   <!-- Scripts --> 
    343. 

  343.   <section id="scripts"> 
    344. 

  344.    <script>"use strict"</script> 
    345. 

  345.   </section> 
    346. 

  346.   <div style="width: 80px; opacity: 0.9; cursor: pointer; position: absolute; bottom: 28px; left: 0px; z-index: 99999; display: none;" id="stats">
    347. 

  347.    <div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 0, 34);" id="fps">
    348. 

  348.     <div style="color: rgb(0, 255, 255); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;" id="fpsText">
    349. 

  349.      FPS
    350. 

  350.     </div>
    351. 

  351.     <div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 255);" id="fpsGraph">
    352. 

  352.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    353. 

  353.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    354. 

  354.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    355. 

  355.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    356. 

  356.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    357. 

  357.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    358. 

  358.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    359. 

  359.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    360. 

  360.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    361. 

  361.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    362. 

  362.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    363. 

  363.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    364. 

  364.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    365. 

  365.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    366. 

  366.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    367. 

  367.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    368. 

  368.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    369. 

  369.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    370. 

  370.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    371. 

  371.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    372. 

  372.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    373. 

  373.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    374. 

  374.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    375. 

  375.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    376. 

  376.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    377. 

  377.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    378. 

  378.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    379. 

  379.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    380. 

  380.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    381. 

  381.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    382. 

  382.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    383. 

  383.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    384. 

  384.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    385. 

  385.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    386. 

  386.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    387. 

  387.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    388. 

  388.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    389. 

  389.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    390. 

  390.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    391. 

  391.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    392. 

  392.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    393. 

  393.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    394. 

  394.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    395. 

  395.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    396. 

  396.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    397. 

  397.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    398. 

  398.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    399. 

  399.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    400. 

  400.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    401. 

  401.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    402. 

  402.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    403. 

  403.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    404. 

  404.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    405. 

  405.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    406. 

  406.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    407. 

  407.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    408. 

  408.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    409. 

  409.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    410. 

  410.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    411. 

  411.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    412. 

  412.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    413. 

  413.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    414. 

  414.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    415. 

  415.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    416. 

  416.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    417. 

  417.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    418. 

  418.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    419. 

  419.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    420. 

  420.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    421. 

  421.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    422. 

  422.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    423. 

  423.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    424. 

  424.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    425. 

  425.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 17, 51);"></span>
    426. 

  426.     </div>
    427. 

  427.    </div>
    428. 

  428.    <div style="padding: 0px 0px 3px 3px; text-align: left; background-color: rgb(0, 34, 0); display: none;" id="ms">
    429. 

  429.     <div style="color: rgb(0, 255, 0); font-family: Helvetica,Arial,sans-serif; font-size: 9px; font-weight: bold; line-height: 15px;" id="msText">
    430. 

  430.      MS
    431. 

  431.     </div>
    432. 

  432.     <div style="position: relative; width: 74px; height: 30px; background-color: rgb(0, 255, 0);" id="msGraph">
    433. 

  433.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    434. 

  434.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    435. 

  435.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    436. 

  436.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    437. 

  437.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    438. 

  438.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    439. 

  439.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    440. 

  440.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    441. 

  441.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    442. 

  442.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    443. 

  443.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    444. 

  444.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    445. 

  445.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    446. 

  446.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    447. 

  447.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    448. 

  448.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    449. 

  449.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    450. 

  450.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    451. 

  451.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    452. 

  452.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    453. 

  453.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    454. 

  454.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    455. 

  455.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    456. 

  456.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    457. 

  457.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    458. 

  458.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    459. 

  459.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    460. 

  460.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    461. 

  461.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    462. 

  462.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    463. 

  463.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    464. 

  464.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    465. 

  465.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    466. 

  466.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    467. 

  467.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    468. 

  468.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    469. 

  469.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    470. 

  470.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    471. 

  471.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    472. 

  472.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    473. 

  473.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    474. 

  474.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    475. 

  475.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    476. 

  476.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    477. 

  477.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    478. 

  478.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    479. 

  479.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    480. 

  480.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    481. 

  481.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    482. 

  482.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    483. 

  483.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    484. 

  484.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    485. 

  485.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    486. 

  486.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    487. 

  487.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    488. 

  488.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    489. 

  489.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    490. 

  490.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    491. 

  491.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    492. 

  492.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    493. 

  493.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    494. 

  494.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    495. 

  495.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    496. 

  496.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    497. 

  497.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    498. 

  498.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    499. 

  499.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    500. 

  500.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    501. 

  501.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    502. 

  502.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    503. 

  503.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    504. 

  504.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    505. 

  505.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    506. 

  506.      <span style="width: 1px; height: 30px; float: left; background-color: rgb(17, 51, 17);"></span>
    507. 

  507.     </div>
    508. 

  508.    </div>
    509. 

  509.   </div>
    510. 

  510.   <div style="right: 260px; top: 48px;" id="subsubMenuContainer">
    511. 

  511.    79.73 m2
    512. 

  512.   </div>
    513. 

  513.   <div id="widget-2a02e7a5-c96f-40c1-ad45-b14f5db768c2" style="left: 72px; top: 20.65px; display: none; z-index: 2001;" class="photonui-widget photonui-basewindow photonui-window photonui-active window photonui-window-have-button">
    514. 

  514.    <div class="photonui-window-title">
    515. 

  515.     <button style="display: block;" title="Close" class="photonui-window-title-close-button"></button>
    516. 

  516.     <span class="photonui-window-title-text">Surfaces</span>
    517. 

  517.    </div>
    518. 

  518.    <div style="width: 1152px; height: 330.4px; padding: 0px; min-width: 0px; min-height: 0px;" class="photonui-container photonui-window-content photonui-container-expand-child">
    519. 

  519.     <div id="widget-43a4e730-6d4c-446d-99e8-6ff2cc4aa2d6" style="padding: 5px; overflow: auto;" class="photonui-widget photonui-viewport photonui-container"></div>
    520. 

  520.    </div>
    521. 

  521.   </div>
    522. 

  522.   
    523. 

  523.   <div id="loaddiv" style="display:none;opacity: 0.6; z-index: 10000; position: absolute; background-color: rgb(255, 255, 255);">
    524. 

  524. 	<img src="images/load.png" style="position: absolute; z-index: 10000;" id="loadimg">
    525. 

  525.  </div>
    526. 

  526.   
    527. 

  527.   	   <!--<script src="js/wanaplan.min.js"></script>-->
    528. 

  528.   	   <script src = "libs/CanvasSketch.js"></script>
    529. 

  529.   	   <script type = "text/javascript">
    530. 

  530.   	   	
    531. 

  531. 		var TESTREFRESH=0;
    532. 

  532. 		
    533. 

  533.   	   	//var circleStyle = {fillColor:"blue", fill:true, stroke:true, fillOpacity:1, strokeOpacity:1};
    534. 

  534.   	   	var div = document.getElementById("container2d");
    535. 

  535.   	   	var width=window.outerWidth-260;
    536. 

  536.   	   	var height=window.outerHeight;
    537. 

  537.   	   	var stepx=50;
    538. 

  538.   	   	var stepy=50;
    539. 

  539.   	   	var backgroundSize=50;
    540. 

  540.   	   	var startx=-stepx*backgroundSize;
    541. 

  541.         //var starty=-parseInt(stepy*backgroundSize*height/width);
    542. 

  542.         var starty=-stepx*backgroundSize;
    543. 

  543.         var MixZoom=20;
    544. 

  544.         
    545. 

  545.         var MixMark=-1;
    546. 

  546.         var MaxMark=139;
    547. 

  547.         var startMarkX=-width/2+150;
    548. 

  548.         var startMarkY=-height/2+150;
    549. 

  549.         
    550. 

  550.         
    551. 

  551.         var wallleftX=-500;
    552. 

  552.         var wallleftY=400;
    553. 

  553.         var wallrightX=500;
    554. 

  554.         var wallrightY=-400;
    555. 

  555.         
    556. 

  556.         var wallThickness=30;
    557. 

  557. 		var partitionThickness=15;
    558. 

  558. 

  559. 		var door=80;
    560. 

  560. 		var window=50;
    561. 

  561.         
    562. 

  562.         var meter=width/20;
    563. 

  563.         var meterpositionX=100;
    564. 

  564.         
    565. 

  565.         var redrawCount=0;
    566. 

  566.         var backgroundcanvasMax=5000;
    567. 

  567.         var Sector_r=70;
    568. 

  568.         var slid_r=10;
    569. 

  569.         var point_r=5;
    570. 

  570. 

  571. 		var sysmbolCircleR=10;
    572. 

  572. 		var symbolMinLen=10;
    573. 

  573. 		var show3D=false;
    574. 

  574. 		var three3D;
    575. 

  575. 		var center;
    576. 

  576. 		var my3DEngine=null;
    577. 

  577. 		
    578. 

  578.         var wallId=null;
    579. 

  579.         var Overlay;
    580. 

  580.         var vectors=[];
    581. 

  581.         var layer;
    582. 

  582.         
    583. 

  583.         var initMesh=0;
    584. 

  584.         var one2d=false;
    585. 

  585.         var one3d=false;
    586. 

  586.         
    587. 

  587.   	   	function init() {            
    588. 

  588.         	layer=new Layer(width,height);	
    589. 

  589.         	layer.renderer.drawBackGround();
    590. 

  590.       	   	addWall();
    591. 

  591.     	    //layer.addSymbol2D.wallIds.push(wallId);
    592. 

  592.       	    if(!one2d)
    593. 

  593.       	    {
    594. 

  594.       	    	//initRoom();
    595. 

  595.       	    	one2d=true;
    596. 

  596.       	    }
    597. 

  597.       	    
    598. 

  598.     	    initLoad();
    599. 

  599.   	   	}
    600. 

  600. 		init();
    601. 

  601.   	   	
    602. 

  602.   	   	//var parameter=new Parameter();
    603. 

  603.   	   	layer.menu.addWallMenuItem();
    604. 

  604.   	   	layer.menu.addDoorsMenuItem();
    605. 

  605.   	   	layer.menu.addWindowMenuItem();
    606. 

  606.   	   	
    607. 

  607.   	   	layer.menu.addBedroomMenuItem();
    608. 

  608.   	   	
    609. 

  609.   		layer.menu.addOutsideMenuItem();
    610. 

  610.   		layer.menu.addFloorMenuItem();
    611. 

  611.   		layer.menu.addWallpaperMenuItem();
    612. 

  612.   		layer.menu.addsoftDecorationMenuItem();
    613. 

  613.   	   	//layer.menu.addMenuItemEvents();
    614. 

  614. 		layer.menu.addMenuTabsEvent();
    615. 

  615. 		
    616. 

  616. 		layer.menu.editProduct();
    617. 

  617. 		
    618. 

  618. 	     window.requestAnimationFrame || (window.requestAnimationFrame = function() {
    619. 

  619. 			    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(a) {
    620. 

  620. 			        window.setTimeout(a, 1e3 / 60);
    621. 

  621. 			    };
    622. 

  622. 	     }());
    623. 

  623. 	    window.cancelRequestAnimationFrame || (window.cancelRequestAnimationFrame = function() {
    624. 

  624. 	        return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout
    625. 

  625. 	    }());
    626. 

  626. 		
    627. 

  627. 		/*
    628. 

  628. 		document.getElementById("toolbarMenu").addEventListener("click",function(e){
    629. 

  629. 			if(e.target.parentElement.parentElement.id=="toolbarNew")
    630. 

  630. 			{
    631. 

  631. 			    if(confirm("您确定要重新打开网页？"))	 
    632. 

  632. 			    {
    633. 

  633. 			        //如果是true ，那么就把页面刷新
    634. 

  634. 					//location.reload();
    635. 

  635. 					for(var vectorId in layer.vectors)
    636. 

  636. 					{
    637. 

  637. 						layer.deleteVector(vectorId);
    638. 

  638. 						layer.data2d.wallIds=[];
    639. 

  639. 					}
    640. 

  640. 					addWall();
    641. 

  641. 					initRoom();
    642. 

  642. 					
    643. 

  643. 				}
    644. 

  644. 			}
    645. 

  645. 			else if(e.target.parentElement.parentElement.id=="toolbarSave")
    646. 

  646. 			{
    647. 

  647. 				alert("save");
    648. 

  648. 			}
    649. 

  649. 			else if(e.target.parentElement.parentElement.id=="toolbarOption")
    650. 

  650. 			{
    651. 

  651. 				var aw=document.getElementById("aboutWindow");
    652. 

  652. 				aw.style.display="block";
    653. 

  653. 				//alert("option");
    654. 

  654. 			}
    655. 

  655. 			else if(e.target.parentElement.parentElement.id=="userOption")
    656. 

  656. 			{
    657. 

  657. 				alert("user");
    658. 

  658. 			}
    659. 

  659. 		});
    660. 

  660. 		*/
    661. 

  661. 		
    662. 

  662. 		document.getElementById("closeproduct").addEventListener("click",layer.menu.closeProduct);
    663. 

  663. 		window.onresize = function () {
    664. 

  664. 	  	   	width=window.outerWidth-260;
    665. 

  665. 	  	   	height=window.outerHeight;
    666. 

  666. 	        startMarkX=-width/2+50;
    667. 

  667. 	        startMarkY=-height/2+50;
    668. 

  668. 	        
    669. 

  669. 	        layer.size = new CanvasSketch.Size(parseInt(width), parseInt(height));
    670. 

  670. 	        //layer.renderer.setSize(layer.size);
    671. 

  671. 	        layer.maxBounds = new CanvasSketch.Bounds(-layer.size.w / 2, -layer.size.h / 2, layer.size.w / 2, layer.size.h / 2);
    672. 

  672. 	        layer.bounds = new CanvasSketch.Bounds(-layer.size.w / 2, -layer.size.h / 2, layer.size.w / 2, layer.size.h / 2);
    673. 

  673. 			//layer.renderer.redraw(0);
    674. 

  674. 			//layer.renderer.drawBackGround();
    675. 

  675. 			layer.control.refreshCanvas=true;
    676. 

  676. 			layer.control.refreshBackgroundCanvas=true;
    677. 

  677. 			layer.control.refreshSelectCanvas=true;
    678. 

  678. 			layer.renderer.autoRedraw();
    679. 

  679. 		};
    680. 

  680. 

  681. 		document.getElementById("aboutWindow").addEventListener("click",function(e){
    682. 

  682. 			//console.log("aboutWindow");
    683. 

  683. 			if(document.getElementById("aboutWindow").style.display=="block")
    684. 

  684. 			{
    685. 

  685. 				if(e.target.className=="window-close"||e.target.innerText=="关闭")
    686. 

  686. 				{
    687. 

  687. 					document.getElementById("aboutWindow").style.display="none";
    688. 

  688. 				}
    689. 

  689. 			}
    690. 

  690. 

  691. 		});
    692. 

  692. 		
    693. 

  693. 		
    694. 

  694. 		
    695. 

  695. 		document.getElementById("subMenuContainer").addEventListener("click",function(e){
    696. 

  696. 			if(e.target.parentElement.parentElement.id=="toolbarScreenshot")
    697. 

  697. 			{
    698. 

  698. 				var saveAsLocalImage=function(canvasid,type) {
    699. 

  699. 		            var canvas = document.getElementById(canvasid);
    700. 

  700. 					// 图片导出为 png 格式
    701. 

  701. 					var type = 'png';
    702. 

  702. 					var imgData = canvas.toDataURL(type);
    703. 

  703. 

  704. 					// 加工image data，替换mime type
    705. 

  705. 					imgData = imgData.replace(_fixType(type),'image/octet-stream');
    706. 

  706. 					// 下载后的图片名
    707. 

  707. 					var filename = '4dage_' + (new Date()).getTime() + '.' + type;
    708. 

  708. 					// download
    709. 

  709. 					saveFile(imgData,filename);
    710. 

  710. 		        };
    711. 

  711. 

  712. 				/**
    713. 

  713. 				 * 获取mimeType
    714. 

  714. 				 * @param  {String} type the old mime-type
    715. 

  715. 				 * @return the new mime-type
    716. 

  716. 				 */
    717. 

  717. 				var _fixType=function(type) {
    718. 

  718. 					type = type.toLowerCase().replace(/jpg/i, 'jpeg');
    719. 

  719. 					var r = type.match(/png|jpeg|bmp|gif/)[0];
    720. 

  720. 					return 'image/' + r;
    721. 

  721. 				};
    722. 

  722. 

  723. 				/**
    724. 

  724. 				 * 在本地进行文件保存
    725. 

  725. 				 * @param  {String} data     要保存到本地的图片数据
    726. 

  726. 				 * @param  {String} filename 文件名
    727. 

  727. 				 */
    728. 

  728. 				var saveFile=function(data, filename){
    729. 

  729. 					var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    730. 

  730. 					save_link.href = data;
    731. 

  731. 					save_link.download = filename;
    732. 

  732. 				   
    733. 

  733. 					var event = document.createEvent('MouseEvents');
    734. 

  734. 					event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    735. 

  735. 					save_link.dispatchEvent(event);
    736. 

  736. 				};
    737. 

  737. 				if(show3D)
    738. 

  738. 				{
    739. 

  739. 					BABYLON.Tools.CreateScreenshot(my3DEngine.scene3D.engine, my3DEngine.scene3D.camera, {width: my3DEngine.scene3D.canvas.width,height: my3DEngine.scene3D.canvas.height});
    740. 

  740. 				}
    741. 

  741. 				else
    742. 

  742. 				{
    743. 

  743. 					saveAsLocalImage("dynamiccanvas2d","png");
    744. 

  744. 				}
    745. 

  745. 			}
    746. 

  746. 			else if(e.target.parentElement.parentElement.id=="fullscreen-btn")
    747. 

  747. 			{
    748. 

  748. 				var element = document.documentElement;
    749. 

  749. 				var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    750. 

  750. 

  751. 	            if (requestMethod) 
    752. 

  752. 	            {
    753. 

  753. 	                requestMethod.call(element);
    754. 

  754. 	            } 
    755. 

  755. 	            else if (typeof window.ActiveXObject !== "undefined") {
    756. 

  756. 	                var wscript = new ActiveXObject("WScript.Shell");
    757. 

  757. 	                if (wscript !== null) {
    758. 

  758. 	                    wscript.SendKeys("{F11}");
    759. 

  759. 	                }
    760. 

  760. 	            }
    761. 

  761. 			}
    762. 

  762. 			else if(e.target.parentElement.parentElement.id=="transparencyButton")
    763. 

  763. 			{
    764. 

  764. 				//alert("透明");
    765. 

  765. 				if(e.target.src.indexOf("icon-transparency.png")>-1)
    766. 

  766. 				{
    767. 

  767. 					for(var i=0;i<my3DEngine.roomWallMeshes.length;++i)
    768. 

  768. 					{
    769. 

  769. 						my3DEngine.roomWallMeshes[i].visibility=0.08;
    770. 

  770. 					}
    771. 

  771. 					e.target.src=e.target.src.replace("icon-transparency.png","icon-opacity.png");
    772. 

  772. 				}
    773. 

  773. 				else if(e.target.src.indexOf("icon-opacity.png")>-1)
    774. 

  774. 				{
    775. 

  775. 					for(var i=0;i<my3DEngine.roomWallMeshes.length;++i)
    776. 

  776. 					{
    777. 

  777. 						my3DEngine.roomWallMeshes[i].visibility=1;
    778. 

  778. 					}
    779. 

  779. 					e.target.src=e.target.src.replace("icon-opacity.png","icon-transparency.png");
    780. 

  780. 				}
    781. 

  781. 			
    782. 

  782. 			}
    783. 

  783. 			else if(e.target.parentElement.parentElement.id=="lock-icon")
    784. 

  784. 			{
    785. 

  785. 				//alert("锁");
    786. 

  786. 				if(e.target.className=="fa fa-unlock")
    787. 

  787. 				{
    788. 

  788. 					my3DEngine.lock=true;
    789. 

  789. 					e.target.className="fa fa-lock";
    790. 

  790. 				}
    791. 

  791. 				else if(e.target.className=="fa fa-lock")
    792. 

  792. 				{
    793. 

  793. 					my3DEngine.lock=false;
    794. 

  794. 					e.target.className="fa fa-unlock";
    795. 

  795. 				}
    796. 

  796. 			}
    797. 

  797. 		});
    798. 

  798.   	   	// Grid..........................................................
    799. 

  799. 

  800. 	function initLoad()
    801. 

  801. 	{
    802. 

  802. 		var div=document.getElementById("loaddiv");
    803. 

  803. 		var img=document.getElementById("loadimg");
    804. 

  804. 		
    805. 

  805. 		var width=window.innerWidth;
    806. 

  806. 		var height=window.innerHeight;
    807. 

  807. 		
    808. 

  808. 		var imgwidth=img.width;
    809. 

  809. 		var imgheight=img.height;
    810. 

  810. 		
    811. 

  811. 		var ptwidth =(width -imgwidth ) / 2 + "px";
    812. 

  812. 		var ptheight=(height-imgheight) / 2 + "px";
    813. 

  813. 	
    814. 

  814. 		div.style.width=width+"px";
    815. 

  815. 		div.style.height=height+"px";
    816. 

  816. 		div.width=width;
    817. 

  817. 		div.height=height;
    818. 

  818. 		
    819. 

  819. 		img.style.marginLeft= ptwidth;
    820. 

  820. 		img.style.marginTop = ptheight;
    821. 

  821. 	}
    822. 

  822. 

  823. 	/*
    824. 

  824. 	function showAdd(e)
    825. 

  825. 	{
    826. 

  826. 		var div=document.getElementById(this.id);
    827. 

  827. 		if(div!=null)
    828. 

  828. 		{
    829. 

  829. 			div.children[0].className="selected show";
    830. 

  830. 		}
    831. 

  831. 	}
    832. 

  832. 	*/
    833. 

  833. 	function showPicture()
    834. 

  834. 	{
    835. 

  835. 		if(my3DEngine==null)
    836. 

  836. 		{
    837. 

  837. 			my3DEngine=layer.layer3D;
    838. 

  838. 			my3DEngine.initialize();
    839. 

  839. 		}
    840. 

  840. 		var src=this.id.replace("product","")+".babylon";
    841. 

  841. 		layer.menu.closeProduct();
    842. 

  842. 		my3DEngine.showPicture(src);
    843. 

  843. 	}
    844. 

  844. 	
    845. 

  845. 	function showPhoFrame()
    846. 

  846. 	{
    847. 

  847. 		if(my3DEngine==null)
    848. 

  848. 		{
    849. 

  849. 			my3DEngine=layer.layer3D;
    850. 

  850. 			my3DEngine.initialize();
    851. 

  851. 		}
    852. 

  852. 		var src=this.id.replace("product","")+".obj";
    853. 

  853. 		layer.menu.closeProduct();
    854. 

  854. 		my3DEngine.showPhoFrame(src);
    855. 

  855. 	}
    856. 

  856. 	
    857. 

  857. 	function showProduct3D()
    858. 

  858. 	{
    859. 

  859. 		if(my3DEngine==null)
    860. 

  860. 		{
    861. 

  861. 			my3DEngine=new Symbol3D();
    862. 

  862. 			my3DEngine.initialize();
    863. 

  863. 		}
    864. 

  864. 		var src;
    865. 

  865. 		var src=this.id.replace("product","")+".babylon";
    866. 

  866. 		layer.menu.closeProduct();
    867. 

  867. 		my3DEngine.showProduct(src);
    868. 

  868. 	}
    869. 

  869. 

  870.     function drawGrid( stepx, stepy) {
    871. 

  871.         layer.renderer.addGrid();
    872. 

  872.     }
    873. 

  873. 

  874.     /*
    875. 

  875. 		function addText(name)
    876. 

  876. 		{
    877. 

  877. 				//var vectors = [];
    878. 

  878. 				var points  = [];
    879. 

  879. 				
    880. 

  880. 				var point = new Point(startMarkX+15,startMarkY-20);
    881. 

  881.         points.push(point);
    882. 

  882.         
    883. 

  883.         var text = new Vector(new Text(points,name),textStyle);
    884. 

  884.         vectors.push(text);
    885. 

  885.         //layer.addVectors(vectors);
    886. 

  886.         //subVector.push(vectors);
    887. 

  887. 		}
    888. 

  888.     */
    889. 

  889. 		
    890. 

  890. 		
    891. 

  891. 		function addMeter()
    892. 

  892. 		{
    893. 

  893.     	/*
    894. 

  894. 			var points  = [];
    895. 

  895. 			var point1 = new Point(startMarkX,startMarkY);
    896. 

  896. 			points.push(point1);
    897. 

  897. 			var point2 = new Point(startMarkX,startMarkY-5);
    898. 

  898. 			points.push(point2);
    899. 

  899. 			var point3 = new Point(startMarkX+meter,startMarkY-5);
    900. 

  900. 			points.push(point3);
    901. 

  901. 			var point4 = new Point(startMarkX+meter,startMarkY);
    902. 

  902. 			points.push(point4);
    903. 

  903. 			var onemeter = new Vector(new Meter(points),meterStyle);
    904. 

  904. 			vectors.push(onemeter);
    905. 

  905. 			*/
    906. 

  906.     		layer.renderer.addMeter();
    907. 

  907. 		}
    908. 

  908. 		
    909. 

  909. 		function initRoom()
    910. 

  910. 	{
    911. 

  911. 		var vectors = [];
    912. 

  912. 		
    913. 

  913. 		var points1=[];
    914. 

  914. 		var point1=new Point(-100,400);
    915. 

  915. 		var point2=new Point(-100,-400);
    916. 

  916. 		points1.push(point1);
    917. 

  917. 		points1.push(point2);
    918. 

  918. 		layer.build.firstLines=layer.build.getEndLines(0,1,wallId);
    919. 

  919. 		layer.build.endLines=layer.build.getEndLines(2,3,wallId);
    920. 

  920. 		var vector1id=layer.build.addOpenWall(points1,"imgWall");
    921. 

  921. 		layer.build.adjustEndPoint(vector1id);
    922. 

  922. 		var vector1=layer.vectors[vector1id];
    923. 

  923. 		vectors.push(vector1);
    924. 

  924. 		layer.data2d.wallIds.push(vector1.id);
    925. 

  925. 		
    926. 

  926. 		var points2=[];
    927. 

  927. 		var point21=new Point(500,0);
    928. 

  928. 		var point22=new Point(100,0);
    929. 

  929. 		var point23=new Point(100,-400);
    930. 

  930. 		points2.push(point21);
    931. 

  931. 		points2.push(point22);
    932. 

  932. 		points2.push(point23);
    933. 

  933. 		layer.build.firstLines=layer.build.getEndLines(1,2,wallId);
    934. 

  934. 		layer.build.endLines=layer.build.getEndLines(2,3,wallId);
    935. 

  935. 		var vector2id=layer.build.addOpenWall(points2,"imgWall");
    936. 

  936. 		layer.build.adjustEndPoint(vector2id);
    937. 

  937. 		var vector2=layer.vectors[vector2id];
    938. 

  938. 		vectors.push(vector2);
    939. 

  939. 		layer.data2d.wallIds.push(vector2.id);
    940. 

  940. 

  941. 		var doorpoint31=new Point(-100,40);
    942. 

  942. 		var doorpoint32=new Point(-100,120);
    943. 

  943. 		var door3=new Vector(new OpenDoor(),openStyle);
    944. 

  944. 		door3.geometry.point1=doorpoint31;
    945. 

  945. 		door3.geometry.point2=doorpoint32;
    946. 

  946. 		door3.geometry.contextIndex=0;
    947. 

  947. 		door3.update(layer,vector1.id,0,1,null);
    948. 

  948. 		
    949. 

  949. 		var doorpoint41=new Point(-100,-100);
    950. 

  950. 		var doorpoint42=new Point(-100,-20);
    951. 

  951. 		var door4=new Vector(new OpenDoor(),openStyle);
    952. 

  952. 		door4.geometry.point1=doorpoint41;
    953. 

  953. 		door4.geometry.point2=doorpoint42;
    954. 

  954. 		door4.geometry.contextIndex=0;
    955. 

  955. 		door4.update(layer,vector1.id,0,1,null);
    956. 

  956. 

  957. 		vector1.symbol2dsCount=2;
    958. 

  958. 		vector1.symbol2Ds[door3.id]=door3;
    959. 

  959. 		vector1.symbol2Ds[door4.id]=door4;
    960. 

  960. 		
    961. 

  961. 		var doorpoint51=new Point(100,-300);
    962. 

  962. 		var doorpoint52=new Point(100,-220);
    963. 

  963. 		var door5=new Vector(new OpenDoor(),openStyle);
    964. 

  964. 		door5.geometry.point1=doorpoint51;
    965. 

  965. 		door5.geometry.point2=doorpoint52;
    966. 

  966. 		door5.geometry.contextIndex=0;
    967. 

  967. 		door5.update(layer,vector2.id,1,2,null);
    968. 

  968. 

  969. 		vector2.symbol2dsCount=1;
    970. 

  970. 		vector2.symbol2Ds[door5.id]=door5;
    971. 

  971. 		
    972. 

  972. 		
    973. 

  973. 		var windowpoint1=new Point(-200,400);
    974. 

  974. 		var windowpoint2=new Point(-260,400);
    975. 

  975. 		var window1=new Vector(new SingleCasement(),singleStyle);
    976. 

  976. 		window1.geometry.point1=windowpoint1;
    977. 

  977. 		window1.geometry.point2=windowpoint2;
    978. 

  978. 		window1.geometry.contextIndex=0;
    979. 

  979. 		window1.update(layer,wallId,0,1,null);
    980. 

  980. 		
    981. 

  981. 		var windowpoint21=new Point(-500,-200);
    982. 

  982. 		var windowpoint22=new Point(-500,-300);
    983. 

  983. 		var window2=new Vector(new SlidingWindow(),slidingStyle);
    984. 

  984. 		window2.geometry.point1=windowpoint21;
    985. 

  985. 		window2.geometry.point2=windowpoint22;
    986. 

  986. 		window2.geometry.contextIndex=0;
    987. 

  987. 		window2.update(layer,wallId,0,3,null);
    988. 

  988. 

  989. 		layer.vectors[wallId].symbol2dsCount=2;
    990. 

  990. 		layer.vectors[wallId].symbol2Ds[window1.id]=window1;
    991. 

  991. 		layer.vectors[wallId].symbol2Ds[window2.id]=window2;
    992. 

  992. 		
    993. 

  993. 		layer.control.refreshCanvas=true;
    994. 

  994. 	}
    995. 

  995. 		
    996. 

  996. 		function addWall()
    997. 

  997. 		{
    998. 

  998. 			var vectors = [];
    999. 

  999. 	        var points  = [];
    1000. 

  1000. 	       	var point1=new Point(wallleftX,wallleftY);
    1001. 

  1001. 	        points.push(point1);
    1002. 

  1002. 	        
    1003. 

  1003. 	        var point2=new Point(wallrightX,wallleftY);
    1004. 

  1004. 	        points.push(point2);
    1005. 

  1005. 	        
    1006. 

  1006. 	        var point3=new Point(wallrightX,wallrightY);
    1007. 

  1007. 	        points.push(point3);
    1008. 

  1008. 	        
    1009. 

  1009. 	        var point4=new Point(wallleftX,wallrightY);
    1010. 

  1010. 	        points.push(point4);
    1011. 

  1011. 

  1012. 	        
    1013. 

  1013. 			var wall = new Wall(points, document.getElementById("imgWall")); 
    1014. 

  1014. 	        var vector=new Vector(wall,wallStyle);
    1015. 

  1015. 	        wallId=vector.id;
    1016. 

  1016. 	        vectors.push(vector);
    1017. 

  1017. 	        layer.addVectors(vectors);
    1018. 

  1018. 	        
    1019. 

  1019. 	        layer.data2d.wallIds.push(wallId);
    1020. 

  1020. 		}
    1021. 

  1021. 

  1022. 		function Show3DBase()
    1023. 

  1023. 		{
    1024. 

  1024. 			if(!show3D)
    1025. 

  1025. 			{
    1026. 

  1026. 				if(my3DEngine==null)
    1027. 

  1027. 				{
    1028. 

  1028. 					my3DEngine=layer.layer3D;
    1029. 

  1029. 					my3DEngine.initialize();
    1030. 

  1030. 				}
    1031. 

  1031. 				
    1032. 

  1032. 				//my3DEngine.clearSymbol();
    1033. 

  1033. 				GetWallPoints(layer);
    1034. 

  1034. 				if(!one3d)
    1035. 

  1035. 				{
    1036. 

  1036. 					//initRoom3D();
    1037. 

  1037. 					one3d=true;
    1038. 

  1038. 				}
    1039. 

  1039. 					
    1040. 

  1040. 				my3DEngine.scene3D.render();
    1041. 

  1041. 			}
    1042. 

  1042. 			show3D=true;
    1043. 

  1043. 		}
    1044. 

  1044. 		
    1045. 

  1045. 		function GetWallPoints(layer)
    1046. 

  1046. 		{
    1047. 

  1047. 			var wallIds=layer.data2d.wallIds;
    1048. 

  1048. 			var calculateLine=layer.calculateLine;
    1049. 

  1049. 			for(var i=0;i<wallIds.length;++i)
    1050. 

  1050. 			{
    1051. 

  1051. 				var id=wallIds[i];
    1052. 

  1052. 				var points=layer.vectors[id].geometry.points;
    1053. 

  1053. 				
    1054. 

  1054. 				var syms=[];
    1055. 

  1055. 				
    1056. 

  1056. 				
    1057. 

  1057. 				for(var key in layer.vectors[id].symbol2Ds)
    1058. 

  1058. 				{
    1059. 

  1059. 					var symbol2d=layer.vectors[id].symbol2Ds[key];
    1060. 

  1060. 

  1061. 					var line=calculateLine.createLine(symbol2d.geometry.point1,symbol2d.geometry.point2);
    1062. 

  1062. 					var sym={};
    1063. 

  1063. 					
    1064. 

  1064. 					if(line.a!=0)
    1065. 

  1065. 					{
    1066. 

  1066. 						sym.angle=Math.atan(line.a);
    1067. 

  1067. 					}
    1068. 

  1068. 					else if(line.hasOwnProperty('x'))
    1069. 

  1069. 					{
    1070. 

  1070. 						sym.angle=Math.PI/2;
    1071. 

  1071. 					}
    1072. 

  1072. 					else if(line.hasOwnProperty('y'))
    1073. 

  1073. 					{
    1074. 

  1074. 						sym.angle=0;
    1075. 

  1075. 					}
    1076. 

  1076. 					sym.point={x:(symbol2d.geometry.point1.x+symbol2d.geometry.point2.x)/2,y:(symbol2d.geometry.point1.y+symbol2d.geometry.point2.y)/2};
    1077. 

  1077. 					//sym.type=symbol2d.geoType;
    1078. 

  1078. 					sym.type=symbol2d.geometry.geoType;
    1079. 

  1079. 					sym.len=BABYLON.Vector2.Distance(symbol2d.geometry.point1,symbol2d.geometry.point2);
    1080. 

  1080. 					syms.push(sym);
    1081. 

  1081. 				}
    1082. 

  1082. 				
    1083. 

  1083. 				if(i==0)
    1084. 

  1084. 				{
    1085. 

  1085. 					var inout=calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.border1,layer.vectors[id].geometry.border2);
    1086. 

  1086. 					
    1087. 

  1087. 					var inline=inout.use;
    1088. 

  1088. 					var outline=inout.build;
    1089. 

  1089. 					my3DEngine.decorate3D.drawFloor(layer.vectors[id].geometry.points,id);
    1090. 

  1090. 					my3DEngine.decorate3D.drawCloseWallSymbols(outline,inline,syms,layer.vectors[id].geometry.wallType,id);
    1091. 

  1091. 				}
    1092. 

  1092. 				else
    1093. 

  1093. 				{
    1094. 

  1094. 					if(layer.vectors[id].geometry.state==0)
    1095. 

  1095. 					{
    1096. 

  1096. 						var inout=calculateLine.divisionBuildUseWall(layer.vectors[id].geometry.border1,layer.vectors[id].geometry.border2);
    1097. 

  1097. 					
    1098. 

  1098. 						var inline=inout.use;
    1099. 

  1099. 						var outline=inout.build;
    1100. 

  1100. 						my3DEngine.decorate3D.drawFloor(layer.vectors[id].geometry.points,id);
    1101. 

  1101. 						
    1102. 

  1102. 						if(calculateLine.isClockWise(outline)>0)
    1103. 

  1103. 						{
    1104. 

  1104. 							outline.reverse();
    1105. 

  1105. 							inline.reverse();
    1106. 

  1106. 						}
    1107. 

  1107. 						my3DEngine.decorate3D.drawCloseWallSymbols(outline,inline,syms,layer.vectors[id].geometry.wallType,id);
    1108. 

  1108. 					}
    1109. 

  1109. 					else
    1110. 

  1110. 					{
    1111. 

  1111. 						var clockpoints=[];
    1112. 

  1112. 						
    1113. 

  1113. 						var floorpoints=calculateLine.outinwallside(points,layer.vectors[id].geometry.wallType);
    1114. 

  1114. 						
    1115. 

  1115. 						if(floorpoints.side1.length==2)
    1116. 

  1116. 						{					
    1117. 

  1117. 							var temp1=[];
    1118. 

  1118. 							var temp2=[];
    1119. 

  1119. 							
    1120. 

  1120. 							temp1[0]=floorpoints.side1[0];
    1121. 

  1121. 							temp1[1]=floorpoints.side2[0];
    1122. 

  1122. 							
    1123. 

  1123. 							temp2[0]=floorpoints.side1[1];
    1124. 

  1124. 							temp2[1]=floorpoints.side2[1];
    1125. 

  1125. 							
    1126. 

  1126. 							floorpoints.side1=temp1;
    1127. 

  1127. 							floorpoints.side2=temp2;
    1128. 

  1128. 							
    1129. 

  1129. 							clockpoints.push(temp1[0]);
    1130. 

  1130. 							clockpoints.push(temp1[1]);
    1131. 

  1131. 							clockpoints.push(temp2[1]);
    1132. 

  1132. 							clockpoints.push(temp2[0]);
    1133. 

  1133. 						}
    1134. 

  1134. 						else
    1135. 

  1135. 						{
    1136. 

  1136. 							var line1= calculateLine.createLine(floorpoints.side1[0], floorpoints.side1[1]);
    1137. 

  1137. 							var line2= calculateLine.createLine(floorpoints.side1[floorpoints.side1.length-2], floorpoints.side1[floorpoints.side1.length-1]);
    1138. 

  1138. 

  1139. 							for(var n=0;n<floorpoints.side1.length;++n)
    1140. 

  1140. 							{
    1141. 

  1141. 								clockpoints.push(floorpoints.side1[n]);
    1142. 

  1142. 							}
    1143. 

  1143. 							for(var n=floorpoints.side2.length-1;n>-1;--n)
    1144. 

  1144. 							{
    1145. 

  1145. 								clockpoints.push(floorpoints.side2[n]);
    1146. 

  1146. 							}
    1147. 

  1147. 						}
    1148. 

  1148. 						
    1149. 

  1149. 						if(calculateLine.isClockWise(clockpoints)>0)
    1150. 

  1150. 						{
    1151. 

  1151. 							floorpoints.side1.reverse();
    1152. 

  1152. 							floorpoints.side2.reverse();
    1153. 

  1153. 						}
    1154. 

  1154. 						my3DEngine.decorate3D.drawOpenWallSymbols(floorpoints,syms,layer.vectors[id].geometry.wallType,id);
    1155. 

  1155. 						
    1156. 

  1156. 					}
    1157. 

  1157. 					
    1158. 

  1158. 				}
    1159. 

  1159. 			}
    1160. 

  1160. 		}
    1161. 

  1161. 		
    1162. 

  1162. 		function animate()
    1163. 

  1163. 		{
    1164. 

  1164. 		    requestAnimationFrame( animate );
    1165. 

  1165. 			render();		
    1166. 

  1166. 			update();
    1167. 

  1167. 		}
    1168. 

  1168. 

  1169. 		function update()
    1170. 

  1170. 		{
    1171. 

  1171. 			three3D.controls.update();
    1172. 

  1172. 			three3D.stats.update();
    1173. 

  1173. 			//controls.update();
    1174. 

  1174. 			//stats.update();
    1175. 

  1175. 		}
    1176. 

  1176. 

  1177. 		function render()
    1178. 

  1178. 		{	
    1179. 

  1179. 			three3D.renderer.render( three3D.scene, three3D.camera );		
    1180. 

  1180. 			//renderer.render( scene, camera );
    1181. 

  1181. 		}
    1182. 

  1182. 		
    1183. 

  1183. 		function initRoom3D()
    1184. 

  1184. 		{
    1185. 

  1185. 			
    1186. 

  1186. 			if(my3DEngine==null)
    1187. 

  1187. 			{
    1188. 

  1188. 				my3DEngine=layer.layer3D;
    1189. 

  1189. 				my3DEngine.initialize();
    1190. 

  1190. 			}
    1191. 

  1191. 			my3DEngine.scene3D.engine.displayLoadingUI();
    1192. 

  1192. 			var rotation=new BABYLON.Vector3(0,0,0);
    1193. 

  1193. 			
    1194. 

  1194. 			var p1=new BABYLON.Vector3(-300,0,-320);
    1195. 

  1195. 			var table1=my3DEngine.model.showProductfirst("gui.babylon",p1,rotation);
    1196. 

  1196. 			table1.name="cabinet";
    1197. 

  1197. 			
    1198. 

  1198. 			var p2 =new BABYLON.Vector3(-300,0,-120);
    1199. 

  1199. 			var table2=my3DEngine.model.showProductfirst("gui.babylon",p2,rotation);
    1200. 

  1200. 			table2.name="cabinet";
    1201. 

  1201. 			
    1202. 

  1202. 			var p3=new BABYLON.Vector3(-300,0,80);
    1203. 

  1203. 			var table3=my3DEngine.model.showProductfirst("gui.babylon",p3,rotation);
    1204. 

  1204. 			table3.name="cabinet";
    1205. 

  1205. 

  1206. 			var p4=new BABYLON.Vector3(-300,0,280);
    1207. 

  1207. 			var table4=my3DEngine.model.showProductfirst("gui.babylon",p4,rotation);
    1208. 

  1208. 			table4.name="cabinet";
    1209. 

  1209. 			
    1210. 

  1210. 			var p5=new BABYLON.Vector3(300,0,200);
    1211. 

  1211. 			var table5=my3DEngine.model.showProductfirst("gui.babylon",p5,rotation);
    1212. 

  1212. 			table5.name="cabinet";
    1213. 

  1213. 			
    1214. 

  1214. 			var p6=new BABYLON.Vector3(300,0,100);
    1215. 

  1215. 			var table6=my3DEngine.model.showProductfirst("gui.babylon",p6,rotation);
    1216. 

  1216. 			table6.name="cabinet";
    1217. 

  1217. 			
    1218. 

  1218. 			var p7=new BABYLON.Vector3(300,0,300);
    1219. 

  1219. 			var table7=my3DEngine.model.showProductfirst("gui.babylon",p7,rotation);
    1220. 

  1220. 			table7.name="cabinet";
    1221. 

  1221. 			
    1222. 

  1222. 			var p8=new BABYLON.Vector3(80,0,100);
    1223. 

  1223. 			var table8=my3DEngine.model.showProductfirst("gui.babylon",p8,rotation);
    1224. 

  1224. 			table8.name="cabinet";
    1225. 

  1225. 

  1226. 			var p9=new BABYLON.Vector3(80,0,260);
    1227. 

  1227. 			var table9=my3DEngine.model.showProductfirst("gui.babylon",p9,rotation);
    1228. 

  1228. 			table9.name="cabinet";
    1229. 

  1229. 			
    1230. 

  1230. 			var p10=new BABYLON.Vector3(300,0,-130);
    1231. 

  1231. 			var table10=my3DEngine.model.showProductfirst("gui.babylon",p10,rotation);
    1232. 

  1232. 			table10.name="cabinet";
    1233. 

  1233. 			
    1234. 

  1234. 			var p11=new BABYLON.Vector3(300,0,-270);
    1235. 

  1235. 			var table11=my3DEngine.model.showProductfirst("gui.babylon",p11,rotation);
    1236. 

  1236. 			table11.name="cabinet";
    1237. 

  1237. 			
    1238. 

  1238. 			var mp1=new BABYLON.Vector3(-300,103,-320);
    1239. 

  1239. 			var model1=my3DEngine.model.showProductfirst("11.babylon",mp1,rotation);
    1240. 

  1240. 			
    1241. 

  1241. 			var mp2 =new BABYLON.Vector3(-300,103,-120);
    1242. 

  1242. 			var model2=my3DEngine.model.showProductfirst("12.babylon",mp2,rotation);
    1243. 

  1243. 			
    1244. 

  1244. 			var mp3=new BABYLON.Vector3(-300,103,80);
    1245. 

  1245. 			var model3=my3DEngine.model.showProductfirst("65.babylon",mp3,rotation);
    1246. 

  1246. 

  1247. 			var mp4=new BABYLON.Vector3(-300,103,280);
    1248. 

  1248. 			var model4=my3DEngine.model.showProductfirst("15.babylon",mp4,rotation);
    1249. 

  1249. 			
    1250. 

  1250. 			var mp5=new BABYLON.Vector3(300,103,200);
    1251. 

  1251. 			var model5=my3DEngine.model.showProductfirst("17.babylon",mp5,rotation);
    1252. 

  1252. 			
    1253. 

  1253. 			var mp6=new BABYLON.Vector3(300,103,100);
    1254. 

  1254. 			var model6=my3DEngine.model.showProductfirst("64.babylon",mp6,rotation);
    1255. 

  1255. 			
    1256. 

  1256. 			var mp7=new BABYLON.Vector3(300,103,300);
    1257. 

  1257. 			var model7=my3DEngine.model.showProductfirst("37.babylon",mp7,rotation);
    1258. 

  1258. 			
    1259. 

  1259. 			var mp8=new BABYLON.Vector3(80,103,100);
    1260. 

  1260. 			var model8=my3DEngine.model.showProductfirst("44.babylon",mp8,rotation);
    1261. 

  1261. 

  1262. 			var mp9=new BABYLON.Vector3(80,103,260);
    1263. 

  1263. 			var model9=my3DEngine.model.showProductfirst("45.babylon",mp9,rotation);
    1264. 

  1264. 			
    1265. 

  1265. 			var mp10=new BABYLON.Vector3(300,103,-130);
    1266. 

  1266. 			var model10=my3DEngine.model.showProductfirst("52.babylon",mp10,rotation);
    1267. 

  1267. 			
    1268. 

  1268. 			var mp11=new BABYLON.Vector3(300,103,-270);
    1269. 

  1269. 			var model11=my3DEngine.model.showProductfirst("54.babylon",mp11,rotation);	
    1270. 

  1270. 		}
    1271. 

  1271. 		
    1272. 

  1272. //16509
    1273. 

  1273.     
    1274. 

  1274.    	
    1275. 

  1275.   	   	</script>
    1276. 

  1276.  </body>
    1277. 

  1277. </html>
    1278.