Skip to content

Commit

Permalink
start lesson topics
Browse files Browse the repository at this point in the history
  • Loading branch information
jm1021 committed Nov 25, 2023
1 parent a08271e commit e70964f
Show file tree
Hide file tree
Showing 4 changed files with 87 additions and 1 deletion.
2 changes: 1 addition & 1 deletion _posts/2023-08-30-javascript-music-api.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ layout: default
title: JS Itunes API
description: API's are a primary source for obtaining data from the internet. There is imformation in API's for almost any interest.
categories: [C7.0]
courses: { csse: {week: 16}, csp: {week: 5, categories: [2.C]}, csa: {week: 2} }
courses: { csp: {week: 5, categories: [2.C]}, csa: {week: 2} }
type: ccc
---

Expand Down
28 changes: 28 additions & 0 deletions _posts/2023-11-28-CSSE-API.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
toc: true
comments: false
layout: post
title: APIs
description: Provide a lesson on API usage within a game.
type: ccc
courses: { csse: {week: 16} }
---


## API screens
Make a lesson and code around APIs related to games like Mario. Integrate ideas so they can be adapted by Teacher project. Add an API to make Game content more interesting.

- [iTunes API example](https://nighthawkcoders.github.io/teacher_portfolio//c7.0/2023/08/30/javascript-music-api.html)

- Add API to impact game design
- Implement an API to the game
- Implement an API to select player or object


## Resources
Quick Google

[Search for Mario](https://simple-mario-character-api.vercel.app/)

[Franchise Data](https://github.com/michaelacook/mario-api)

26 changes: 26 additions & 0 deletions _posts/2023-11-28-CSSE-enemies.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
toc: true
comments: false
layout: post
title: Enemies
description: Provide a lesson on enemies.
type: ccc
courses: { csse: {week: 16} }
---

### Spawning and Synchronization
Make a lesson and code around Enemies and Obstacles. Integrate ideas so they can be adapted by Teacher project.

Provided in code is the beginning of a tube obstacle. This is a new GameObject class. Review logic to detect when the player interacts with the obstacle. This ultimately triggers a Callback that ends the level.

Platforms for Jumping
Introduce platforms for jumping and avoiding enemies.

NPC Characters
Introduce new NPC GameObject class for Goombas. Implement game logic for NPC movement and collision with the player.

## Resources

[Super Mario Glitches](https://www.mariowiki.com/List_of_Super_Mario_Bros._glitches
)
[Spawning and Synchronization](https://www.reddit.com/r/MarioMaker/comments/3lcrqb/super_mario_maker_science_spawning_despawning_and/?rdt=43064)
32 changes: 32 additions & 0 deletions _posts/2023-11-28-CSSE-scrolling.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
---
toc: true
comments: false
layout: post
title: Parallax / Scrolling
description: Provide a lesson on screen effects.
type: ccc
courses: { csse: {week: 16} }
---


## Parallax and Scrolling Effects
Make a lesson and code around Parallax. Integrate ideas so they can be adapted by Teacher project. Add elements to improve transitions screens and backgrounds. Below are a couple of ideas, but there should be many more.

- Use a transition effect to smoothly move from the start screen to the game screen, etc.

- Overlaying Backgrounds
- Implement a dual-layered background system where the primary background is static, and a passive background moves to create a parallax effect.
- Adjust the opacity or blending mode to avoid shadows of screen moving over screen.

- Association with Character Movement
- Trigger the scrolling screen movement when the player reaches a specific x-coordinate.
- Synchronize the screen scrolling speed with the player's movement speed.
- Consider incorporating easing functions for a smoother scrolling effect.

## Resources
Quick Google

[What is a parallax effect](https://www.sketch.com/blog/what-is-a-parallax-effect/)

[17 unique websites with parallax scrolling effects](https://webflow.com/blog/parallax-scrolling)

0 comments on commit e70964f

Please sign in to comment.