首页 / HTML / HTML5(石头剪刀布游戏开发)

HTML5(石头剪刀布游戏开发)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5(石头剪刀布游戏开发)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2269字，纯文字阅读大概需要4分钟。

内容图文

             1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>HTML5-lufyLegend测试</title>
 8 <script type="text/javascript" src="js/lufylegend-1.5.1.min.js"></script>
 9 <script type="text/javascript" src="js/Box2dWeb-2.1.a.3.min.js"></script>
10 <script type="text/javascript" src="js/jquery.js"></script>
11 <script type="text/javascript">
12     $(function(){
13var backLayer = "";
14var resultLayer = "";
15var clickLayer = "";
16var loadingLayer = "";
17var imageList = {};
18var imageData = new Array(
19                          { name:"title",path:"image/title.png"},
20                          { name:"shitou",path:"image/shitou.png"},
21                          { name:"jiandao",path:"image/jiandao.png"},
22                          { name:"bu",path:"image/bu.png"}
23                        );
24         init(50,"mylegend",1500,500,main);
25function main(){
26             backLayer = new LSprite();
27            addChild(backLayer);
28             loadingLayer = new LoadingSample3();
29            backLayer.addChild(loadingLayer);
30            LLoadManage.load(imageData,
31function(data){
32                        loadingLayer.setProgress(data);
33                     },function(result){
34                         imageList = result;
35                        backLayer.removeChild(loadingLayer);
36                         loadingLayer = null;
37//游戏界面初始化38                        gameInit();
39                    });
40        }
41function gameInit(){
42             backLayer.graphics.drawRect(1,"black",[0,0,600,600],true,"black");
43             backLayer.x = 500;
44             backLayer.y = 100;
45//结果显示初始化46            initialResult();
47//操作层初始化48            initialClick();
49        }
50function initialResult(){
51             resultLayer = new LSprite();
52             resultLayer.graphics.drawRect(1,"black",[0,0,150,100],true,"white");
53             resultLayer.x = 10;
54             resultLayer.y = 100;
55            backLayer.addChild(resultLayer);
56        }
5758function initialClick(){
59             clickLayer = new LSprite();
60             clickLayer.graphics.drawRect(1,"black",[0,0,250,100],true,"white");
61             clickLayer.x = 200;
62             clickLayer.y = 250;
63            backLayer.addChild(clickLayer);
64        }
656667    });
68 </script>
69 </head>
70 <body>
71     <div id="mylegend">loading...</div>
72 </body>
73 </html>

 

原文：http://www.cnblogs.com/Wen-yu-jing/p/4093206.html

内容总结

以上是互联网集市为您收集整理的HTML5(石头剪刀布游戏开发)全部内容，希望文章能够帮你解决HTML5(石头剪刀布游戏开发)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1210330.html

来源：【匿名】