1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 《游戏学习》| 射击类小游戏 html5 打野鸭子

《游戏学习》| 射击类小游戏 html5 打野鸭子

时间:2018-08-31 06:53:30

相关推荐

《游戏学习》| 射击类小游戏 html5 打野鸭子

整合游戏是由html、js、 css等代码完成的,无后端数据保存功能。

项目目录

css 文件夹是游戏样式控制文件

js文件夹是游戏事件控制文件

sounds文件夹是游戏声音控制文件

sprites 文件夹是游戏图片文件

游戏主页

index.html代码如下

<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="css/reset.css" type="text/css"><link rel="stylesheet" href="css/main.css" type="text/css"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /><meta name="msapplication-tap-highlight" content="no"/><script src="js/jquery-2.0.3.min.js"></script><script type="text/javascript" src="js/createjs-.12.12.min.js"></script><script type="text/javascript" src="js/main.js"></script></head><body ondragstart="return false;" ondrop="return false;" ><div style="position: fixed; background-color: transparent; top: 0px; left: 0px; width: 100%; height: 100%"></div><script>$(document).ready(function(){var oMain = new CMain({scope_accelleration:2, //SCOPE ACCELLERATIONscope_friction:0.85,//SCOPE FRICTIONmax_scope_speed:40, //MAXIMUM SCOPE SPEEDnum_bullets:3, //NUMBER OF PLAYER BULLETS FOR EACH SHOT LEVELhit_score: 100, //POINTS GAINED WHEN DUCK IS HITTENbonus_time:4000,//BONUS TIME IN MILLISECONDSlives:4, //NUMBER OF PLAYER LIVESduck_increase_speed: 0.5, //INCREASE THIS VALUE TO SPEED UP DUCKS AFTER EACH LEVEL SHOTduck_occurence: [ 1, //NUMBER OF DUCKS IN SHOT 11, //NUMBER OF DUCKS IN SHOT 21, //NUMBER OF DUCKS IN SHOT 31, //NUMBER OF DUCKS IN SHOT 41, //NUMBER OF DUCKS IN SHOT 52, //NUMBER OF DUCKS IN SHOT 62, //NUMBER OF DUCKS IN SHOT 72, //NUMBER OF DUCKS IN SHOT 82, //NUMBER OF DUCKS IN SHOT 93 //NUMBER OF DUCKS IN SHOT 10//ADD NEW DUCK OCCURENCE HERE IF YOU NEED...]});$(oMain).on("game_start", function(evt) {//alert("game_start");});$(oMain).on("save_score", function(evt,iScore) {//alert("iScore: "+iScore);});$(oMain).on("restart", function(evt) {//alert("restart");});});</script><canvas id="canvas" class='ani_hack' width="1024" height="768" > </canvas></body></html>

启动方式 ,tomcat/nginx 等服务器部署,或者浏览器直接打开index.html

游戏截图

开始界面

操作说明界面

游戏界面

项目下载地址-- -点击

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。