From e70964f267bbda6862eacf1e44a58ae45d9d7f22 Mon Sep 17 00:00:00 2001 From: jm1021 Date: Sat, 25 Nov 2023 06:06:09 -0800 Subject: [PATCH] start lesson topics --- _posts/2023-08-30-javascript-music-api.md | 2 +- _posts/2023-11-28-CSSE-API.md | 28 ++++++++++++++++++++ _posts/2023-11-28-CSSE-enemies.md | 26 ++++++++++++++++++ _posts/2023-11-28-CSSE-scrolling.md | 32 +++++++++++++++++++++++ 4 files changed, 87 insertions(+), 1 deletion(-) create mode 100644 _posts/2023-11-28-CSSE-API.md create mode 100644 _posts/2023-11-28-CSSE-enemies.md create mode 100644 _posts/2023-11-28-CSSE-scrolling.md diff --git a/_posts/2023-08-30-javascript-music-api.md b/_posts/2023-08-30-javascript-music-api.md index b6678d69..1ddd66c9 100644 --- a/_posts/2023-08-30-javascript-music-api.md +++ b/_posts/2023-08-30-javascript-music-api.md @@ -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 --- diff --git a/_posts/2023-11-28-CSSE-API.md b/_posts/2023-11-28-CSSE-API.md new file mode 100644 index 00000000..93896b00 --- /dev/null +++ b/_posts/2023-11-28-CSSE-API.md @@ -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) + diff --git a/_posts/2023-11-28-CSSE-enemies.md b/_posts/2023-11-28-CSSE-enemies.md new file mode 100644 index 00000000..8d05f68c --- /dev/null +++ b/_posts/2023-11-28-CSSE-enemies.md @@ -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) \ No newline at end of file diff --git a/_posts/2023-11-28-CSSE-scrolling.md b/_posts/2023-11-28-CSSE-scrolling.md new file mode 100644 index 00000000..26537859 --- /dev/null +++ b/_posts/2023-11-28-CSSE-scrolling.md @@ -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) +