工具地址:
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
