工具地址:
https://github . com/Golangltd/LollIppopgo/tree/master/LollIppopgo/src/tool
1.设置:
2.影响
3.代码
1<。!DOCTYPE html>。
2<。html>。
三
4<。head>。
5<。title>。Golang语言社区棒棒糖go
6<。meta http-equiv = " Content-Type " Content = " text/html;charset=utf-8"/>
7<。type = " text/Java " src = " http://libs . Baidu . com/jquery/2 . 0 . 3/jquery . min . js " & gt;& lt/>。
8<。styletype="text/css " >
9::-webkit-scrollbar{
10 width:0;
11身高:0;
12z-index:-999;
13}
14
15body{
16 margin:0px;
17 padding:0px;
18}
19
20#playerWrap{
21位置:相对;
22}
23
24.playerBox{
25位置:相对;
26 margin:0px;
27 padding:0px;
28背景色:rgb(143,188,143);
29float:左侧;
30}
31
32 .玩家{
33位置:绝对;
34}
35
36/* #btnRotate {
37位置:绝对;
38right:0px;
39 bottom:0px;
40宽:100px
41高:50px
42 font-size:30px;
43背景色:cadetblue
44color:白色;
45} */
46
47.btnReload{
48 margin:10px;
49}
50
51 .风景{
52-web kit-transform:rotate(270 deg);
53变形:旋转(270度);
54}
55
肖像
57-web kit-transform:rotate(0 deg);
58transform:旋转(0 deg);
59}
60
61/*模态:*/
62
63.模态{
64位置:绝对;
65分:100%;
66 h8:100%;
67z-指数:500;
68 top:0px;
69左:0px
70颜色:白色;
71}
七十二
73.ModalBg{
74位置:绝对;
75z-index:1;
76宽度:100%;
77身高:100%;
78背景色:rgba(0,0,0,0.6);
79}
80
81.ModalContent{
82位置:绝对;
83z-index:2;
84text-align:居中;
85 top:50%;
86 eft:50%;
87-web kit-transform:translate(-50%,-50%);
88-ms-transform: translate(-50%,-50%);
89transform: translate(-50%,-50%);
90}
91
92/* cocos */
93
94body{
95cursor:默认;
96 color:# 888;
97背景色:# 333;
98 display:-web kit-flex;
99显示器:flex
100-web kit-flex-direction:column;
101flex-direction:列;
102身高:100%;
103/*适用于firefox */
104 width:100%;
105position:绝对;
106 padding:0px;
107 border:0px;
108 margin:0px;
109}
110
111/*消除输入类型号的旋转*/
112
113 input::-web kit-outer-spin-button,
114输入::-web kit-内部-旋转按钮{
115/*显示:无;& lt-悬停时崩溃Chrome */
116-web kit-外观:无;
117 margin:0;
118/* <。-显然,尽管隐藏了一些空白,但它们仍然存在*/
119}
120
121body,
122canvas,
123div{
124outline:无;
125-moz-用户选择:无;
126-web kit-user-select:none;
127-ms-user-select:无;
128-khtml-用户选择:无;
129-web kit-tap-highlight-color:rgba(0,0,0,0);
130}
131
132canvas{
133背景色:rgba(0,0,0,0);
134}
135
136 .包装材料{
137位置:相对;
138 border:1 pxsolid # 444;
139背景:# 222;
140}
141
142 .工具栏{
143/*位置:绝对;*/
144/*左:10px*/
145/*顶:10px*/
146min-高度:27px
147 padding:4px 0 px4 px10 px;
148 display:-web kit-flex;
149显示屏:flex
150-web kit-align-items:center;
151对齐项目:中心;
152-web kit-flex-direction:row;
153 flex-direction:row;
154 z-index:999;
155}
156
157.toolbar* {
158 font-size:12px;
159 font-family:/* https://www . smashingmagazine . com/2015/11/using-system-ui-fonts-practical-guide/*/
160-apple-system,BlinkMacSystemFont,“Segoe UI”,“Roboto”,“Oxygen”,“Ubuntu”,“Cantarell”,“Fira Sans”,“Droid Sans”,“Helvetica Neue”,Sans-serif;
161}
162
163.toolbar.item
164 display:inline-block;
165 margin-right:10px;
166}
167
168.toolbarselect{
169高:25px
170 padding:0px 0px;
171box-shadow:无;
172背景-图片:无;
173 border:1 pxsolid # 171717;
174背景:# 444;
175 color:# AAA;
176}
177
178.toolbarselect:focus{
179大纲:无;
180 border:1 pxsolid # 09f;
181}
182
183.toolbarbutton{
184 border:1 pxsolid # 171717;
185边框半径:2px
186text-align:居中;
187 padding:4px 8 px;
188cursor:指针;
189 color:# bdbdbd;
190 font-weight:bold;
191背景图像:线性渐变(#5a5a5a,# 444);
192}
193
194.toolbarbutton.checked{
195 box-shadow:inset 02px 4pxrgba(0,0,0,0.5);
196 color:# 09f;
197背景图像:线性渐变(#333,# 222);
198}
199
200.toolbarbutton:focus{
201outline:无;
202}
203
204.toolbarbutton:active{
205 box-shadow:inset 02px 4pxrgba(0,0,0,0.5);
206 color:# 888;
207背景图像:线性渐变(#333,# 222);
208}
209
210.toolbarinput{
211 width:40px;
212 height:10px;
213 add:4px 4px;
214 box-shadow:inset 0px0 px2px 1pxrgba(0,0,0,0.3);
215 border:1 pxsolid # 171717;
216背景:# 444;
217 color:# AAA;
218}
219
220@mediascreen和(最大宽度:760px) {
221 .工具栏{
222display:无;
223}
224 .包装{
225 border:0px;
226position:绝对;
227 top:0;
228 left:0;
229 right:0;
230底部:0;
231}
232}
233
234.stripesspan {
235 background-size:30px 30 px;
236背景图像:线性渐变(135deg,rgba(255,255,255,. 15) 25%,透明25%,透明50%,rgba(255,255,255,. 15) 50%,rgba(255,255,255,255,. 15) 75%,透明75%,透明);
237 animation:animate-stripes 1 linear无限大;
238}
239
240@keyframesanimate-stripes {
2410% {
242背景-位置:00;
243}
244100% {
245 background-position:60px0;
246}
247}
248
249/* cocos */
250<。/style>。
251<。/head>。
252
253<。body>。
254<。divclass="toolbar ">。
255<。divclass="item">。& ltbuttonid="btnRotate " >旋转
256<。divclass="item">。
257<。spanstyle="font-size:小;右边距:-2px;"class="item">。人数:
258<。selectid="playerNum">。
259<。optionvalue="1 " >1 <。/option>。
260<。optionvalue="2 " >2 <。/option>。
261<。optionvalue="3 " >3 <。/option>。
262<。optionvalue="4 " >4 <。/option>。
263<。optionvalue="5 " >5 <。/option>。
264<。optionvalue="6 " >6 <。/option>。
265<。optionvalue="7 " >7 <。/option>。
266<。optionvalue="8 " >8 <。/option>。
267<。optionvalue="9 " >9 <。/option>。
268<。optionvalue="10 " >10 <。/option>。
269<。optionvalue="11 " >11 <。/option>。
270<。optionvalue="12 " >12 <。/option>。
271<。optionvalue="13 " >13 <。/option>。
272<。optionvalue="14 " >14 <。/option>。
273<。/select>。
274<。/div>。
275<。divclass="item">。
276<。button id = " btnTopReload " style = " margin-right:-2px;">。刷新1
277<。selectid="selectReload " >;
278<。optionvalue="1 " >1 <。/option>。
279<。optionvalue="2 " >2 <。/option>。
280<。optionvalue="3 " >3 <。/option>。
281<。optionvalue="4 " >4 <。/option>。
282<。optionvalue="5 " >5 <。/option>。
283<。optionvalue="6 " >6 <。/option>。
284<。optionvalue="7 " >7 <。/option>。
285<。optionvalue="8 " >8 <。/option>。
286<。optionvalue="9 " >9 <。/option>。
287<。optionvalue="10 " >10 <。/option>。
288<。optionvalue="11 " >11 <。/option>。
289<。optionvalue="12 " >12 <。/option>。
290<。optionvalue="13 " >13 <。/option>。
291<。optionvalue="14 " >14 <。/option>。
292<。/select>。
293<。/div>。
294<。divclass="item">。
295<。span style = " margin-right:-2px;">。起始uid:
296<。button id = " btnSubUid " style = " margin-right:-2px " & gt。-10 <。/button>。
297<。input id = " BaseUID " type = " text " value = " 1000 " style = " text-align:center " >
298<。button id = " BtNaddiD " style = " margin-left:-2px " & gt。+10 <。/button>。
299<。/div>。
300<。divclass="item">。& ltbuttonid="btnSettings">。一组
301<。/div>。
302<。divid = " playerWrap " >& lt/div>。
303<。!-设置界面->:
304<。div class = " Modal " id = " setting " & gt。
305<。divclass="ModalBg " >& lt/div>。
306<。divclass="ModalContent " >;
307<。div>。
308<。span>。地址:
309<。input id = " BaseURl " type = " text " value = " http://localhost:7456 " & gt。
310<。/div>。
311<。!-& lt;div>
312<。span>。起始uid:
313<。input id = " btnSubUid " type = " button " value = "-10 " & gt。
314<。input id = " BaseUID " type = " text " value = " 1000 " >
315<。input id = " btnAddUid " type = " button " value = "+10 " >
316<。/div>。->;
317<。!-& lt;div>
318<。span>。玩家数量:
319<。input id = " Playernum " type = " text " value = " 3 " >
320<。/div>。->;
321<。divstyle="margin-top: 10px " >
322<。span>。播放器宽度:
323<。input id = " PlayerWidth " type = " text " value = " 315 " >
324<。/div>。
325<。divstyle="margin-top: 10px " >
326<。span>。玩家身高:
327<。input id = " player h8 " type = " text " value = " 560 " >
328<。/div>。
329<。divstyle="margin-top: 10px " >
330<。span>。缩放:
331<。input id = " Player Scale " type = " text " value = " 1 " >
332<。/div>。
333<。div style = " margin-top:10px;文本对齐:左" >;
334<。span>。刷新:
335<。divid="reloadWrap " >& lt/div>。
336<。/div>。
337<。divstyle="margin-top: 30px " >
338<。input type = " button " value = " save " style = " width:100 px;高度:40px"onclick = " SaveSetting();initView();;>。
339<。input type = " button " value = " cancel " style = " width:100 px;高度:40px"onclick = $(“# setting”).隐藏('正常')" >;
340<。/div>。
341<。/div>。
342<。/div>。
343<。/body>。
344
345<。type="text/java ">。
346varsPortrait = '横屏';
347varsLandscape = '垂直屏幕';
348
349 varocfg = { };
350 ocfg . BaseURL = ' http://localhost:7456 ';
351 CFG . base uid = Math . floor(Math . random()* 100)* 100;
352 CFG . orientation = sport trait;
353 CFG . Playernum = 2;
354 CFG . players scale = 0.4;
355 CFG . playerwidth = 1280 * ocfg . players scale;
356 ocfg . player h8 = 720 * ocfg . player scale;
357 ocfg . ReLoadIdx = 1;
358 vardiffwh =(ocfg . playerwidth-ocfg . player hort)/2;
359
360functioninitEvent() {
361$('#btnRotate ')。on('click ',function() {
362 varoist = $(this);
363 varstext = othis . val();
364
365if(sLandscape == sText) {
366 ocfg . orientation = sport trait;
367 } else if(SportaT = = SteXt){
368 ocfg . orientation = sLandscape;
369}
370 othis . val(ocfg . orientation);
371 updateorientation();
372});
373美元(' #btnSettings ')。on('click ',function() {
374$('#setting ')。切换(“正常”);
375});
376美元(' #btnSubUid ')。on('click ',function() {
377 VanUid = ParSeint($(' # BaseUid ')。val());
378$('#baseUid ')。val(NuID-10);
379 savesetting();
380 initview();
381});
382美元(' #btnAddUid ')。on('click ',function() {
383 VanUID = ParSeint($(' # BaseUID ')。val());
384$('#baseUid ')。val(NuID+10);
385 savesetting();
386 initview();
387});
388美元(' #btnRotate ')。on('mousedown ',function() {
389if(2=== event.button) {
390$('#setting ')。切换(“正常”);
391}
392});
393$('#setting ')。on('mousedown ',function() {
394if(2=== event.button) {
395美元(这个)。切换(“正常”);
396}
397});
398美元(' body ')。on('click ','。' btnReload ',function() {
399 varothis = $(this);
400 varsidx = Othis . attr(' data-idx ');
401varoPlayer = $('。player[data-idx = '+SIDx+' "]');
402 player . attr(' src ',oplayer . attr(' src ');
403});
404美元(' #playerNum ')。on('change ',(event) = >{
405 savesetting();
406 initview();
407});
408$('#selectReload ')。on('change ',(event) = >{
409 savesetting();
410 varvalue = ParSeint(event . target . value);
411$('#btnTopReload ')。文本('刷新'+值)。触发器(' click ');
412});
413$('#btnTopReload ')。on('click ',function() {
414vartext = $(this)。text();
415 varindex = text.replace(/[^0-9]/ig,”)
416varoPlayer = $('。player[data-idx = '+(index-1)+' "]');
417oPlayer.attr('src ',Oplayer . attr(' src ');
418});
419}
420
421功能更新方向(){
422 if(sport trait = = OCfg . orientation){
423$('.玩家')。每个(函数(I,元素){
424 varothis = $(element);
425 this . remove class('横向')。addClass('纵向')。css('top ',0)。css('left ',0);
426oThis.parent('。player box’)。css('width ',oCfg.playerHeight)。css('height ',ocfg . playerwidth);
427});
428 } else if(Slandscape = = OCfg . orientation){
429$('.玩家')。每个(函数(I,元素){
430 varothis = $(element);
431 this . remove class('纵向')。addClass('横向')。css('top ',-DIFFWH)。css('左',
432 diffwh);
433oThis.parent('。player box’)。css('width ',oCfg.playerWidth)。css('height ',oCfg.playerHeight
434});
435}
436}
437
438functioninitView() {
439 diffwh =(ocfg . playerwidth-ocfg . player hort)/2;
440
441varsHtmlPlayer =
442varsHtmlReload =
443 for(vari = 0;i <。oCfg.playerNum++(I){
444 html player+= ' & lt;' div class = " playerBox " & gt';
445 shtmlplayer+= ' & lt;iframe class = " player " data-idx = '+I+' " & gt。& lt/iframe & gt;';
446 shtmlplayer+= ' & lt;/div & gt;';
447
448 shtmlreload+= ' & lt;输入type = " button " class = " BTN reload " data-idx = '+I+' " value = ' player '+I+' " > '
449}
450美元(' # playerWrap ')。html(sHtmlPlayer);
451美元(' #reloadWrap ')。html(sHtmlReload);
452
453$('.玩家')。每个(函数(I,元素){
454 varothis = $(element);
455 varnuid = ocfg . baseuid+I;
456oThis.attr('src ',oCfg.baseUrl +'?ACC = '+NuID);
457oThis.css('width ',oCfg.playerHeight)。css('height ',ocfg . playerwidth);
458oThis.parent('。player box’)。css('width ',oCfg.playerHeight)。css('height ',ocfg . playerwidth);
459oThis.attr('frameborder ',' no ');
460});
461
462 updateorientation();
463}
464
465functionloadCfgFromLocal() {
466 varscfg = local storage . getitem(' xmWebDevKit ');
467尝试{
468 varocfgtmp = JSON . parse(sCfg);
469Object.assign(oCfg,oCfgTmp);
470}捕捉(错误){}
471$('#baseUrl ')。val(OCfg . BaseURL);
472$('#baseUid ')。val(OCfg . BaseUID);
473美元(' #playerNum ')。val(OCfg . Playernum);
474美元(' #btnRotate ')。val(OCfg . orientation);
475美元(' #playerWidth ')。val(ocfg . playerwidth/ocfg . players scale);
476美元(' # playerHeight ')。val(ocfg . player hArth/ocfg . player scale);
477美元(' #playerScale ')。val(OCfg . Player Scale);
478美元(' #btnTopReload ')。文本(' refresh '+OCfg . ReLoadIdX);
479美元(' #selectReload ')。val(OCfg . ReLoadIdX);
480}
481
482functionsaveCfgToLocal() {
483 local storage . setitem(' xmWebDevKit ',JSON . stringify(oCfg));
484}
485
486功能保存设置(){
487$('#setting ')。隐藏('正常');
488oCfg.baseUrl = $('#baseUrl ')。val();
489 ocfg . BaseUID = ParSeint($(' # BaseUID ')。val());
490 ocfg . Playernum = ParSeint($(' # Playernum ')。val());
491 CFG . orientation = $(' # BTN rotate ')。val();
492 CFG . playerWidth = parseFloat($(' # playerWidth ')。val())* ParseFloat($(' # Player Scale ')。val());
493 CFG . player h8 = parse float($(' # player h8 ')。val())* ParseFloat($(' # Player Scale ')。val());
494 CFG . Player scale = parse float($(' # Player scale ')。val());
495 CFG . ReLoadIdX = ParseFloat($(' # SelectReload ')。val());
496
497 savecfgtolocal();
498}
499
500//入口功能
501(function() {
502$('#setting ')。hide();
503 loadcfgfromlocal();
504 initview();
505 initevent();
506//退出保存配置
507 window . onbeforeunload =()= & gt;saveCfgToLocal();
508})();
509<。/>。
510
511<。/html>。
版权声明:内容来自网络,版权归原创作者。除非我们无法确认,否则我们将标记作者和来源。如有侵权,请告知,我们会立即删除并道歉。谢谢你。
ID:Golangweb
1.《游戏多开工具 【LollipopGo工具】cocos creator,H5游戏多开测试工具》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《游戏多开工具 【LollipopGo工具】cocos creator,H5游戏多开测试工具》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/keji/1059122.html