-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
100 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,100 @@ | ||
|
|
||
| <html > | ||
| <style> | ||
| </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://pbs.twimg.com/profile_images/1608152341852655621/PQO9A4T6_400x400.jpg" 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> |