Learn design patterns through games with TypeScript and Phaser 🕹️

Last update: Nov 10, 2022

Overview

Welcome to Design patterns gamified!

I created this repo to teach design patterns through games. Each folder contains a tiny game that demonstrates how to apply a single design pattern.

Each folder also includes their own README.md with a short explanation of the design pattern and how it was applied in the game.

Games

Strategy pattern - A space shooter 🚀 : Destroy asteroids before they destroy you by picking up upgrades for your spaceship's gun. Each upgrade represents a new strategy that your ship can set at runtime!

I'm working on the next game!

Let's connect!: Instagram | Twitch | Twitter

This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

👋🏼 What is learn-web3-dapp? We made this decentralized application (dApp) to help developers learn about Web 3 protocols. It's a Next.js app that us

Oct 1, 2022

A starter template that uses Phaser 3, TypeScript, Electron and Rollup and Vite for bundling.

Phaser TypeScript Electron starter template This is a 🕹️ Phaser 3 starter with ⌨️ TypeScript and ⚛️ Electron, 📦 Rollup and Vite. 🔥 🔥 HOT RELOAD ON

Nov 25, 2022

Making Tetris (Video Game) by using Phaser (Typescript).

Phaser 3 + TypeScript + Parcel Template For people who want to spend time making Phaser 3 games in TypeScript instead of configuring build tools. This

Nov 3, 2022

Recreated Chromium T-Rex game in Phaser 3, written in HTML5 & TypeScript

Chromium Dino Game - Phaser 3 + TypeScript + Parcel Chromium Dino Game Clone using Phaser 3 + TypeScript + Parcel Play You can play online here Dino P

Jun 21, 2022

Chrome Extension to learn English through subtitles while watching YouTube.

Super-Subtitles Chrome Extension to learn English through Subtitles while watching YouTube How does it helps Non-native English speakers often tend to

Nov 11, 2022

Learn to play the piano at your own pace through various modes of practice.

Piano Trainer Learn to play the piano at your own pace through various modes of practice. Features MIDI compatible Cross-platform support Interactive

Aug 25, 2022

Journeys is a django based community-focused website that allows users to bookmark URLs (through chrome extension) and share their journeys through timelines.

Journeys is a django based community-focused website that allows users to bookmark URLs (through chrome extension) and share their journeys through timelines. A timeline is a collection of links that share a common topic or a journey of building and learning something new. Users can create timelines, share them publicly, and explore resources.

Jun 13, 2022

Using a RPI 3b+ to create a PT camera accessible through Windows browser and controllable through MQTT

web-camera_PT A Web flask server converts the MJPEG stream from RPI to JPG img using opencv, then display in browser. Controls added to move Camera in

Dec 20, 2022

Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test and also deploy.

GraphQL Blog graphqlblog.com Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test an

Aug 17, 2022

Comments

Bump path-parse from 1.0.6 to 1.0.7 in /strategy-pattern-space-shooter
Bumps path-parse from 1.0.6 to 1.0.7.

Commits

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0

Learn design patterns through games with TypeScript and Phaser 🕹️

Related tags

Overview

Welcome to Design patterns gamified!

Games

You might also like...

This Next.js app is designed to be used with the Figment Learn Pathways, to help developers learn about various blockchain protocols such as Solana, NEAR, Secret, Polygon and Polkadot!

A starter template that uses Phaser 3, TypeScript, Electron and Rollup and Vite for bundling.

Making Tetris (Video Game) by using Phaser (Typescript).

Recreated Chromium T-Rex game in Phaser 3, written in HTML5 & TypeScript

Chrome Extension to learn English through subtitles while watching YouTube.

Learn to play the piano at your own pace through various modes of practice.

Journeys is a django based community-focused website that allows users to bookmark URLs (through chrome extension) and share their journeys through timelines.

Using a RPI 3b+ to create a PT camera accessible through Windows browser and controllable through MQTT

Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test and also deploy.

Comments

Bump path-parse from 1.0.6 to 1.0.7 in /strategy-pattern-space-shooter

Owner

Paula Santamaría

A complete guide for learning Object Oriented Programming Pillars, SOLID Principles and Design Patterns with TypeScript!

Playground for studying design patterns, solid principles, GoF, testing and more with TypeScript

This is another Express + TypeScript + DDD (Domain Driven Design patterns) + IoC/DI (Inversion of control and Dependency injection) + Primsa ORM + API REST boilerplate.

The most often-used OOP design patterns in TypeScript

A free book that talks about design patterns/techniques used while developing with React.

Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

Open source privacy notice design patterns.

These are examples of design patterns for FE projects.

🌸 A fast and fun way to learn Japanese alphabets: hiragana & katakana. Don't wait - learn now!