Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bullet dodging game #267

Open
wants to merge 7 commits into
base: LinearRegression
Choose a base branch
from

Conversation

Bowen1Zhu
Copy link

Reference to issue

Description of the changes proposed in the pull request

  • Bullet-dodging game blog

Link to Code SandBox

Link to Loom video (if blog/workshop completed)

Reviewers requested:

  • @your_PM_github_username
  • @your_QA_github_username

@kylebegovich kylebegovich marked this pull request as draft August 3, 2020 01:51
@kylebegovich
Copy link
Contributor

Hi Bowen, click the "Ready for review" button when you're happy with your blog, looking forward to reading it!

@Bowen1Zhu Bowen1Zhu marked this pull request as ready for review August 3, 2020 02:39
@Bowen1Zhu
Copy link
Author

Hi Kyle! Sorry for the delay. Yes my draft is ready for review now. Please feel free to comment. Looking forward to your feedback!

Copy link
Contributor

@kylebegovich kylebegovich left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added mostly inline comments, idk how to get the processing engine running so up to you for the code actually working, but the style is good and well-presented

Bullet-dodging game/Bullet-Dodging Game in Processing.md Outdated Show resolved Hide resolved

## Part II: Adding the Player and the Bullets

Now that the canvas has been set up, let's add the player on the screen. For simplicity, let's temporarily represent the player using `circle()`.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you have absolutely not set up the canvas at this point...

if you want this to be a follow-along blog, I would add a section above with screenshots for setting up and using the P3 system. Don't expect people to be able to get started with it on their own, and even then make sure they have some started code with the structure you described above in place

if you want this to be an informative blog and not follow-along, then you would need to remove the large amounts of explicit code samples below and add them to a resource dump or source file reference at the end

Copy link
Author

@Bowen1Zhu Bowen1Zhu Aug 10, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm sorry for the image rendering issue, but I do have two screenshots showing how to up the canvas. I have also modified the previous section a little bit. Hopefully this will make the setup procedure clearer.

About the blog preference, the setup part isn't long enough for an individual blog, and I think setting up the environment isn't too complicated. Still, the entire blog seems to have too much information, so would it be a good idea to split it into two at somewhere else, say, after the third section?




## Part I: Getting Started
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

consider adding a way to preview the app you're going to build throughout the tutorial, would make the descriptions in this section and on easier to visualize. just a link to a running version should suffice

Copy link
Author

@Bowen1Zhu Bowen1Zhu Aug 10, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah. It would be nice if I could directly show the program in the blog, but looks like those online editors that I could find are not compatible with Processing. I have inserted a few more images to better visualize the blog. Do you have any other alternatives?


## Part III: Adding a Life and Scoring System

Without a second chance, however, the player in our initial version of the game seems prone to death. So let's add a life system to make the game more enjoyable.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

weird sentence to start a section. something like, "we want to allow the player to have multiple chances in our game, otherwise..."


We have already implemented all the essential functions of a simple bullet-dodging game. If you're ready for a more advanced program, it is now time to add enemies to the game and make it a shooting game.

First of all, it is imperative that we declare a global time variable `int time = 0;` and increment it (`time ++;`) at the end of `draw()`, so that we can decide when the enemy will fire the next bullet regularly.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"imperative" is a bit too strong of a word here, rephrase


Now we have created an obstacle that the player can hide behind at the bottom of the field:

![](./images/image2.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

likewise image issue


After viewing the high score, we can now restart the game after game over!

![](images/image3.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same image issue

![](images/image3.png)



Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

since you've put in code dumps already, I would add a final one to the end here for people to compare against




We have completed the ultimate version of the program that allows us to pause, resume, and restart the game in addition to all the functions we have implemented earlier. [Here](https://github.com/Bowen1Zhu/Bullet-Dodging-Game) are all the images that I have used in my shooting game. Feel free to customize your own characters, improve the aesthetics, and add more features to the game!
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix link to actually direct to images folder

Bullet-dodging game/draft9.pde Outdated Show resolved Hide resolved
@Bowen1Zhu
Copy link
Author

Hi Kyle! Thank you so much for your feedback! I have revised the blog based on your suggestions. I would like to hear if there's anything else that I could improve.

For the image rendering issue, since it works totally fine on my end, I'm not sure how I should fix it. Would you like to share how you access the blog? Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants