-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (94 loc) · 8.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<html >
<style>
a {
color: red;
}
</style>
<body style=" background-color:black; color:white; ">
# BurnGhost_logo_minigames
><p>[[[[<b>!!!wars MUST END!!!</b> - common sense.]]]]</p><br>
minigames, tests with <a href="https://www.burnghost.com/" target="_blank">Burn Ghost</a> logo to complement <a href="https://twitter.com/X_POWERll/status/1637542822910873602">one post</a>(<a href="https://twitter.com/search?q=%40x_powerll%20%40burnghostgames&src=typed_query&f=top" target="_blank">all thread of twits</a>). <br>
Trying out new cool stuff(that always wanted) encouraged by this COOL logo <br><a href="https://twitter.com/burnghostgames" target="_blank"><img src="https://x-power0.github.io/BurnGhost_logo_minigames/bg_logo_from_twiter.png" width="100px"></a>.<br>
Simple basic games one of first gamedev attempts by x-p<br>
Fun fan tries/creations on theme of https://www.burnghost.com/ platform logo.
<hr>
All rights of Burn Ghost logo belongs to right holders, I'm just playing around with concept.<br>
Not going and not trying to do anything disrespectfull or infringing in any way
<hr>
Planned to be small series of minigames, to try out easy and fun making of mini games.
<h3>--<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_jump/bg_js_jump_gameV0/bg_js_jump.html" target="_blank">bg_js_jump</a></h3>
first test try of js game making <a href="https://en.wikipedia.org/wiki/Dinosaur_Game" target="_blank">"Chrome Dino"</a> remake with Burn Ghost art.<br>
[[Jump to avoid water(use keyboard, buttons or click on BurnGhost).]]
<br>----<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_jump/bg_js_jump_gameV0/bg_js_jump.html" target="_blank">bg_js_jump_V0</a> - first try, simple jump, BUGGY(going to add animation and more gameplay)
<br><br>
Tutorials used: <br>
<a href="https://www.youtube.com/watch?v=Av53VJI-UiE">Game on JavaScript for beginers. VERY EASY!(ua on rus lang)</a>
<br>Software used:
<br><a href="http://aljacom.com/~gimp/">Gimp 2.10 portable</a>
<br><a href="http://akelpad.sf.net">AkelaPad 4.9.8</a>
<br><a href="https://notepad-plus-plus.org">Notepad++ 7.9.2 (Stand with Hong Kong)</a>
<br><a href="https://www.google.com/chrome/">Google Chrome 105</a> (DeveloperTools)
<br><a href="https://github.com/portapps/brave-portable">Brave Portable</a>
<h3>--<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_snake/bg_js_snake_v0/bg_js_snake.html" target="_blank">bg_js_snake</a></h3>
second test try of js game making FAMOUS <a href="https://en.wikipedia.org/wiki/Snake_(video_game_genre)" target="_blank">"Snake"</a> remake with Burn Ghost art.<br>
[[Eat (need decide what's it), avoid hitting walls and self(use keyboard, buttons or click nav buttons).]]
<br>----<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_jump/bg_js_jump_gameV0/bg_js_jump.html" target="_blank">bg_js_snake_V0</a> - first try, simple snake, (need to replace food with art)
<br><br>
Tutorials used: <br>
<a href="https://www.youtube.com/watch?v=Je0B3nHhKmM">A game of Snake written in JavaScript</a>
<h3>--<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_match/bg_js_match_v0/bg_js_match.html" target="_blank">bg_js_match</a></h3>
third test try of js game making <a href="https://en.wikipedia.org/wiki/Concentration_(card_game)">Match(Concentration)</a> remake with Burn Ghost art.<br>
[[Click "START" button. Clicking two matching cards removes them. Remove them all to ruin obsticle between BurnGhost and his NFTs. Every finished round gives Score.
<br><b>!!Each card must be clicked not more then twice or You will lose Lifes.!!</b> When all lifes gone - GAME OVER. <br>Click "AGAIN" to start over.]]
<br>----<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_match/bg_js_match_v0/bg_js_match.html" target="_blank">bg_js_match_V0</a> - first try, simple match,
<br><br>
Tutorials used: <br>
<a href="https://www.youtube.com/watch?v=bOjgOOmPGTA">HTML, CSS, & JavaScript: Matching Game</a>
<br>Info used:
<details>
<summary>Links to all research materials used in process of creating bg_js_match</summary>
<DT>_<A HREF="https://stackoverflow.com/questions/4706960/how-to-return-a-variable-from-a-javascript-function-into-html-body">How to return a variable from a javascript function into html body - Stack Overflow</A>
<DT>_<A HREF="https://stackoverflow.com/questions/4622808/html-changing-colors-of-specific-words-in-a-string-of-text">css - HTML: Changing colors of specific words in a string of text - Stack Overflow</A>
<DT>_<A HREF="https://www.w3schools.com/cssref/pr_font_font-size.php">CSS font-size property</A>
<DT>_<A HREF="https://www.w3schools.com/cssref/pr_class_float.php">CSS float property</A>
<DT>_<A HREF="https://stackoverflow.com/questions/224602/how-do-you-make-div-elements-display-inline">html - How do you make div elements display inline? - Stack Overflow</A>
<DT>_<A HREF="https://www.google.com/search?q=css+draw+color+on+top+of+image+text&oq=css+draw+color+on+top+of+image+text&aqs=chrome..69i57.27647j0j4&sourceid=chrome&ie=UTF-8">css draw color on top of image text - Google Search</A>
<DT>_<A HREF="https://www.w3schools.com/js/js_scope.asp">JavaScript Scope</A>
<DT>_<A HREF="https://stackoverflow.com/questions/4558008/line-breaks-using-javascript-strings">line breaks using javascript strings - Stack Overflow</A>
<DT>_<A HREF="https://www.w3schools.com/js/js_if_else.asp">JavaScript if else else if</A>
<DT>_<A HREF="https://developer.mozilla.org/en-US/docs/Web/API/Element/remove">Element: remove() method - Web APIs | MDN</A>
<DT>_<A HREF="https://www.w3schools.com/jsref/met_element_remove.asp">HTML DOM Element remove Method</A>
<DT>_<A HREF="https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement">Document: createElement() method - Web APIs | MDN</A>
<DT>_<A HREF="https://stackoverflow.com/questions/9422974/createelement-with-id">javascript - CreateElement with id? - Stack Overflow</A>
<DT>_<A HREF="https://stackoverflow.com/questions/12622465/creating-a-div-element-inside-a-div-element-in-javascript">dom - Creating a div element inside a div element in javascript - Stack Overflow</A>
<DT>_<A HREF="https://www.w3schools.com/cssref/pr_class_visibility.php">CSS visibility property</A>
<DT>_<A HREF="https://www.w3schools.com/css/css_image_transparency.asp">CSS Image Opacity / Transparency</A>
<DT>_<A HREF="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random">Math.random() - JavaScript | MDN</A>
<DT>_<A HREF="https://www.w3schools.com/js/js_random.asp">JavaScript Random</A>
<DT>_<A HREF="https://www.w3schools.com/js/js_loop_for.asp">JavaScript for Loop</A>
<DT>_<A HREF="https://www.w3schools.com/js/js_loop_while.asp">JavaScript while Loop</A>
<DT>_<A HREF="https://www.w3schools.com/jsref/prop_html_innerhtml.asp">HTML DOM Element innerHTML Property</A>
<DT>_<A HREF="https://stackoverflow.com/questions/5520835/how-can-i-generate-a-random-number-within-a-range-but-exclude-some">javascript - How can I generate a random number within a range but exclude some? - Stack Overflow</A>
<DT>_<A HREF="https://stackoverflow.com/questions/7486085/copy-array-by-value">javascript - Copy array by value - Stack Overflow</A>
<DT>_<A HREF="https://stackoverflow.com/questions/4550505/getting-a-random-value-from-a-javascript-array">Getting a random value from a JavaScript array - Stack Overflow</A>
<DT>_<A HREF="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice">Array.prototype.splice() - JavaScript | MDN</A>
<DT>_<A HREF="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice">Array.prototype.slice() - JavaScript | MDN</A>
<DT>_<A HREF="https://stackoverflow.com/questions/5767325/how-can-i-remove-a-specific-item-from-an-array-in-javascript">How can I remove a specific item from an array in JavaScript? - Stack Overflow</A>
</details>
<h3>--<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_flappybird/bg_js_flappybird.html" target="_blank">bg_js_flappybird</a></h3>
try of js game making <a href="https://en.wikipedia.org/wiki/Flappy_Bird">FlappyBird</a> remake with Burn Ghost art.<br>
[[Click "START" button. And click It to Jump/Flap, avoid falling into water and fountains. You can track highscore in one session(score not saved on reload).
<br><b>!!Jump cautiously and calcualate Your every move;) ).!!</b><br>Click "AGAIN" to start over.]]
<br>----<a href="https://x-power0.github.io/BurnGhost_logo_minigames/bg_js_flappybird/bg_js_flappybird.html" target="_blank">bg_js_flappybird</a> - first try,
<br><br>
Tutorials used: <br>
<a href="https://www.youtube.com/watch?v=3SsYZDJdeXk">The Easiest Flappy Bird Tutorial Ever?</a>
<br>Info used:
<details>
<summary>Links to all research materials used in process of creating bg_js_match</summary>
..more links soon
</details>
<br><br><br>....soon more
!!!EVERYONE reading this HAVE A NEAT TIME SPEND)
</body>
<html>