Author Archives: Mr. M

Phaser 3 Links

Phaser

http://phaser.io/learn/ ( Where you should start)

http://phaser.io/tutorials/getting-started-phaser3 ( Explains why you need webserver , how to download and also gives code for a barebone staring template )
Simple Game Tutorial – Start here. Do this first, before anything else
Phaser pre-built templates
Examples – Maybe the best way to learn Phaser is by just playing with the code of these games
Some small downloadable examples I made up
Simple First games
- Asteroids
  - Link 2
  - Assets and images
- Common Code Examples
  - Replace Mouse Cursor
- Buttons – here

Medium To Advanced Level Links (not to start, but once you have a clue)

Emmanuele Feronato – amazing blog about game dev and lots of phaser stuff here .
Ourcade Co – great, albeit advanced and very professional, tutorials/tips on phaser dev – here .

Great YouTube Videos

Zeneva
- https://youtu.be/hI_LS8bdkM4 – Setting up Phaser, local server, files, creating scenes . Does not use Classes so easier for most to understand

Prior Projects: https://mrmonline.org/supa-2019-games/

Bootstrap Presentation

Deliverables:

PPT highlight and explaining the most important parts, screenshots showing the code, and what it does ( ie. a screenshot also from the web page)
Have HTML files ready to share demonstrating the code.

I have been asked “How many examples should I have”?

And there is no one answer. You should convey the “major important” aspects. Absolute bare minimum is 5 code examples but there is no need to kill us with redundant code that only has small changes.

Your First Git – Tips

setting up your name and email:
- ```
$ git config --global user.name "John Doe"
$ git config --global user.email [email protected]
```
  From https://git-scm.com/book/en/v2/Getting-Started-First-Time-Git-Setup , good url for reading
bat file to automatically change directory and run git status

Create a new text file and add the code below. Then rename the file so that is a batch file. (ie. that its file extension is “.bat” instead of .txt) .

cmd.exe /k "cd C:\Users\path\to\websites\UniserverZ\www\ & git status"

pause > nul

Web Based Tip Calculator

Use bootstrap to create the front end for a tip calculator.

Below are screenshots of the UI elements. Your goals is to use bootstrap to create a bootstrap version of this.

SUPA Web 2020-21

SUPA Web

Important Links

Live Reload

–Tip and tricks for git

Bootstrap 4

https://getbootstrap.com/docs/4.5/ — Official Bootstrap 4 website
Bootstrap 4 Cheat Sheet
Bootstrap presentations
Bootstrap 4 @ www schools
Other good links for bs4 topics
- Centering Content
- bs4 Utilities (nice summary by w3schools)
- Bootstrap grid

Quarter 3

Tip Calculator

Quarter 4

2018-19 Version

Quarter 4 project – years past

Bootstrap Based Tip Calculator UX https://mrmonline.org/bootstrap-tip-calculator/

SUPA Web [2020-2021]

SUPA Web

Husky : 3zpbwny

Pride : rbyazni

CSS Resources

Flex Box Froggy – Game for Learning Flex Box

Grid Garden – A game for learning CSS grid layout

Intro to CS [ 2020-21]

Intro to CS 2020-21

c testing

Python With Robots Curriculum

Curriculum Outline

Python with Robots

Unit 1
1. Getting to know codebot
Unit 2
1. Turn in square
2. if/elif/else
3. while Loop
Unit 3
1. if/else inside loop
Unit 4

2 Player Button Presser V2 -Loops

After making our 2 player Button Presser Game, let’s make some improvements.

Objective: modify the code so that the game repeats until there are no ties!

Hint : use a while True loop and break when someone wins

Mr. M online

Mr. M's Stuff