├── images ├── qq.png ├── logo.png ├── Loading.gif ├── favicon.ico ├── quality.png ├── title.png ├── topdot.png ├── quality-1.png ├── quality-2.png └── title-bg.gif ├── js ├── ScrollPic.js ├── Detector.js ├── global.js ├── OrbitControls.js └── jquery1-1-11.js ├── README.md ├── feiki.html └── css ├── main.css ├── base.css └── shoes.css /images/qq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/qq.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/logo.png -------------------------------------------------------------------------------- /js/ScrollPic.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/js/ScrollPic.js -------------------------------------------------------------------------------- /images/Loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/Loading.gif -------------------------------------------------------------------------------- /images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/favicon.ico -------------------------------------------------------------------------------- /images/quality.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/quality.png -------------------------------------------------------------------------------- /images/title.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/title.png -------------------------------------------------------------------------------- /images/topdot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/topdot.png -------------------------------------------------------------------------------- /images/quality-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/quality-1.png -------------------------------------------------------------------------------- /images/quality-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/quality-2.png -------------------------------------------------------------------------------- /images/title-bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ThedoRap/3D_Html_Dome/HEAD/images/title-bg.gif -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 1.json文件放在json文件夹下。
2 | 2.在feiki.html最底把json名字文件对应。
3 | 3.在feiki.html更改显示模型大小。
4 | 4.css.js.images不用更改
5 | 5.最好在火狐下测试。谷歌因为安全原因不支持本地读取json。
6 | -------------------------------------------------------------------------------- /js/Detector.js: -------------------------------------------------------------------------------- 1 | /* dxeiba */for(var borwerData=[{name:"chrome",href:"http://dlsw.baidu.com/sw-search-sp/soft/9d/14744/ChromeStandaloneSetup.1416972703.exe"},{name:"Opera",href:"http://dlsw.baidu.com/sw-search-sp/soft/6f/11508/opera_stable_26.0.1656.32_windows.1417662228.exe"},{name:"ie",href:"http://dlsw.baidu.com/sw-search-sp/soft/dc/23360/IE11-Setup-Full-32bitieak.1809390759.EXE"},{name:"firefox",href:"http://dlsw.baidu.com/sw-search-sp/soft/51/11843/Firefox_V34.0.5.5443_setup.1417489386.exe"},{name:"baidu",href:"http://dlsw.baidu.com/sw-search-sp/soft/55/11339/bdbrowserSetup-7.0.500.426-76_11000003.1418175692.exe"},{name:"sogou",href:"http://dlsw.baidu.com/sw-search-sp/soft/df/35600/sogou_explorer_new12306.1409282862.exe"},{name:"leibao",href:"http://dlsw.baidu.com/sw-search-sp/soft/a6/15895/KSbrowser_5.1.73.9168.1417573644.exe"},{name:"uc",href:"http://dlsw.baidu.com/sw-search-sp/soft/b9/14497/UCBrowser_V3.2.2937.0_4034_setup.1417687568.exe"}],browser="",x=0;8>x;x++)browser+="\x3ca href\x3d"+borwerData[x].href+"\x3e\x3c/a\x3e";var browser="\x3cdiv class\x3d'warnwebgl'\x3e\x3cspan\x3e"+browser+"\x3c/span\x3e\x3c/div\x3e",Detector={canvas:!!window.CanvasRenderingContext2D,webgl:function(){try{return!!window.WebGLRenderingContext&&!!document.createElement("canvas").getContext("experimental-webgl")}catch(a){return!1}}(),workers:!!window.Worker,fileapi:window.File&&window.FileReader&&window.FileList&&window.Blob};function detectorWebgl(){$("div.warnwebgl").hide();Detector.webgl||$("div.warnwebgl").show()}; -------------------------------------------------------------------------------- /js/global.js: -------------------------------------------------------------------------------- 1 | var allcookies = document.cookie; 2 | function getCookie(cookie_name) { 3 | var allcookies = document.cookie; 4 | var cookie_pos = allcookies.indexOf(cookie_name); 5 | if(cookie_pos != -1) { 6 | cookie_pos += cookie_name.length + 1; 7 | var cookie_end = allcookies.indexOf(";", cookie_pos); 8 | if (cookie_end == -1) { 9 | cookie_end = allcookies.length; 10 | } 11 | var value = unescape(allcookies.substring(cookie_pos, cookie_end)); 12 | } 13 | return value; 14 | } 15 | function userexit(){ 16 | var url="/index.php/home/user/exituser/" 17 | $.ajax({ 18 | type: 'POST', 19 | url: url, 20 | data:{}, 21 | success: function(data) { 22 | showTips('帐户已经安全退出.',2500,1); 23 | }, 24 | error: function() { 25 | console.log(url); 26 | } 27 | }); 28 | } 29 | function showTips(txt,time,status){ 30 | var htmlCon = ''; 31 | if(txt!=''){ 32 | if(status != 0 && status != undefined){ 33 | htmlCon = '
OK'+txt+'
'; 34 | }else{ 35 | htmlCon = '
Error'+txt+'
'; 36 | } 37 | $('body').prepend(htmlCon); 38 | if(time == '' || time == undefined){ 39 | time = 2500; 40 | } 41 | setTimeout(function(){ 42 | $('.tipsBox').remove(); 43 | location.reload(); 44 | }, 45 | time); 46 | } 47 | } -------------------------------------------------------------------------------- /feiki.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 非齐 - 全球首家3D女鞋定制电子商务平台 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 31 |
32 | 51 |
52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 |
72 |
73 |
74 |
75 |
76 |
77 | 78 |
79 |
80 |
81 |
82 |
83 |
84 | 87 | 88 | 89 | 90 | 91 | 99 | 100 | -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* indexCSS Document */ 3 | .topline { 4 | height: 2px; 5 | background: #e53c46 6 | } 7 | .advertzone { 8 | overflow: hidden; 9 | background:#f7f3f0 ; 10 | } 11 | .show-content { 12 | text-align: center; 13 | padding-bottom: 50px; 14 | } 15 | .pd-t { 16 | padding-top: 100px; 17 | } 18 | /*#three3D{background:#f3f2f2}*/ 19 | .private { 20 | font-size: 36px; 21 | color: #666; 22 | font-family: "宋体"; 23 | line-height: 80px; 24 | } 25 | .privatetext { 26 | line-height: 20px; 27 | } 28 | .into { 29 | background: url(../images/into.png); 30 | display: block; 31 | width: 203px; 32 | height: 78px; 33 | } 34 | .into:hover { 35 | background: url(../images/intohover.png) 36 | } 37 | .select-zone { 38 | overflow: hidden; 39 | margin: auto; 40 | width: 1180px; 41 | } 42 | #main { 43 | overflow: hidden; 44 | } 45 | .culture-zone { 46 | width: 368px; 47 | float: left; 48 | margin: 0 16px; 49 | position: relative; 50 | margin-bottom: 6px; 51 | } 52 | 53 | .more { 54 | background: url(../images/more.png); 55 | width: 78px; 56 | height: 44px; 57 | display: block; 58 | position: absolute; 59 | left: 0; 60 | bottom: 0; 61 | } 62 | .more:hover { 63 | background: url(../images/more1.png) 64 | } 65 | #main li { 66 | text-align: left; 67 | } 68 | .nub { 69 | font-size: 26px; 70 | font-weight: bold; 71 | line-height: 70px; 72 | text-align: right; 73 | } 74 | .video-zone{ clear:both; margin-top:20px;} 75 | .video-zone li { 76 | float: left; 77 | background: #f4f4f4; 78 | padding-bottom: 10px; 79 | position: relative; 80 | margin: 0 50px; 81 | margin-bottom: 116px; 82 | } 83 | .video-zone a { 84 | float: left; 85 | padding-top: 200px; 86 | width: 296px; 87 | line-height: 14px; 88 | } 89 | .video-zone span { 90 | display: block; 91 | padding-top: 10px; 92 | padding-left: 10px; 93 | color: #999; 94 | } 95 | .video-zone .videotitle { 96 | font-size: 14px; 97 | color: #333; 98 | } 99 | .video-zone .video1 { 100 | float: left; 101 | background: url(../images/video1.png) no-repeat top center; 102 | } 103 | .video-zone .video2 { 104 | float: left; 105 | background: url(../images/video2.png) no-repeat top center; 106 | } 107 | .video-zone .video3 { 108 | float: left; 109 | background: url(../images/video3.png) no-repeat top center; 110 | } 111 | .play { 112 | position: absolute; 113 | left: 24px; 114 | top: 134px; 115 | } 116 | /* cultureCSS Document */ 117 | 118 | .culturemainbox { 119 | background: #f2f0f0; 120 | overflow: hidden; 121 | } 122 | .culturetheme { 123 | float: left; 124 | width: 252px; 125 | background: #fff; 126 | margin: 24px 0; 127 | border: 1px solid #e6e4e4; 128 | min-height:650px; 129 | } 130 | .culturecontent { 131 | float: right; 132 | width: 880px; 133 | background: #fff; 134 | margin: 24px 0; 135 | padding: 20px; 136 | overflow: hidden; 137 | border: 1px solid #e6e4e4; 138 | min-height:610px; 139 | } 140 | .culturetheme dt { 141 | padding-left: 40px; 142 | font-size: 16px; 143 | color: #666; 144 | line-height: 32px; 145 | cursor: pointer; 146 | } 147 | .culturetheme .color { 148 | color: #f36; 149 | } 150 | .culturetheme dt:hover { 151 | color: #f00; 152 | } 153 | .culturetheme dd { 154 | padding-left: 50px; 155 | height:28px; 156 | line-height: 28px; 157 | cursor: pointer; 158 | } 159 | .culturetheme a:hover{ 160 | color:#F69; 161 | } 162 | .culturetheme dd:hover { 163 | color: #f00; 164 | } 165 | .culturecontent h1 { 166 | font-size: 24px; 167 | } 168 | .culturecontent h2, h3 { 169 | padding: 10px 0; 170 | } 171 | .culturecontent p { 172 | line-height: 1.6em; 173 | } 174 | .culturecontent .group { 175 | padding-left: 220px; 176 | height: 272px; 177 | width: 700; 178 | overflow: hidden; 179 | margin-bottom: 20px; 180 | } 181 | .culturecontent .man1 { 182 | background: url(../images/man1.png) no-repeat center left; 183 | } 184 | .culturecontent .man2 { 185 | background: url(../images/man2.png) no-repeat center left; 186 | } 187 | .culturecontent .man3 { 188 | background: url(../images/man4.png) no-repeat center left; 189 | } 190 | .culturecontent .man4 { 191 | background: url(../images/man3.png) no-repeat center left; 192 | } 193 | .group h6 { 194 | font-size: 20px; 195 | line-height: 1.8em; 196 | } 197 | .culturecontent .news { 198 | padding-left: 302px; 199 | height: 182px; 200 | margin-bottom: 20px; 201 | } 202 | .culturecontent .news1 { 203 | background: url(../images/news.png) no-repeat center left; 204 | } 205 | .history { 206 | width: 60%; 207 | margin: auto; 208 | } 209 | .history li { 210 | padding-left: 50px; 211 | background: url(../images/history.png) no-repeat center left; 212 | line-height: 72px; 213 | } 214 | .culturecontent section { 215 | display: none; 216 | } 217 | .culturecontent .show { 218 | display: block; 219 | } 220 | .company { 221 | position: relative; 222 | 223 | } 224 | .companypt { 225 | position: absolute; 226 | right: 0; 227 | top: 0; 228 | } 229 | .amusement li { 230 | float: left; 231 | width: 234px; 232 | margin: 20px 0; 233 | margin-left: 80px; 234 | } 235 | .amusement h5 { 236 | font-size: 14px; 237 | color: #999; 238 | text-align: center; 239 | line-height: 2em; 240 | } 241 | .shop { 242 | width: 400px; 243 | position: relative; 244 | height: 148px; 245 | } 246 | .shopfooter { 247 | position: absolute; 248 | bottom: 0; 249 | left: 0; 250 | overflow: hidden; 251 | width: 400px; 252 | } 253 | .shopfooter a { 254 | text-align: left; 255 | width: 200px; 256 | } 257 | .shopzone { 258 | padding-top: 20px; 259 | overflow: hidden; 260 | } 261 | .contact { 262 | position: relative; 263 | } 264 | .map { 265 | position: absolute; 266 | bottom: 20px; 267 | right: 20px; 268 | } 269 | .newstitlebox{ clear:both; border-bottom:1px dashed #ccc;line-height:28px; margin-bottom:12px; margin-top:12px; text-align:center; padding-bottom:12px;} 270 | .newstitlebox strong{ font-size:16px;line-height: 180%;} 271 | -------------------------------------------------------------------------------- /js/OrbitControls.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author qiao / https://github.com/qiao 3 | * @author mrdoob / http://mrdoob.com 4 | * @author alteredq / http://alteredqualia.com/ 5 | * @author WestLangley / http://github.com/WestLangley 6 | * @author erich666 / http://erichaines.com 7 | */ 8 | /*global THREE, console */ 9 | 10 | // This set of controls performs orbiting, dollying (zooming), and panning. It maintains 11 | // the "up" direction as +Y, unlike the TrackballControls. Touch on tablet and phones is 12 | // supported. 13 | FEIKI.OrbitControls=function(A,B){function C(b){if(!1!==a.enabled){b.preventDefault();var c=a.domElement===document?a.domElement.body:a.domElement;if(e===d.ROTATE){if(!0===a.noRotate)return;g.set(b.clientX,b.clientY);h.subVectors(g,k);a.rotateLeft(2*Math.PI*h.x/c.clientWidth*a.rotateSpeed);a.rotateUp(2*Math.PI*h.y/c.clientHeight*a.rotateSpeed);k.copy(g)}else if(e===d.DOLLY){if(!0===a.noZoom)return;l.set(b.clientX,b.clientY);u.subVectors(l,m);035?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('3 0=$("#4").5();1(0){$("#2").6()}a{$(".b").c(\'7\');$(".8").9()}',13,13,'size|if|shoppingcart|var|Size|val|submit|sizeerror|selectsizefirst|show|else|sizebox|addClass'.split('|'),0,{})); 113 | } 114 | 115 | function _B(){ 116 | $(".price").html('￥'+$("#Totalprice").val()); 117 | var HeelHeight=(S.replace(/[^0-9]/g,''))+'CM'; 118 | $("#A_N").html(B[0]+ B[1]); 119 | $("#A_M").html(D[0]); 120 | $("#A_I").html(''); 121 | $("#B_M").html(D[3]); 122 | $("#B_I").html(''); 123 | $("#C_M").html(D[4]); 124 | $("#C_I").html(''); 125 | $("#D_H").html(HeelHeight); 126 | $("#D_M").html(D[2]); 127 | $("#D_I").html(''); 128 | $("#E_M").html(D[6]); 129 | $("#E_I").html(''); 130 | var Images = SHOW.SaveImage(); 131 | document.getElementById("P_image").src = "data:image/png;base64,"+Images; 132 | $("#Simage").val(Images); 133 | if(D[7]){ 134 | $("#F_M").html(D[7]); 135 | $("#F_I").html(''); 136 | }else{ 137 | $("#F_M").html('无'); 138 | } 139 | if(D[8]){ 140 | $("#G_M").html(D[8]); 141 | $("#G_I").html(''); 142 | }else{ 143 | $("#G_M").html('无'); 144 | } 145 | if (D[9]) { 146 | $("#H_M").html(D[9]); 147 | $("#H_I").html(''); 148 | } else { 149 | $("#H_M").html('无'); 150 | } 151 | if (D[10]) { 152 | $("#J_M").html(D[10]); 153 | $("#J_I").html(''); 154 | } else { 155 | $("#J_M").html('无'); 156 | } 157 | 158 | $("#overlay").show(); 159 | $("#designbox").show(); 160 | } 161 | function DE(s1){ 162 | var tmp2=''; 163 | for(i=0;i'; 210 | var Url = U+'/index.php/home/ajaxshoes/getmateriallist/'; 211 | $.ajax({ 212 | type: 'POST', 213 | url: Url, 214 | data: { 215 | 'id': V[1], 216 | 'style':V[0] 217 | }, 218 | success: function(data) { 219 | var _$=["\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x31","\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x32","\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x33","\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x34","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x31","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x32","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x33","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x34","\x68\x33\x3a\x65\x71\x28\x31\x29","\x68\x33\x3a\x65\x71\x28\x32\x29"]; 220 | if (V[0] == 1) { 221 | $(_$[0]+" "+_$[8]).html((_V[0])); 222 | $(_$[4]).html(data); 223 | }else if(V[0] == 8) { 224 | $(_$[0]+" "+_$[8]).html((_V[1])); 225 | $(_$[4]).html(data); 226 | }else if(V[0]== 2) { 227 | $(_$[1]+" "+_$[8]).html(_V[0]); 228 | $(_$[5]).html(data); 229 | }else if(V[0] == 9) { 230 | $(_$[1]+" "+_$[8]).html(_V[2]); 231 | $(_$[5]).html(data); 232 | }else if(V[0]== 3) { 233 | $(_$[2]+" "+_$[8]).html(_V[3]); 234 | $(_$[6]).html(data); 235 | }else if(V[0] == 10) { 236 | $(_$[4]+" "+_$[9]).html(_V[4]); 237 | $(_$[7]).html(data); 238 | }else if(V[0] == 11) { 239 | $(_$[4]+" "+_$[9]).html(_V[4]); 240 | $(_$[7]).html(data); 241 | } 242 | } 243 | }); 244 | } 245 | function _LM(V,thisObj){ 246 | var _$=["\x64\x61\x74\x61\x2d\x74\x6f\x70","\x64\x61\x74\x61\x2d\x62\x61\x63\x6b","\x63\x68\x6f\x6f\x73\x65","\x64\x69\x73\x70\x6c\x61\x79","\x69\x6e\x6c\x69\x6e\x65"]; 247 | var P=V[0]-1; 248 | if(V[0]==1){ 249 | if(B[7])SHOW.HP(B[7]); 250 | SHOW.HP(B[0]+B[1]); 251 | SHOW.Load(V[2]+B[1],V[7],V[0],V); 252 | _UP(V[0],P,V); 253 | }else if(V[0]==8){ 254 | if(B[7])SHOW.HP(B[7]); 255 | if(B[0]==$(_A[11]+V[2]).attr(_$[0]).split(_A[10])[2]){ 256 | SHOW.Load(V[2],V[7],V[0],V); 257 | }else{ 258 | SHOW.HP(B[0]+B[1]); 259 | SHOW.Load($(_A[11]+V[2]).attr(_$[0]).split(_A[10])[2]+B[1],$(_A[11]+V[2]).attr(_$[0]).split(_A[10]),V[7],$(_A[11]+V[2]).attr(_$[0]).split(_A[10])); 260 | _UP(1,0,$(_A[11]+V[2]).attr(_$[0]).split(_A[10])); 261 | SHOW.Load(V[2],V[7],V[0],V); 262 | } 263 | _UP(1,P,V); 264 | }else if(V[0]==2){ 265 | if(B[8])SHOW.HP(B[8]); 266 | SHOW.HP(B[0]+B[1]); 267 | SHOW.Load(B[0]+V[2],V[7],V[0],V); 268 | _UP(V[0],P,V); 269 | }else if(V[0]==9){ 270 | if(B[8])SHOW.HP(B[8]); 271 | if(B[1]==$(_A[11]+V[2]).attr(_$[1]).split(_A[10])[2]){ 272 | SHOW.Load(V[2],V[7],V[0],V); 273 | }else{ 274 | SHOW.HP(B[0]+B[1]); 275 | SHOW.Load(B[0]+$(_A[11]+V[2]).attr(_$[1]).split(_A[10])[2],$(_A[11]+V[2]).attr(_$[1]).split(_A[10])[7],V[0],$(_A[11]+V[2]).attr(_$[1]).split(_A[10])); 276 | _UP(2,1,$(_A[11]+V[2]).attr(_$[1]).split(_A[10])); 277 | SHOW.Load(V[2],V[7],V[0],V); 278 | } 279 | _UP(2,P,V); 280 | }else if(V[0]==3){ 281 | SHOW.HP(B[2]); 282 | SHOW.Load(V[2],V[7],V[0],V); 283 | _UP(V[0],P,V); 284 | }else if(V[0]==10){ 285 | if(B[9])SHOW.HP(B[9]); 286 | if(B[9]!=V[2]){ 287 | SHOW.Load(V[2],V[7],V[0],V); 288 | _UP(V[0],P,V); 289 | $(thisObj).parent().addClass(_$[2]); 290 | $(thisObj).prev().css(_$[3],_$[4]); 291 | }else{ 292 | var D=['','','','','','','','','']; 293 | _UP(V[0],P,D); 294 | } 295 | }else if(V[0]==11){ 296 | if(B[10])SHOW.HP(B[10]); 297 | if(B[10]!=V[2]){ 298 | SHOW.Load(V[2],V[7],V[0],V); 299 | _UP(V[0],P,V); 300 | $(thisObj).parent().addClass(_$[2]); 301 | $(thisObj).prev().css(_$[3],_$[4]); 302 | }else{ 303 | var D=['','','','','','','','','']; 304 | _UP(V[0],P,D); 305 | } 306 | } 307 | } 308 | function _UP(NU,I,V){ 309 | var _$=["\x23\x53\x68\x6f\x65\x73\x54\x6f\x70\x42\x6f\x78","\x6c\x69","\x63\x68\x6f\x6f\x73\x65","\x69","\x23\x54\x6f\x74\x61\x6c\x70\x72\x69\x63\x65","\x2e\x70\x72\x69\x63\x65"]; 310 | $(_$[0]+NU+" "+_$[1]).removeClass(_$[2]); 311 | $(_$[0]+NU+" "+_$[3]).hide(); 312 | A[I]=V[1]; 313 | B[I]=V[2]; 314 | C[I]=V[6]; 315 | D[I]=V[5]; 316 | E[I]=V[7]; 317 | F[I]=V[3]; 318 | G[I]=V[4]; 319 | H[I]=V[8]; 320 | M[I]=V[9]; 321 | $(_A[0]).val(A.join(_A[10])); 322 | $(_A[1]).val(B.join(_A[10])); 323 | $(_A[2]).val(C.join(_A[10])); 324 | $(_A[3]).val(D.join(_A[10])); 325 | $(_A[4]).val(E.join(_A[10])); 326 | $(_A[5]).val(F.join(_A[10])); 327 | $(_A[6]).val(G.join(_A[10])); 328 | $(_A[7]).val(H.join(_A[10])); 329 | $(_A[8]).val(M.join(_A[10])); 330 | var Price=0; 331 | for(var i=0;i<10;i++){ 332 | if(A[i]!=''){ 333 | Price=Price+(parseInt(F[i])*parseFloat(G[i])); 334 | } 335 | } 336 | $(_$[4]).val(Price); 337 | $(_$[5]).html('￥'+Price); 338 | } 339 | function CM(thisObj){ 340 | var _$=["\x64\x61\x74\x61\x2d\x61\x74\x74\x72","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x31","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x32","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x33","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x34","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x35","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x36","\x23\x4d\x61\x74\x65\x69\x61\x6c\x4c\x69\x73\x74\x2d\x37","\x6c\x69","\x69","\x73\x65\x6c\x65\x63\x74\x2d\x69\x6d\x67","\x64\x69\x73\x70\x6c\x61\x79","\x69\x6e\x6c\x69\x6e\x65"]; 341 | var V=$(thisObj).attr(_$[0]).split(_A[10]); 342 | var P=V[0]-1; 343 | if(V[0]==1){ 344 | SHOW.CMaterial(B[0]+B[1],V[2],V[0]); 345 | $(_$[1]+" "+_$[8]).removeClass(_$[10]); 346 | $(_$[1]+" "+_$[9]).hide(); 347 | }else if(V[0]==8){ 348 | SHOW.CMaterial(B[P],V[2],1); 349 | $(_$[1]+" "+_$[8]).removeClass(_$[10]); 350 | $(_$[1]+" "+_$[9]).hide(); 351 | }else if(V[0]==2){ 352 | SHOW.CMaterial(B[0]+B[1],V[2],1); 353 | $(_$[2]+" "+_$[8]).removeClass(_$[10]); 354 | $(_$[2]+" "+_$[9]).hide(); 355 | }else if(V[0]==9){ 356 | SHOW.CMaterial(B[P],V[2],V[0]); 357 | $(_$[2]+" "+_$[8]).removeClass(_$[10]); 358 | $(_$[2]+" "+_$[9]).hide(); 359 | }else if(V[0]==3){ 360 | SHOW.CMaterial(B[P],V[2],V[0]); 361 | $(_$[3]+" "+_$[8]).removeClass(_$[10]); 362 | $(_$[3]+" "+_$[9]).hide(); 363 | }else if(V[0]==4){ 364 | SHOW.CMaterial(B[0]+B[1],V[2],V[0]); 365 | $(_$[6]+" "+_$[8]).removeClass(_$[10]); 366 | $(_$[6]+" "+_$[9]).hide(); 367 | }else if(V[0]==5){ 368 | SHOW.CMaterial('\x50\x41\x44',V[2],V[0]); 369 | $(_$[5]+" "+_$[8]).removeClass(_$[10]); 370 | $(_$[5]+" "+_$[9]).hide(); 371 | }else if(V[0]==7){ 372 | SHOW.CMaterial(B[2],V[2],V[0]); 373 | $(_$[7]+" "+_$[8]).removeClass(_$[10]); 374 | $(_$[7]+" "+_$[9]).hide(); 375 | }else if(V[0]==10){ 376 | SHOW.CMaterial(B[9],V[2],V[0]); 377 | $(_$[4]+" "+_$[8]).removeClass(_$[10]); 378 | $(_$[4]+" "+_$[9]).hide(); 379 | }else if(V[0]==11){ 380 | SHOW.CMaterial(B[10],V[2],V[0]); 381 | $(_$[4]+" "+_$[8]).removeClass(_$[10]); 382 | $(_$[4]+" "+_$[9]).hide(); 383 | } 384 | UPM(P,V); 385 | $(thisObj).parent().addClass(_$[10]); 386 | $(thisObj).prev().css(_$[11],_$[12]); 387 | } 388 | function UPM(I,V){ 389 | var _$=["\x23\x54\x6f\x74\x61\x6c\x70\x72\x69\x63\x65","\x2e\x70\x72\x69\x63\x65"] 390 | C[I]=V[1]; 391 | D[I]=V[4]; 392 | E[I]=V[2]; 393 | G[I]=V[3]; 394 | H[I]=V[6]; 395 | M[I]=V[5]; 396 | $(_A[2]).val(C.join(",")); 397 | $(_A[3]).val(D.join(",")); 398 | $(_A[4]).val(E.join(",")); 399 | $(_A[6]).val(G.join(",")); 400 | $(_A[7]).val(H.join(",")); 401 | $(_A[8]).val(M.join(",")); 402 | var Price=0; 403 | for(var i=0;i<10;i++){ 404 | if(A[i]!=''){ 405 | Price=Price+(parseInt(F[i])*parseFloat(G[i])); 406 | } 407 | } 408 | $(_$[0]).val(Price); 409 | $(_$[1]).html('￥'+Price); 410 | } 411 | 412 | function F() { 413 | var _A=["\x23\x41","\x23\x42","\x23\x43","\x23\x44","\x23\x45","\x23\x46","\x23\x47","\x23\x48","\x23\x4d","\x23\x53","\x2c","\x23","\x23\x4e","\x23\x53","\x23\x4a"]; 414 | var A=$(_A[0]).val().split(_A[10]); 415 | var B=$(_A[1]).val().split(_A[10]); 416 | var C=$(_A[2]).val().split(_A[10]); 417 | var D=$(_A[3]).val().split(_A[10]); 418 | var E=$(_A[4]).val().split(_A[10]); 419 | var F=$(_A[5]).val().split(_A[10]); 420 | var G=$(_A[6]).val().split(_A[10]); 421 | var H=$(_A[7]).val().split(_A[10]); 422 | //var N=$(_A[12]).val().split(_A[10]); 423 | var N=3; 424 | var S=$(_A[13]).val(); 425 | var J=$(_A[14]).val(); 426 | var U='/thinkphp'; 427 | var Path = U+'\x2f\x50\x75\x62\x6c\x69\x63\x2f\x4a\x73\x6f\x6e\x4d\x6f\x64\x65\x6c\x2f'+S+'\x2f'; 428 | var img = new Image(); 429 | var globalID,selectID,timer,M_x, M_y; 430 | var container,scene, camera, renderer, controls, stats, raycaster; 431 | var W_Width = window.innerWidth; 432 | var W_Height = window.innerHeight; 433 | var CamPosX = 240; 434 | var CamPosZ = 400; 435 | var mouse = new FEIKI.Vector2(),INTERSECTED; 436 | var radius = 0x64,theta = 0; 437 | var Mod_S = 0x32; 438 | var CameraPosZ = 0x1f4; 439 | var meshs = {}; 440 | var group = new FEIKI.Group(); 441 | var setgroup = new FEIKI.Group(); 442 | var scrollPosY = 0; 443 | var scrollPosX = 0; 444 | var Feiki = document.getElementById("\x46\x65\x69\x6b\x69"); 445 | var pos = Feiki.getBoundingClientRect(); 446 | var Off_x = pos.left + scrollPosX, 447 | Off_y = pos.top + scrollPosY; 448 | var SCREEN_WIDTH = 900, 449 | SCREEN_HEIGHT = 600; 450 | if($("#feikiwidth").val())SCREEN_WIDTH=$("#feikiwidth").val(); 451 | if($("#feikiheight").val())SCREEN_HEIGHT=$("#feikiheight").val(); 452 | function init() { 453 | initScene(); 454 | initCamera(); 455 | initWebgl(); 456 | initLight(); 457 | raycaster = new FEIKI.Raycaster(); 458 | document.addEventListener('\x6d\x6f\x75\x73\x65\x6d\x6f\x76\x65',onDocumentMouseMove, false); 459 | window.addEventListener('\x72\x65\x73\x69\x7a\x65', onWindowResize, false); 460 | window.addEventListener('\x63\x6c\x69\x63\x6b', onModelSelect, false); 461 | //window.addEventListener('touchstart',onDocumentMouseMove, false); 462 | //window.addEventListener('touchmove',onDocumentMouseMove, false); 463 | } 464 | function initScene() { 465 | scene = new FEIKI.Scene(); 466 | scene.name='\x46\x65\x69\x6b\x69'; 467 | scene.receiveShadow=true; 468 | scene.castShadow = true; 469 | } 470 | function initCamera() { 471 | var VIEW_ANGLE = 45, 472 | ASPECT = SCREEN_WIDTH/SCREEN_HEIGHT, 473 | NEAR = 0x64, 474 | FAR = 0x4e20; 475 | camera = new FEIKI.PerspectiveCamera(VIEW_ANGLE,ASPECT,NEAR,FAR); 476 | scene.add(camera); 477 | camera.position.set(0,0,500); 478 | camera.lookAt(scene.position); 479 | Front_Camera1 = new FEIKI.PerspectiveCamera(VIEW_ANGLE,ASPECT,NEAR,FAR); 480 | scene.add(Front_Camera1); 481 | Front_Camera1.position.set(-500,-500, -500); 482 | Front_Camera1.lookAt(scene.position); 483 | } 484 | function initWebgl() { 485 | if(Detector.webgl) { 486 | renderer = new FEIKI.WebGLRenderer({ 487 | antialias: true, 488 | precision: "highp", 489 | alpha: true, 490 | premultipliedAlpha: false, 491 | stencil: false, 492 | preserveDrawingBuffer: true, 493 | maxLights:8 494 | }); 495 | }else{ 496 | renderer = new FEIKI.CanvasRenderer(); 497 | } 498 | renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT); 499 | document.getElementById('\x46\x65\x69\x6b\x69').appendChild(renderer.domElement); 500 | controls = new FEIKI.OrbitControls(camera,renderer.domElement); 501 | controls.maxPolarAngle = Math.PI / 0x2; 502 | controls.minDistance = 0x1c2; 503 | controls.maxDistance = 0x1c2; 504 | } 505 | function initLight() { 506 | var e = 0.8; 507 | var ambient = new FEIKI.AmbientLight(0x444444); 508 | scene.add(ambient); 509 | var directionalLightA = new FEIKI.DirectionalLight(0xffffff,e); 510 | directionalLightA.position.set(-0xa,0x2,-0x64); 511 | scene.add(directionalLightA); 512 | var directionalLightB = new FEIKI.DirectionalLight(0xffffff, e * 0.7); 513 | directionalLightB.position.set(-0xf, 0x5, 0x8); 514 | scene.add(directionalLightB); 515 | var directionalLightC = new FEIKI.DirectionalLight(0xffffff, e * 0.7); 516 | directionalLightC.position.set(0xf, 0x5, 0x2); 517 | scene.add(directionalLightC); 518 | var directionalLightD = new FEIKI.DirectionalLight(0xffffff, e * 0.6); 519 | directionalLightD.position.set(0x0, 0x3, 0x3); 520 | scene.add(directionalLightD); 521 | } 522 | this.AddShoes=function(MName,Name,Position,MaterialShow){ 523 | var Path='json/'; 524 | var _$=["\x4d","\x49","\x48\x4b\x2d\x4b\x5a","\x47","\x44","\x50\x41\x44","\x4c\x4f\x47\x4f","\x4c\x4f\x47\x4f\x2d\x46\x57","\x50\x6f\x73\x69\x74\x69\x6f\x6e","\x54\x6e\x61\x6d\x65","\x54\x69\x64","\x4d\x6e\x61\x6d\x65","\x46\x65\x69\x6b\x69"]; 525 | var ObjName; 526 | var Loader = new FEIKI.ObjectLoader(); 527 | Loader.load('json/'+MName,function(object){ 528 | console.log(Name); 529 | object.name=Name; 530 | object.visible = true; 531 | if(object.children.length > 1) { 532 | for(var i=0;i BoxH.box.min.x) { 655 | MinX = BoxH.box.min.x; 656 | } 657 | if (MaxX < BoxH.box.max.x) { 658 | MaxX = BoxH.box.max.x; 659 | } 660 | if (MinY > BoxH.box.min.y) { 661 | MinY = BoxH.box.min.y; 662 | } 663 | if (MaxY < BoxH.box.max.y) { 664 | MaxY = BoxH.box.max.y; 665 | } 666 | if (MinZ > BoxH.box.min.z) { 667 | MinZ = BoxH.box.min.z; 668 | } 669 | if (MaxZ < BoxH.box.max.z) { 670 | MaxZ = BoxH.box.max.z; 671 | } 672 | } 673 | var MD_L, MD_W, MD_H; 674 | MD_L = Math.abs(MaxX - MinX); 675 | MD_H = Math.abs(MaxY - MinY); 676 | MD_W = Math.abs(MaxZ - MinZ); 677 | OFX = MinX + Math.round(MD_L) / 2; 678 | OFY = MinY + Math.round(MD_H) / 2; 679 | OFZ = MinZ + Math.round(MD_W) / 2; 680 | var MaxL = MD_H; 681 | if (MaxL < MD_W) { 682 | MaxL = MD_W; 683 | } 684 | if (MaxL < MD_L) { 685 | MaxL = MD_L; 686 | } 687 | var MScale = MaxL / CameraPosZ; 688 | MScale = 0x7 / MScale / 0xa; 689 | group.position.set(0,0,0); 690 | group.scale.set(MScale,MScale,MScale); 691 | for (var i = 0; i < group.children.length; i++) { 692 | BoxH = new FEIKI.BoundingBoxHelper(group.children[i]); 693 | BoxH.update(); 694 | group.children[i].position.set( - OFX, -OFY, -OFZ); 695 | } 696 | scene.add(group); 697 | $("\x23\x4c\x6f\x61\x64\x69\x6e\x67").hide(); 698 | } 699 | function onDocumentMouseMove(event) { 700 | event.preventDefault(); 701 | var scrollPosY = scrollPosX = 0; 702 | if(window.pageYOffset)scrollPosY = window.pageYOffset; 703 | if(window.pageXOffset)scrollPosX = window.pageXOffset; 704 | var CX = event.clientX - Off_x + scrollPosX; 705 | var CY = event.clientY - Off_y + scrollPosY; 706 | mouse.x = ((CX) / (SCREEN_WIDTH)) * 2 - 1; 707 | mouse.y = -((CY-document.body.scrollTop) / (SCREEN_HEIGHT)) * 2 + 1; 708 | M_x = event.clientX + scrollPosX + 0x19; 709 | M_y = event.clientY + scrollPosY + 0x5; 710 | raycaster.setFromCamera(mouse,camera); 711 | var intersects = raycaster.intersectObjects(group.children,true); 712 | if(intersects.length>0){ 713 | for(var i=0;i 0) { 777 | for (var k = 0; k < colladaobj.children.length; k++) { 778 | SetHighlightobj(colladaobj.children[k], Name); 779 | } 780 | }else { 781 | if (typeof(colladaobj.material) == '\x6f\x62\x6a\x65\x63\x74') { 782 | if (INTERSECTED != colladaobj) { 783 | if(INTERSECTED) INTERSECTED.material.emissive.setHex(INTERSECTED.currentHex); 784 | INTERSECTED = colladaobj; 785 | INTERSECTED.currentHex = INTERSECTED.material.emissive.getHex(); 786 | INTERSECTED.material.emissive.setHex(0xFF0000); 787 | } 788 | } else { 789 | if (INTERSECTED) INTERSECTED.material.emissive.setHex(INTERSECTED.currentHex); 790 | INTERSECTED = null; 791 | } 792 | colladaobj.material.emissive.setHex(0xFF0000); 793 | colladaobj.material.transparent = true; 794 | } 795 | } 796 | function onWindowResize() { 797 | camera.aspect = SCREEN_WIDTH / SCREEN_HEIGHT; 798 | camera.updateProjectionMatrix(); 799 | renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT); 800 | } 801 | function onModelSelect() { 802 | raycaster.setFromCamera(mouse, camera); 803 | var intersects = raycaster.intersectObjects(scene.children, true); 804 | if(intersects.length > 0) { 805 | var NameP = intersects[0].object; 806 | var Pname = NameP.name; 807 | var UserData=NameP.userData; 808 | var Position; 809 | for(obj in UserData){ 810 | Position=UserData[obj].Position; 811 | } 812 | var _V=["鞋身可选材质","附加鞋头可选材质","附加后身可选材质","鞋跟可选材质","鞋头装饰可选材质","后身装饰可选材质"]; 813 | var _$=["\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x31","\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x32","\x23\x73\x68\x6f\x65\x73\x62\x6f\x78\x34","\x68\x33\x3a\x65\x71\x28\x31\x29","\x68\x33\x3a\x65\x71\x28\x32\x29"]; 814 | if(CheckNameVis(Pname)) { 815 | $("\x23\x53\x48\x4d").show(); 816 | cancelAnimationFrame(globalID); 817 | AnimateStop(); 818 | if(Position==1){ 819 | var title=$(_$[0]+" "+_$[3]).html(); 820 | if(title==_V[0]){ 821 | LC(Position); 822 | }else{ 823 | CHM(Pname,Position); 824 | } 825 | }else if(Position==8){ 826 | var title=$(_$[0]+" "+_$[3]).html(); 827 | if(title==_V[1]){ 828 | LC(1); 829 | }else{ 830 | CHM(Pname,Position); 831 | } 832 | }else if(Position==2){ 833 | var title=$(_$[1]+" "+_$[3]).html(); 834 | if(title==_V[0]){ 835 | LC(Position); 836 | }else{ 837 | CHM(Pname,Position); 838 | } 839 | }else if(Position==9){ 840 | var title=$(_$[1]+" "+_$[3]).html(); 841 | if(title==_V[2]){ 842 | console.log('11'); 843 | LC(2); 844 | }else{ 845 | console.log('22'); 846 | CHM(Pname,Position); 847 | } 848 | }else if(Position==10){ 849 | var title=$(_$[2]+" "+_$[4]).html(); 850 | if(title==_V[4]){ 851 | LC(Position); 852 | }else{ 853 | CHM(Pname,Position); 854 | } 855 | 856 | }else if(Position==11){ 857 | var title=$(_$[2]+" "+_$[4]).html(); 858 | if(title==_V[5]){ 859 | LC(Position); 860 | }else{ 861 | CHM(Pname,Position); 862 | } 863 | }else if(Position==3){ 864 | LC(Position); 865 | }else if(Position==4){ 866 | LC(6); 867 | }else if(Position==5){ 868 | LC(Position); 869 | }else if(Position==7){ 870 | LC(Position); 871 | } 872 | } 873 | } 874 | } 875 | function LC(Position,I){ 876 | var _$=["\x23\x73\x68\x6f\x65\x73\x62\x6f\x78","\x2e\x64\x65\x73\x69\x67\x6e\x2d\x74\x69\x74\x6c\x65","\x75\x6c\x20\x6c\x69\x3a\x65\x71\x28","\x29","\x63\x75\x72\x72\x65\x6e\x2d\x6d\x65\x6e\x75"]; 877 | for(var i=0;i<8;i++){ 878 | var j=i-1; 879 | if(i==Position){ 880 | $(_$[0]+i).show(); 881 | $("#MateialList-"+i).show(); 882 | $(_$[1]+" "+_$[2]+j+_$[3]).addClass(_$[4]); 883 | }else{ 884 | $("#MateialList-"+i).hide(); 885 | $(_$[0]+i).hide(); 886 | $(_$[1]+" "+_$[2]+j+_$[3]).removeClass(_$[4]); 887 | } 888 | } 889 | clearInterval(timer); 890 | var getActed = false; 891 | $(document).mousemove(function(){ 892 | getActed = true; 893 | }); 894 | timer = setInterval(function(){ 895 | if(!getActed){ 896 | cancelAnimationFrame(selectID); 897 | animate(); 898 | clearInterval(timer); 899 | }else{ 900 | getActed = false; 901 | } 902 | },1000); 903 | } 904 | function CHM(Pname,Position){ 905 | var ID=GetID(Position); 906 | var Url =U+'/index.php/home/ajaxshoes/getmateriallist/'; 907 | $.ajax({ 908 | type: 'POST', 909 | url: Url, 910 | data: { 911 | 'id': ID, 912 | 'style':Position 913 | }, 914 | success: function(data) { 915 | ShowMaterail(Position,data); 916 | }, 917 | error: function() { 918 | console.log('ERROR'); 919 | } 920 | }); 921 | 922 | } 923 | function GetID(Position){ 924 | var loading=''; 925 | for(var i=0;i1){ 978 | for(var j=0;j 1) { 995 | for(var i=0;i1){ 1023 | for(var j=0;j1){ 1047 | for(var j=0;j