Category Archives: Computer Science

Protected: Quarter 4 Project

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:
- 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

Mr. M online

Mr. M's Stuff