Category Archives: Computer Science

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)
Use codepen to create demos illustrating the key elements of your topic . Pro tip- do not wait until the last minute to try to figure out codepen.

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.

bootstrap.topics.txt (dropbox.com)

Your First Git – Tips

setting up your name and email:
- PowerShell
  
  $ git config --global user.name "John Doe" $ git config --global user.email johndoe@example.com
  
  1
  2
  
  $ git config --global user.name "John Doe"
  $ git config --global user.email johndoe@example.com
  
  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

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

Microbit Firia Lab Concepts

Unit 1
1. Datatypes (scroll vs show())
Unit 2
1. Variables (delay= 1000)
2. Roman Translator Standalone Assign
Unit 3
1. while loop

Unit 4

break statement

num = 10
while num < 100:
    num = num + 10
    if a button pressed :
        num = num -1
    if b button pressed : 
        num = num + 2

num = 10

while num < 100:

num = num + 10

if a button pressed :

num = num -1

if b button pressed :

num = num + 2

Unit 5
1. Intro to lists
Unit 6
1. Lists
2. len function
3. random index from list (Answer Bot)
4. Cycling through a list
5. type function
Unit 7
1. Probability Lab
Unit 8
1. def() using functions
Unit 9

Intro To CS 2019-20

I. Alice

Unit 1

Complete packets #3- 8 by Thursday Wednesday 27th
- #1 (Example tutorial)
- #2 (skipped)
- #3 Coach–opacity, color
- #4 Camera and manipulating objects (turn,tumble etc)
- #5a Alice code (how to add instructions)
- #5b Alice Primitive Methods
- #6 ( camelCase, — read only, no tutorials)
- #7 ( primitive methods from object tree)
- #8 (do together )
Project #1
- at least 10 instructions
- modify a ‘subpart’
- 1 do-together statement
- at least 3 different objects
- Worth 7 points.
- To get a 7/7 you must achieve the ‘wow factor’–ie go above and beyond to create a superior final project
- you must save your file in the format of
  - lastname-assignment1
  - morris-assignment1

Unit 2

Unit 2 Packets

#9 (variables)
#10 functions vs methods

Unit 2 Assignments

All the assignments listed below are detailed on this page

Drag Racing
Spaceship Repair
Apollo 15
End of Unit Assign

Unit 3

#10
#11 (math Expressions)
#12 (Strings and Text)
Read: Important post to understand
Read What as a String
Area of Triangle Assignment (only that one assignment)
#13 (booleans)
~~#14 (relational operators) (Show me this one when you’re done with the gumdrop/fish tutorial)~~
1. Skip #14 (we did this together)
Complete the rest of unit 3/4 assignments
1. Roman Translator
2. MPG modified
3. Temp Convert Mod
4. OR , you can skip all of these and do the much much more involved “Rock Paper Scissors ” game .

Unit 4 . Loops

Complete Packets:
- 15 b (The Loop Instruction)
- 16 (The While Instruction)
Unit 4 assignments here

Unit 4 . Parameters and Objects [advanced]

Complete Packets:
- #18 Writing a Class Level Method
- #20 Saving an Object to a New Class
- #21 Stepwise Refinement (Follow the instructions carefully on this one). If your method does not seem to work, it’s probably because you switched a left leg with a right leg
- #22 Passing Arguments
- Assignments here

Last year’s class page.

Mr. M online

Mr. M's Stuff