16 |
17 |
18 |
19 |
20 | 第 0 层
21 |
22 |
23 |
24 |
25 | 加载中...
26 |
27 |
28 |
33 |
11 |
14 |
15 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/tank/js/stage.js:
--------------------------------------------------------------------------------
1 |
2 | var Stage = function(context,l){
3 | this.ctx = context;
4 | this.ctx.fillStyle = "#7f7f7f";
5 | this.drawHeigth = 15;
6 | this.level = l;
7 | this.temp = 0;
8 | this.dir = 1; //中间切换的方向，1：合上，2：展开
9 | this.isReady = false;//标识地图是否已经画好
10 | this.levelNum = new Num(context);
11 |
12 | this.init = function(level){
13 | this.dir = 1;
14 | this.isReady = false;
15 | this.level = level;
16 | this.temp = 0;
17 | };
18 |
19 | this.draw = function(){
20 | if(this.dir == 1){
21 |
22 | //temp = 15*15 灰色屏幕已经画完
23 | if(this.temp == 225){
24 | //78,14为STAGE字样在图片资源中的宽和高，194,208为canvas中的位置
25 | this.ctx.drawImage(RESOURCE_IMAGE, POS["stageLevel"][0], POS["stageLevel"][1], 78, 14, 194, 208, 78, 14);
26 | //14为数字的宽和高，308, 208为canvas中的位置
27 | this.levelNum.draw(this.level,308, 208);
28 | //this.ctx.drawImage(RESOURCE_IMAGE,POS["num"][0]+this.level*14,POS["num"][1],14, 14,308, 208,14, 14);
29 | //绘制地图,调用main里面的方法
30 | initMap();
31 |
32 | }else if(this.temp == 225 + 600){
33 | //600即调用了600/15次，主要用来停顿
34 | this.temp = 225;
35 | this.dir = -1;
36 | START_AUDIO.play();
37 | }else{
38 | this.ctx.fillRect(0, this.temp, 512, this.drawHeigth);
39 | this.ctx.fillRect(0, 448 - this.temp - this.drawHeigth , 512, this.drawHeigth);
40 | }
41 | }else{
42 | if(this.temp >= 0){
43 | this.ctx.clearRect(0, this.temp , 512, this.drawHeigth);
44 | this.ctx.clearRect(0, 448 - this.temp - this.drawHeigth, 512, this.drawHeigth);
45 | }else{
46 | this.isReady = true;
47 | }
48 | }
49 | this.temp += this.drawHeigth * this.dir;
50 | };
51 | };
--------------------------------------------------------------------------------
/evan-you/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
31 |
43 | 操作说明：玩家1：wasd上左下右，space射击；玩家2：方向键，enter射击。n下一关，p上一关。
32 |
33 |
41 |
42 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
44 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/love-time/renxi/functions.js:
--------------------------------------------------------------------------------
1 | /*
2 | * http://love.hackerzhou.me
3 | */
4 |
5 | // variables
6 | var $win = $(window);
7 | var clientWidth = $win.width();
8 | var clientHeight = $win.height();
9 |
10 | $(window).resize(function() {
11 | var newWidth = $win.width();
12 | var newHeight = $win.height();
13 | if (newWidth != clientWidth && newHeight != clientHeight) {
14 | location.replace(location);
15 | }
16 | });
17 |
18 | (function($) {
19 | $.fn.typewriter = function() {
20 | this.each(function() {
21 | var $ele = $(this), str = $ele.html(), progress = 0;
22 | $ele.html('');
23 | var timer = setInterval(function() {
24 | var current = str.substr(progress, 1);
25 | if (current == '<') {
26 | progress = str.indexOf('>', progress) + 1;
27 | } else {
28 | progress++;
29 | }
30 | $ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
31 | if (progress >= str.length) {
32 | clearInterval(timer);
33 | }
34 | }, 75);
35 | });
36 | return this;
37 | };
38 | })(jQuery);
39 |
40 | function timeElapse(date){
41 | var current = Date();
42 | var seconds = (Date.parse(current) - Date.parse(date)) / 1000;
43 | var days = Math.floor(seconds / (3600 * 24));
44 | seconds = seconds % (3600 * 24);
45 | var hours = Math.floor(seconds / 3600);
46 | if (hours < 10) {
47 | hours = "0" + hours;
48 | }
49 | seconds = seconds % 3600;
50 | var minutes = Math.floor(seconds / 60);
51 | if (minutes < 10) {
52 | minutes = "0" + minutes;
53 | }
54 | seconds = seconds % 60;
55 | if (seconds < 10) {
56 | seconds = "0" + seconds;
57 | }
58 | var result = "第 " + days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒";
59 | $("#clock").html(result);
60 | }
61 |
--------------------------------------------------------------------------------
/side-text/css/normalize.css:
--------------------------------------------------------------------------------
1 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
2 |
--------------------------------------------------------------------------------
/love-time/renxi/jscex-builderbase.min.js:
--------------------------------------------------------------------------------
1 | (function(){var j=function(){};j.prototype={Loop:function(b,c,a,d){return{next:function(e,i){var f=function(b){a.next(e,function(a,e){if(a=="normal"||a=="continue")g(b);else if(a=="throw"||a=="return")i(a,e);else if(a=="break")i("normal");else throw Error('Invalid type for "Loop": '+a);})},g=function(a){try{c&&!a&&c.call(e),!b||b.call(e)?f(!1):i("normal")}catch(d){i("throw",d)}};d?f(!0):g(!0)}}},Delay:function(b){return{next:function(c,a){try{b.call(c).next(c,a)}catch(d){a("throw",d)}}}},Combine:function(b,
2 | c){return{next:function(a,d){b.next(a,function(b,i,f){if(b=="normal")try{c.next(a,d)}catch(g){d("throw",g)}else d(b,i,f)})}}},Return:function(b){return{next:function(c,a){a("return",b)}}},Normal:function(){return{next:function(b,c){c("normal")}}},Break:function(){return{next:function(b,c){c("break")}}},Continue:function(){return{next:function(b,c){c("continue")}}},Throw:function(b){return{next:function(c,a){a("throw",b)}}},Try:function(b,c,a){return{next:function(d,e){b.next(d,function(b,f,g){if(b!=
3 | "throw"||!c)a?a.next(d,function(a,c,d){a=="normal"?e(b,f,g):e(a,c,d)}):e(b,f,g);else if(c){var h;try{h=c.call(d,f)}catch(j){a?a.next(d,function(a,b,c){a=="normal"?e("throw",j):e(a,b,c)}):e("throw",j)}h&&h.next(d,function(b,c,f){b=="throw"?a?a.next(d,function(a,d,g){a=="normal"?e(b,c,f):e(a,d,g)}):e(b,c,f):a?a.next(d,function(a,d,g){a=="normal"?e(b,c,f):e(a,d,g)}):e(b,c,f)})}else a.next(d,function(a,c,d){a=="normal"?e(b,f,g):e(a,c,d)})})}}}};var h=function(b){if(!b.modules)b.modules={};if(!b.modules.builderbase)b.modules.builderbase=
4 | !0,b.BuilderBase=j},k=typeof define==="function"&&!define.amd,l=typeof require==="function"&&typeof define==="function"&&define.amd;if(typeof require==="function"&&typeof module!=="undefined"&&module.exports)module.exports.init=h;else if(k)define("jscex-builderbase",function(b,c,a){a.exports.init=h});else if(l)define("jscex-builderbase",function(){return{init:h}});else{if(typeof Jscex==="undefined")throw Error('Missing the root object, please load "jscex" module first.');h(Jscex)}})();
5 |
--------------------------------------------------------------------------------
/alipay/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 来源:源码之家
45 |
65 |
66 |
67 |
68 |
69 |
70 |
76 |
77 |
90 |
91 |
--------------------------------------------------------------------------------
/tank/js/const.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 静态变量
3 | */
4 |
5 | var SCREEN_WIDTH = 512; //屏幕宽
6 | var SCREEN_HEIGHT = 448;//屏幕高
7 |
8 |
9 | /**************图片资源*****************/
10 | var MENU_IMAGE = new Image();
11 | MENU_IMAGE.src = "images/menu.gif";
12 | var RESOURCE_IMAGE = new Image();
13 | RESOURCE_IMAGE.src = "images/tankAll.gif";
14 |
15 |
16 | /**************各个图块在图片中的位置*****************/
17 | var POS = new Array();
18 | POS["selectTank"] = [128,96];
19 | POS["stageLevel"] = [396,96];
20 | POS["num"] = [256,96];
21 | POS["map"] = [0,96];
22 | POS["home"] = [256,0];
23 | POS["score"] = [0,112];
24 | POS["player"] = [0,0];
25 | POS["protected"] = [160,96];
26 | POS["enemyBefore"] = [256,32];
27 | POS["enemy1"] = [0,32];
28 | POS["enemy2"] = [128,32];
29 | POS["enemy3"] = [0,64];
30 | POS["bullet"] = [80,96];
31 | POS["tankBomb"] = [0,160];
32 | POS["bulletBomb"] = [320,0];
33 | POS["over"] = [384,64];
34 | POS["prop"] = [256,110];
35 |
36 | /**************声音资源*****************/
37 | var START_AUDIO = new Audio("audio/start.mp3");
38 | var BULLET_DESTROY_AUDIO = new Audio("audio/bulletCrack.mp3");
39 | var TANK_DESTROY_AUDIO = new Audio("audio/tankCrack.mp3");
40 | var PLAYER_DESTROY_AUDIO = new Audio("audio/playerCrack.mp3");
41 | var MOVE_AUDIO = new Audio("audio/move.mp3");
42 | var ATTACK_AUDIO = new Audio("audio/attack.mp3");
43 | var PROP_AUDIO = new Audio("audio/prop.mp3");
44 |
45 |
46 | /**************游戏状态*****************/
47 | var GAME_STATE_MENU = 0;
48 | var GAME_STATE_INIT = 1;
49 | var GAME_STATE_START = 2;
50 | var GAME_STATE_OVER = 3;
51 | var GAME_STATE_WIN = 4;
52 |
53 | /**************地图块*****************/
54 | var WALL = 1;
55 | var GRID = 2;
56 | var GRASS = 3;
57 | var WATER = 4;
58 | var ICE = 5;
59 | var HOME = 9;
60 | var ANOTHREHOME = 8;
61 |
62 | /**************坦克及子弹的四个方向*****************/
63 | var UP = 0;
64 | var DOWN = 1;
65 | var LEFT = 2;
66 | var RIGHT = 3;
67 |
68 | /**************坦克及子弹的四个方向*****************/
69 | var ENEMY_LOCATION = [192,0,384]; //相对与主游戏区
70 |
71 | /**************子弹类型*****************/
72 | var BULLET_TYPE_PLAYER = 1;
73 | var BULLET_TYPE_ENEMY = 2;
74 | /**************爆炸类型****************/
75 | var CRACK_TYPE_TANK = "tank";
76 | var CRACK_TYPE_BULLET = "bullet";
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/tank/js/prop.js:
--------------------------------------------------------------------------------
1 |
2 | var Prop = function(context){
3 | this.x = 0;
4 | this.y = 0;
5 | this.duration = 600;
6 | this.type = 0;
7 | this.hit = false;
8 | this.width = 30;
9 | this.height = 28;
10 | this.ctx = context;
11 | this.isDestroyed = false;
12 | this.size = 28;
13 |
14 | this.init = function(){
15 | this.ctx.clearRect(this.x,this.y,this.width,this.height);
16 | this.duration = 600;
17 | this.type = parseInt(Math.random() * 6);
18 | this.x = parseInt(Math.random() * 384)+map.offsetX;
19 | this.y = parseInt(Math.random() * 384)+map.offsetY;
20 | this.isDestroyed = false;
21 | };
22 |
23 | this.draw = function(){
24 | if(this.duration > 0 && !this.isDestroyed){
25 | this.ctx.drawImage(RESOURCE_IMAGE,POS["prop"][0]+this.type*this.width,POS["prop"][1],this.width,this.height,this.x,this.y,this.width,this.height);
26 | this.duration -- ;
27 | this.isHit();
28 | }else{
29 | this.ctx.clearRect(this.x,this.y,this.width,this.height);
30 | this.isDestroyed = true;
31 | }
32 | };
33 |
34 | this.isHit = function(){
35 | var player = null;
36 | if(player1.lives > 0 && CheckIntersect(this,player1,0)){
37 | this.hit = true;
38 | player = player1;
39 | }else if(player2.lives > 0 && CheckIntersect(this,player2,0)){
40 | this.hit = true;
41 | player = player2;
42 | }
43 | if(this.hit){
44 | PROP_AUDIO.play();
45 | this.isDestroyed = true;
46 | this.ctx.clearRect(this.x,this.y,this.width,this.height);
47 | switch(this.type){
48 | case 0:
49 | player.lives ++;
50 | break;
51 | case 1:
52 | emenyStopTime = 500;
53 | break;
54 | case 2:
55 | var mapChangeIndex = [[23,11],[23,12],[23,13],[23,14],[24,11],[24,14],[25,11],[25,14]];
56 | map.updateMap(mapChangeIndex,GRID);
57 | homeProtectedTime = 500;
58 | break;
59 | case 3:
60 | if(enemyArray != null || enemyArray.length > 0){
61 | for(var i=0;i
71 | 
72 |
73 |
74 |
75 |
72 | -
109 |
110 |
- 111 |
- 112 |
- 113 |
- 114 |
- 115 |
- 116 |
- 117 |
- 118 |
- 119 |