Skip to content

Commit 66b9c01

Browse files
committed
first commit
0 parents  commit 66b9c01

23 files changed

+577
-0
lines changed

Duck Hunt SFX (11).wav

416 KB
Binary file not shown.

Duck Hunt SFX (4).wav

83.2 KB
Binary file not shown.

Duck Hunt SFX (5).wav

206 KB
Binary file not shown.

M29_DUCK_HOUND.png

31.5 KB
Loading

README.md

86 Bytes

duckhunter

duckhunter

duckhunter

crosshair.png

1.23 KB
Loading

dominating.wav

73.3 KB
Binary file not shown.

duck_hunt_bird_big2.gif

2.12 KB
Loading
Loading

enlarge_6.png

411 KB
Loading

ezgif.com-gif-maker.gif

2.17 KB
Loading

firstblood.wav

98.9 KB
Binary file not shown.

focus.png

306 Bytes
Loading

game.css

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Montserrat:wght@600&family=Open+Sans:ital,wght@1,500&display=swap');
2+
3+
4+
html {
5+
-webkit-touch-callout: none;
6+
-webkit-user-select: none;
7+
-khtml-user-select: none;
8+
-moz-user-select: none;
9+
-ms-user-select: none;
10+
user-select: none;
11+
font-family: 'Lato', sans-serif;
12+
font-family: 'Montserrat', sans-serif;
13+
font-family: 'Open Sans', sans-serif;
14+
15+
}
16+
17+
body {
18+
background-color: rgb(35, 186, 223);
19+
20+
}
21+
22+
img.target {
23+
background: transparent url("duck_hunt_bird_big2.gif") no-repeat center;
24+
background-size: 30px 40px;
25+
border: none;
26+
border-radius: none;
27+
box-shadow: none;
28+
opacity: 0.9;
29+
box-sizing: border-box;
30+
31+
32+
33+
}
34+
35+
#b {
36+
height: 20px;
37+
width: 50px;
38+
position: absolute;
39+
top: 10px;
40+
left: 29px;
41+
user-select: none;
42+
-webkit-user-drag: none;
43+
font-size: 10px;
44+
}
45+
46+
#b2 {
47+
height: 20%;
48+
width: 40%;
49+
position: absolute;
50+
top: 70%;
51+
left:30%;
52+
user-select: none;
53+
-webkit-user-drag: none;
54+
font-size: 10px;
55+
}
56+
57+
58+
#splash1 p{
59+
color: #FFFFFF;
60+
61+
text-shadow: 3px 3px 0 #7A7A7A;
62+
}
63+
64+
#splash1 {
65+
height: 50%;
66+
width: 50%;
67+
68+
user-select: none;
69+
-webkit-user-drag: none;
70+
font-size: 10px;
71+
border: 1px solid black;
72+
color: rgb(20, 20, 20);
73+
stroke: red;
74+
stroke-width: 1;
75+
stroke-linecap: butt;
76+
stroke-dasharray: 0;
77+
background-color: rgb(204, 202, 204);
78+
border-radius: 10%;
79+
opacity: 90%;
80+
81+
padding: 1rem;
82+
font-size: 20px;
83+
84+
position: absolute;
85+
top: 20%;
86+
left: 20%;
87+
user-select: none;
88+
box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
89+
}
90+
91+
92+
#div1 {
93+
94+
/* background: transparent url("duckhunt8bitnintendoentertainmentsystemdog-1666341476668-3962.jpg") no-repeat center; */
95+
background-attachment: fixed;
96+
-webkit-user-drag: none;
97+
user-select: none;
98+
-webkit-user-drag: none;
99+
cursor: url("focus.png"), url("crosshair.png"), default;
100+
box-sizing: border-box;
101+
102+
103+
}
104+
105+
106+
.removed{
107+
transform: translateY(100vw);
108+
}
109+
110+
#second{
111+
transition: transform 1s 0s;
112+
}
113+
114+
115+
116+
117+
p #score {
118+
color: floralwhite;
119+
stroke: red;
120+
stroke-width: 1;
121+
stroke-linecap: butt;
122+
stroke-dasharray: 0;
123+
-webkit-user-drag: none;
124+
user-select: none;
125+
126+
}
127+
128+
#score {
129+
color: floralwhite;
130+
stroke: red;
131+
stroke-width: 1;
132+
stroke-linecap: butt;
133+
stroke-dasharray: 0;
134+
135+
padding: 1rem;
136+
font-size: 20px;
137+
138+
position: absolute;
139+
top: 3px;
140+
left: 16px;
141+
user-select: none;
142+
}
143+
144+
145+
#dog {
146+
height: 20%;
147+
width: 10%;
148+
position: absolute;
149+
/* top: 688px;
150+
left: 790px; */
151+
user-select: none;
152+
-webkit-user-drag: none;
153+
154+
opacity: 0;
155+
156+
animation: fadeIn 1s;
157+
animation-delay: 1s;
158+
animation-fill-mode: both;
159+
}
160+
161+
@keyframes fadeIn {
162+
from {
163+
opacity: 0;
164+
}
165+
to {
166+
opacity: 1;
167+
}
168+
}
169+
170+
171+
172+

0 commit comments

Comments
 (0)