takaneichinose /
turret-shooting-survival-game
This is a shooting game with a non-moving turret character. Just prevent the zombies to come near you. You'll lose your life point.
Loading repository data…
8mecem8 / repository
This Html game created as a bootcamp Project, Tech Stack is Html, Css, Javascript Game's type is mixture of turn-based & text-based with some added simple graphics & sounds & Css animations
This Html game created as a bootcamp Project, Tech Stack is Html, Css, Javascript Game's type is mixture of turn-based & text-based with some added simple graphics & sounds & Css animations
Build a game of battling alien spaceships using Javascript, HTML, and CSS.
Earth has been attacked by a horde of aliens! You are the captain of the USS HelloWorld, on a mission to destroy every last alien ship.
Battle the aliens as you try to destroy them with your lasers.
There are six alien ships. The aliens' weakness is that they are too logical and attack one at a time: they will wait to see the outcome of a battle before deploying another alien ship. Your strength is that you have the initiative and get to attack first. However, you do not have targeting lasers and can only attack the aliens in order.
The HTML should show the starting and final hull of the ships.
AFTER the game, prompt the user letting them know if they won or lost, and asking if they would like to play again.
A game round would look like this:
You attack the first alien ship (update alien ship in html)
If the ship survives, it attacks you (update your ship in html)
If you survive, you attack the ship again
If it survives, it attacks you again … etc
You win the game if you destroy all of the aliens
You lose the game if you are destroyed
User is prompted to play again
hull is the same as hitpoints. If hull reaches 0 or less, the ship is destroyed
firepower is the amount of damage done to the hull of the target with a successful hit
accuracy is the chance between 0 and 1 that the ship will hit its target
Your spaceship, the USS HelloWorld should have the following properties:
The alien ships should each have the following ranged properties determined randomly:
Read over the specifications. Make sure you understand them. If you do not understand them, try to clarify them for yourself.
Plan the game. This is an act of simplification.
From these programming principlesLinks to an external site.
Often, beginning something is an act of creative inspiration to find the simplest possible case. The first step is not necessarily a matter of logical deduction. Once you have a few 'clues' you can follow the trail of crumbs to a logical conclusion.
A good rule of thumb is start with the actors and then the actions. What actors do we need? In this case, we need our spaceship and the alien spaceships. An action these ships can take is to attack something. Perhaps a ship object (an actor) could therefore have an attack method (an action).
A repeating action in the game is that these ships attack each other until one of them has been destroyed. This might necessitate a loop or multiple loops.
Keep these five things in mind when planning and coding your game:
Begin even simpler than the specifications suggest. In this case, perhaps just start with one alien ship instead of many alien ships, and get the code for one ship working first.
Root out any 'gotchas' that you really ought to foresee. In this case, will we really want nested loops -- one for a battle, one for iterating over aliens)? How will we exit one loop and then exit the parent loop? Perhaps keeping it to one loop somehow will help us avoid unnecessary difficulties.
When coding, form a solid and testable foundation before building upon it with more functionality. In this case, is there a bug where an alien can attack after it has been destroyed? Better fix that bug before increasing the complexity of the code.
When you have a piece of functionality tested and working, commit it. Try not to commit broken code. Unsure of when to commit? Commit when something works. You want to save working code.
From the beginning, you will be writing your code for other developers.
Having to read and understand another developer's code is common practice. Get used to it now! In the 'real world', you will be in a position where you inherit someone else's code-base and are told to 'fix it' or to add a feature to the code.
What does this mean for your coding practices?









Selected from shared topics, language and repository description—not editorial ratings.
takaneichinose /
This is a shooting game with a non-moving turret character. Just prevent the zombies to come near you. You'll lose your life point.
tieflabs /
In this tutorial, I'll show you how to create simple CSS animation effects In HTML and CSS. - how you can make an Awesome Neumorphism Effect | Glassmorphism in HTML and CSS🔥 Subscribe Here: https://bit.ly/3nMIYGK Become a member of this channel, https://bit.ly/2U6VFRs 🔥How To Create A Simple CSS animation effects In HTML and CSS. Thanks for watching! ----------------------------------------------------------------------------- And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS: How to create Awesome Rate Star from HTML, CSS and JavaScript https://youtu.be/xt1EVDOWV3c How To Make A Simple Animated Website: Step By Step Full Tutorial https://youtu.be/CbukcQ3Tuc8 How To make A Simple Website: Step by Step HTML and CSS https://youtu.be/VaFI_syujJ8 How To Build and deploy a portfolio website Maria | HTML and CSS https://youtu.be/yG64aIW85ss How Build an E-Commerce Website HTML & CSS Shop Web design https://youtu.be/lnlb1BI7734 Support Me! + Join channel for $1.99 USD ➡️https://bit.ly/2U6VFRs + Donate any dollar here ➡️https://bit.ly/335p2rY + buy me a coffee ➡️https://bit.ly/3IuKN3O If you're interested to this course Download codes here https://github.com/Tief-Software-Truth/Create-a-css-Neumorphism-button Subscribe To software And hardware. ↪︎ Programing Channel: https://bit.ly/3nMIYGK ↪︎ Electronics Channel: https://bit.ly/3Cx0BAj If you have any other creative CSS Glassmorphism examples with effects & animations, feel free to comment them below. and suggest what we can make next time. ► Social Media - Follow My Facebook: https://www.facebook.com/tiefsoftwarelab - Follow My Instagram: https://www.instagram.com/tiefsoftwarelab - Follow My Twitter: https://www.twitter.com/tiefsoftwarelab - Follow My Pinterest: https://www.pinterest.com/tiefsoftwarelab If you're searching for how to make an eCommerce website, how to make a professional webShop from scratch, how to create an Online Store website step by step using html and css, best website making course, Glasstutorial for beginners - then this tutorial is for you. ► Support My Other Channels! +1 Music Channel: https://bit.ly/3iiWJvc +1 Gaming Channel: https://bit.ly/3BrJyyi Thank you all for your support! ▱tieflab▰
SakshiDangi /
Flap your wings and take a nostalgic trip back to the iconic Flappy Bird game, brought to life with pure JavaScript, HTML, CSS, and captivating CSS animations. This faithful recreation promises endless fun as you navigate through challenging obstacles. Can you beat your high score and conquer the sky? Dive in and find out!
Erum-Saeed-88 /
This fully responsive game build with using HTML, Css Animations, Bootstrap, and Javascript.
afnan00777 /
This is a Pacman game made using HTML, CSS, animation, graphics and Javascript only.
luisperezcr /
This is an awesome memory game created with Vanilla JavaScrip, HTML, CSS, and CSS animations - Udacity Front-End Nanodegree, Project 2