Skip to content

Commit fdcc5e8

Browse files
Durgesh4993Durgesh4993
committed
Update
1 parent 148eaea commit fdcc5e8

File tree

21 files changed

+2413
-10
lines changed

21 files changed

+2413
-10
lines changed

‎GUI-Stopwatch/readme.md‎

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,23 @@
1-
# GUI CALCULATOR
1+
# Gunship13k
22

3-
This script user Tkinter to provide a Graphical User Interface.
3+
## Gameplay
44

5-
No Requirements because Tkinter and time is inbuilt
5+
Shoot enemies to score points.
66

7-
These are customizable
7+
Chain kills to increase your multiplier and power up your cannon.
88

9-
1. The refresh rate (how fast the display updates)
10-
2. Colours: background,button colour
11-
3. Text: font, size, colour
12-
4. The size of the GUI window can be adjusted during execution
13-
5. The default size of the GUI window can be adjusted in the script
14-
6. The button text, position, size
9+
If an enemy gets past you, the score multiplier is reset!
10+
11+
Hitting an enemy with your ship will trigger an explosion and kill all everything.
12+
13+
But if you get hit three times it's Game Over!
14+
15+
## Controls
16+
17+
Move left and right using [a] and [d] or arrow left and right.
18+
19+
Aim cannons with mouse cursor.
20+
21+
Fire with [space] or left mouse button.
22+
23+
Pause and resume with [p].

‎Gunship/app/README.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# Gunship13k
2+
3+
## Gameplay
4+
5+
Shoot enemies to score points.
6+
7+
Chain kills to increase your multiplier and power up your cannon.
8+
9+
If an enemy gets past you, the score multiplier is reset!
10+
11+
Hitting an enemy with your ship will trigger an explosion and kill all everything.
12+
13+
But if you get hit three times it's Game Over!
14+
15+
## Controls
16+
17+
Move left and right using [a] and [d] or arrow left and right.
18+
19+
Aim cannons with mouse cursor.
20+
21+
Fire with [space] or left mouse button.
22+
23+
Pause and resume with [p].

‎Gunship/app/assets/index.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Gunship13k</title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<link rel="stylesheet" href="js13k.css">
10+
</head>
11+
<body>
12+
<canvas id="canvas" width="500" height="550"></canvas>
13+
<div style="display: none;">
14+
<canvas id="shipsprite" width="42" height="127"></canvas>
15+
<canvas id="smokesprite" width="200" height="200"></canvas>
16+
</div>
17+
<script src="js13k.js"></script>
18+
</body>
19+
</html>

‎Gunship/app/helpers/draw.js‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
(function(){
2+
// Helper method to draw a shape from an array of points
3+
window.drawShape = function(ctx, points, tx, mirror, stroke, fill){
4+
ctx.beginPath();
5+
ctx.moveTo(tx.x+points[0][0], tx.y+points[0][1]);
6+
7+
// Draw the path
8+
var numPoints = points.length;
9+
var i;
10+
for(i=1; i<numPoints; ++i){
11+
ctx.lineTo(tx.x+points[i][0], tx.y+points[i][1]);
12+
}
13+
14+
// If mirror is true then run through the points again and draw a
15+
// mirrored version
16+
if(mirror == true){
17+
for(i=numPoints-1; i>-1; --i){
18+
ctx.lineTo(tx.x+(-points[i][0]), tx.y+points[i][1]);
19+
}
20+
}
21+
22+
// Apply line styles
23+
if(fill == true) ctx.fill();
24+
if(stroke == true) ctx.stroke();
25+
}
26+
27+
// Helper function for drawing circles
28+
window.drawCircle = function(ctx, x, y, r, stroke, fill){
29+
ctx.beginPath();
30+
ctx.arc(x, y, r, 0, 2*Math.PI);
31+
32+
if(fill == true) ctx.fill();
33+
if(stroke !== false) ctx.stroke();
34+
}
35+
36+
window.drawGradientCircle = function(ctx, x, y, r, color, opacity){
37+
ctx.beginPath();
38+
var gradient = ctx.createRadialGradient(x, y, 5, x, y, r);
39+
gradient.addColorStop(0, 'rgba('+color+', '+opacity+')');
40+
gradient.addColorStop(0.5, 'rgba('+color+', '+opacity+')');
41+
gradient.addColorStop(1, 'rgba('+color+', 0)');
42+
ctx.fillStyle = gradient;
43+
44+
ctx.arc(x, y, r, 0, 2*Math.PI);
45+
ctx.fill();
46+
}
47+
48+
// Helper function for drawing arcs
49+
window.drawArc = function(ctx, x, y, rotation, start, end){
50+
ctx.beginPath();
51+
ctx.arc(x, y, rotation, start, end);
52+
ctx.stroke();
53+
}
54+
55+
// Helper function to draw a grid in a bounding box
56+
window.drawGrid = function(ctx, options){
57+
var bounds = options.bounds;
58+
var step = options.step;
59+
var offset = options.offset;
60+
var verticalSteps = Math.floor(bounds.bottom / step);
61+
62+
ctx.lineWidth = 1;
63+
ctx.strokeStyle = 'rgba(80, 80, 80, 1)';
64+
ctx.beginPath();
65+
66+
var y;
67+
for(var i=0; i<verticalSteps; ++i){
68+
y = i*step + offset;
69+
ctx.moveTo(bounds.left, y);
70+
ctx.lineTo(bounds.right, y);
71+
}
72+
ctx.stroke();
73+
}
74+
75+
// Draw a line of text
76+
window.drawTextLine = function(ctx, text, x, y){
77+
ctx.fillStyle = 'rgba(255, 255, 255, 1)';
78+
ctx.fillText(text, x, y);
79+
}
80+
81+
// Draw a paragraph of text
82+
window.drawParagraph = function(ctx, para, x, y, textAlign){
83+
if(textAlign == undefined) textAlign = 'left';
84+
var headingX = x;
85+
switch(textAlign){
86+
case 'left' :
87+
x -= 200;
88+
headingX = x - 20;
89+
break;
90+
}
91+
92+
ctx.textAlign = textAlign
93+
ctx.font = '18px Arial';
94+
drawTextLine(ctx, para[0], headingX, y);
95+
96+
y += 10;
97+
ctx.font = '14px Arial';
98+
for(var i=1; i<para.length; ++i){
99+
drawTextLine(ctx, para[i], x, y+(20*i));
100+
}
101+
}
102+
})();

‎Gunship/app/helpers/effects.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
// (function(){
2+
// Effects = function(){
3+
// this.sounds = {};
4+
// }
5+
// Effects.prototype.add = function(key, count, settings){
6+
// this.sounds[key] = [];
7+
// settings.forEach(function(el, index){
8+
// this.sounds[key].push({
9+
// tick: 0,
10+
// count: count,
11+
// pool: []
12+
// });
13+
// for(var i=0; i<count; ++i){
14+
// var audio = new Audio();
15+
// audio.src = jsfxr(el);
16+
// this.sounds[key][index].pool.push(audio);
17+
// }
18+
// }, this);
19+
// };
20+
// Effects.prototype.play = function(key){
21+
// var sound = this.sounds[key];
22+
// var soundData = sound.length > 1 ? sound[Math.floor(Math.random()*sound.length)] : sound[0];
23+
// soundData.pool[soundData.tick].play();
24+
// soundData.tick < soundData.count-1 ? soundData.tick++ : soundData.tick = 0;
25+
// };
26+
// window.Effects = new Effects();
27+
// })();

‎Gunship/app/helpers/frame_timer.js‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
(function(){
2+
window.FrameTimer = function(options){
3+
var self = this;
4+
5+
self._frames = [];
6+
self._graph = [];
7+
self._fps = 0;
8+
self.bounds = options.bounds;
9+
10+
// History array of delta values passed into update()
11+
self._deltaHistory = [];
12+
13+
// History array ms between calls to draw()
14+
self._drawHistory = [];
15+
self._lastDraw = 0;
16+
17+
// Calculates FPS by sampling previous frames. Keep trask of the last 30
18+
// frameTime values, when we have 30 we take the average and use it to
19+
// calculate the frame rate.
20+
self.update = function(frameTime, delta){
21+
self._deltaHistory.push(delta);
22+
if(self._deltaHistory.length > self.bounds.right) self._deltaHistory.shift();
23+
}
24+
25+
self.draw = function(ctx){
26+
27+
// Work out and store how long it's been since the last draw
28+
var now = performance.now();
29+
var ms = now - self._lastDraw;
30+
self._drawHistory.push(ms);
31+
if(self._drawHistory.length > self.bounds.right) self._drawHistory.shift();
32+
self._lastDraw = now;
33+
34+
// Draw the two graphs the full width of the bounds
35+
self.drawGraph(ctx, self._drawHistory, 'rgba(255, 0, 0, 0.5)');
36+
self.drawGraph(ctx, self._deltaHistory, 'rgba(0, 255, 0, 0.5)');
37+
}
38+
39+
self.drawGraph = function(ctx, graph, color){
40+
var points = [];
41+
for(var i=0; i<graph.length; ++i){
42+
points.push([i, 50-graph[i]]);
43+
}
44+
ctx.strokeStyle = color;
45+
if(points.length){
46+
drawShape(ctx, points, {x: self.bounds.right-graph.length, y: 0}, false, true);
47+
}
48+
}
49+
}
50+
})();

0 commit comments

Comments
 (0)