1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>A Little Game!</title> 5 <meta charset="utf-8" /> 6 <style> 7 html,body{ 8 height:100%; 9 width: 100%; 10 margin: 0; 11 padding: 0; 12 } 13 14 body{ 15 background-color: black; 16 } 17 #playground{ 18 background-color: white; 19 position: absolute; 20 width: 800px; 21 height: 400px; 22 left: 50%; 23 top: 50%; 24 margin-left: -400px; 25 margin-top: -200px; 26 } 27 </style> 28 </head> 29 <body> 30 <div id="playground"></div> 31 <script type="text/javascript" src="js/lufylegend-1.10.1.js.js"></script> 32 <script> 33 var playerData = { 34 win : 0, 35 lose : 0, 36 dogfall : 0, 37 jiandan : 0, 38 shitou : 0, 39 bu : 0 40 }; 41 42 var computerData = { 43 win : 0, 44 lose : 0, 45 dogfall : 0, 46 jiandan : 0, 47 shitou : 0, 48 bu : 0 49 }; 50 51 var playground; 52 var backlayer; 53 var graphic; 54 var loadManager ; 55 var loadingProgress; 56 var bitmapData; 57 var title; 58 59 var clicklayer; 60 var jiandanBtn; 61 var shitouBtn; 62 var buBtn; 63 64 var playerBitmap; 65 var computerBitmap; 66 67 var playStatus; 68 var computerStatus; 69 var winText1; 70 var loseText1; 71 var dogFallText1; 72 var jiandanText1; 73 var shitouText1; 74 var buText1; 75 var winText2; 76 var loseText2; 77 var dogFallText2; 78 var jiandanText2; 79 var shitouText2; 80 var buText2; 81 82 var imgList = Array(); 83 var imgData = [ 84 { name : "title",path : "./images/title.png"}, 85 { name : "bu",path : "./images/bu.png"}, 86 { name : "jiandao",path : "./images/jiandao.png"}, 87 { name : "shitou",path : "./images/shitou.png"} 88 ]; 89 90 playground = document.getElementById("playground"); 91 92 init(50,"playground",800,400,main); 93 94 function main() 95 { 96 backlayer = new LSprite(); 97 addChild(backlayer); 98 99 loadingProgress = new LoadingSample3(); 100 backlayer.addChild(loadingProgress); 101 102 LLoadManage.load(imgData,function(p){ 103 loadingProgress.setProgress(p); 104 },gameInit); 105 } 106 107 function gameInit(result) 108 { 109 backlayer.removeChild(loadingProgress); 110 loadingProgress = null; 111 112 // 存储图片的数据 113 imgList.push(new LBitmapData(result["title"])); 114 imgList.push(new LBitmapData(result["jiandao"])); 115 imgList.push(new LBitmapData(result["shitou"])); 116 imgList.push(new LBitmapData(result["bu"])); 117 118 // 标题 119 title = new LBitmap(imgList[0]); 120 title.x = playground.clientWidth/2 - title.getWidth()/2; 121 backlayer.addChild(title); 122 123 // 三八线 124 backlayer.graphics.drawLine(1,"#06061F",[playground.clientWidth/2,title.getHeight(),playground.clientWidth/2,playground.clientHeight-title.getHeight()]); 125 126 // 显示玩家的名称 127 var computerText = new LTextField(); 128 computerText.text = "电脑"; 129 computerText.color = "#250012"; 130 computerText.size = 17; 131 computerText.font = "Calibri Light"; 132 computerText.x = playground.clientWidth/4 - computerText.getWidth()/2; 133 computerText.y = playground.clientHeight-title.getHeight(); 134 backlayer.addChild(computerText); 135 136 var playerText = new LTextField(); 137 playerText.text = "玩家"; 138 playerText.color = "#250012"; 139 playerText.size = 17; 140 playerText.font = "Calibri Light"; 141 playerText.x = (playground.clientWidth/4)*3 - playerText.getWidth()/2; 142 playerText.y = playground.clientHeight - title.getHeight(); 143 backlayer.addChild(playerText); 144 145 // 放置剪刀、石头、布的图片 146 var jiandaoUp = new LBitmap(imgList[1]); 147 jiandaoUp.scaleX = 0.5; 148 jiandaoUp.scaleY = 0.5; 149 var jiandaoOver = new LBitmap(imgList[1]); 150 jiandaoOver.scaleX = 0.5; 151 jiandaoOver.scaleY = 0.5; 152 jiandanBtn = new LButton(jiandaoUp,jiandaoOver); 153 jiandanBtn.name = "jiandao"; 154 jiandanBtn.x = 0; 155 jiandanBtn.y = 0; 156 157 var shitouUp = new LBitmap(imgList[2]); 158 shitouUp.scaleX = 0.5; 159 shitouUp.scaleY = 0.5; 160 var shitouOver = new LBitmap(imgList[2]); 161 shitouOver.scaleX = 0.5; 162 shitouOver.scaleY = 0.5; 163 shitouBtn = new LButton(shitouUp,shitouOver); 164 shitouBtn.name = "shitou"; 165 shitouBtn.x = jiandanBtn.getWidth() + 10; 166 shitouBtn.y = 0; 167 168 var buUp= new LBitmap(imgList[3]); 169 buUp.scaleX = 0.5; 170 buUp.scaleY = 0.5; 171 var buOver = new LBitmap(imgList[3]); 172 buOver.scaleX = 0.5; 173 buOver.scaleY = 0.5; 174 buBtn = new LButton(buUp,buOver); 175 buBtn.name = "bu"; 176 buBtn.x = shitouBtn.getWidth() + jiandanBtn.getWidth() + 20; 177 buBtn.y = 0; 178 179 clicklayer = new LSprite(); 180 clicklayer.width = jiandaoUp.getWidth() * 3 + 30; 181 clicklayer.height = title.getHeight(); 182 clicklayer.x = playground.clientWidth/2 - clicklayer.width/2; 183 clicklayer.y = playground.clientHeight - title.getHeight(); 184 185 clicklayer.addChild(jiandanBtn); 186 clicklayer.addChild(shitouBtn); 187 clicklayer.addChild(buBtn); 188 backlayer.addChild(clicklayer); 189 190 // 显示统计数据 191 computerStatus = new LSprite(); 192 computerStatus.graphics.drawRect(1,'#250012',[0,title.getHeight()+10,150,200],true,"#ffffff"); 193 backlayer.addChild(computerStatus); 194 195 playStatus = new LSprite(); 196 playStatus.graphics.drawRect(1,"250012",[playground.clientWidth-150,title.getHeight()+10,150,200],true,"#ffffff"); 197 backlayer.addChild(playStatus); 198 199 initTextStatus(); 200 201 // 监听事件 202 jiandanBtn.addEventListener(LMouseEvent.MOUSE_UP,onBtnClick); 203 shitouBtn.addEventListener(LMouseEvent.MOUSE_UP,onBtnClick); 204 buBtn.addEventListener(LMouseEvent.MOUSE_UP,onBtnClick); 205 } 206 207 function onBtnClick(e,btn) 208 { 209 var player,computer; 210 211 switch(btn.name) 212 { 213 case "jiandao": 214 player = 1; 215 playerData.jiandan += 1; 216 break; 217 case "shitou": 218 player = 2; 219 playerData.shitou += 1; 220 break; 221 case "bu": 222 player = 3; 223 playerData.bu += 1; 224 break; 225 } 226 // 电脑随机出拳 227 computer = Math.ceil(Math.random()*3); 228 switch(computer) 229 { 230 case 1: 231 computerData.jiandan += 1; 232 break; 233 case 2: 234 computerData.shitou += 1; 235 break; 236 case 3: 237 computerData.bu += 1; 238 break; 239 } 240 241 // 显示出拳结果 242 computerBitmap = new LBitmap(imgList[computer]); 243 computerBitmap.x = playground.clientWidth/2 - computerBitmap.getWidth() - 10; 244 computerBitmap.y = playground.clientHeight/2 - computerBitmap.getHeight()/2; 245 backlayer.addChild(computerBitmap); 246 247 playerBitmap = new LBitmap(imgList[player]); 248 playerBitmap.x = playground.clientWidth/2 + 10; 249 playerBitmap.y = playground.clientHeight/2 - playerBitmap.getHeight()/2; 250 backlayer.addChild(playerBitmap); 251 252 // 平局 253 if(player == computer) 254 { 255 playerData.dogfall += 1; 256 computerData.dogfall += 1; 257 } 258 else if(player-1 == computer || player+2 == computer) // 胜场 259 { 260 playerData.win += 1; 261 computerData.lose += 1; 262 } 263 else 264 { 265 playerData.lose += 1; 266 computerData.win += 1; 267 } 268 269 winText2.text = "Win : " + playerData.win; 270 loseText2.text = "Lose : " + playerData.lose; 271 dogFallText2.text = "DogFall : " + playerData.dogfall; 272 jiandanText2.text = "JianDao : " + playerData.jiandan; 273 shitouText2.text = "ShiTou : " + playerData.shitou; 274 buText2.text = "Bu : " + playerData.bu; 275 276 winText1.text = "Win : " + computerData.win; 277 loseText1.text = "Lose : " + computerData.lose; 278 dogFallText1.text = "DogFall : " + computerData.dogfall; 279 jiandanText1.text = "JianDao : " + computerData.jiandan; 280 shitouText1.text = "ShiTou : " + computerData.shitou; 281 buText1.text = "Bu : " + computerData.bu; 282 } 283 284 function initTextStatus() 285 { 286 winText1 = new LTextField(); 287 winText1.x = 10; 288 winText1.y = title.getHeight() + 15; 289 winText1.text = "Win : " + computerData.win; 290 computerStatus.addChild(winText1); 291 292 loseText1 = new LTextField(); 293 loseText1.x = 10; 294 loseText1.y = title.getHeight() + 35; 295 loseText1.text = "Lose : " + computerData.lose; 296 computerStatus.addChild(loseText1); 297 298 dogFallText1 = new LTextField(); 299 dogFallText1.x = 10; 300 dogFallText1.y = title.getHeight() + 55; 301 dogFallText1.text = "DogFall : " + computerData.dogfall; 302 computerStatus.addChild(dogFallText1); 303 304 jiandanText1 = new LTextField(); 305 jiandanText1.x = 10; 306 jiandanText1.y = title.getHeight() + 75; 307 jiandanText1.text = "JianDao : " + computerData.jiandan; 308 computerStatus.addChild(jiandanText1); 309 310 shitouText1 = new LTextField(); 311 shitouText1.x = 10; 312 shitouText1.y = title.getHeight() + 95; 313 shitouText1.text = "ShiTou : " + computerData.shitou; 314 computerStatus.addChild(shitouText1); 315 316 buText1 = new LTextField(); 317 buText1.x = 10; 318 buText1.y = title.getHeight() + 115; 319 buText1.text = "Bu : " + computerData.bu; 320 computerStatus.addChild(buText1); 321 322 winText2 = new LTextField(); 323 winText2.x = playground.clientWidth - 140; 324 winText2.y = title.getHeight() + 15; 325 winText2.text = "Win : " + playerData.win; 326 playStatus.addChild(winText2); 327 328 loseText2 = new LTextField(); 329 loseText2.x = playground.clientWidth - 140; 330 loseText2.y = title.getHeight() + 35; 331 loseText2.text = "Lose : " + playerData.lose; 332 playStatus.addChild(loseText2); 333 334 dogFallText2 = new LTextField(); 335 dogFallText2.x = playground.clientWidth - 140; 336 dogFallText2.y = title.getHeight() + 55; 337 dogFallText2.text = "DogFall : " + playerData.dogfall; 338 playStatus.addChild(dogFallText2); 339 340 jiandanText2 = new LTextField(); 341 jiandanText2.x = playground.clientWidth - 140; 342 jiandanText2.y = title.getHeight() + 75; 343 jiandanText2.text = "JianDao : " + playerData.jiandan; 344 playStatus.addChild(jiandanText2); 345 346 shitouText2 = new LTextField(); 347 shitouText2.x = playground.clientWidth - 140; 348 shitouText2.y = title.getHeight() + 95; 349 shitouText2.text = "ShiTou : " + playerData.shitou; 350 playStatus.addChild(shitouText2); 351 352 buText2 = new LTextField(); 353 buText2.x = playground.clientWidth - 140; 354 buText2.y = title.getHeight() + 115; 355 buText2.text = "Bu : " + playerData.bu; 356 playStatus.addChild(buText2); 357 } 358 </script> 359 </body> 360 </html>
