glitch-game-club / glitch-game-club

A Resource for Web Game Making Clubs

Welcome to the Glitch Game Making Club Resource

Welcome to the Glitch Gamemakers Resource. Many thanks for taking the time to look at our project. We hope this is a useful space and thank you in advance for any contribution you can make. We are not sponsored by Glitch.com we just love the tool as a place for our learners to have fun and learn things.

This project aims to be a network of people to support computer club activities to make games. Together we will create a hub of resources to help this happen. Our particular focus will be on; Creating audio, visual and story assets for video games using free and open tools, Coding web-based games in Javascript using Phaser.js, Fun activities inspiring a creative response to local and global issues (especially “writing / coding in-role”)

Remixable Phaser Web Games in Glitch

We are actively seeking simple 'boilerplate'/ starter games in Glitch to add to this list. Ideally these games will be half-baked in some way. By this we mean games that invite users to dive into the code by hitting remix and fix them or improve them in some way.

See below for details on how to contribute.

• Grid Platform Game
• 2d Breakout Game by end3r

We will help learners to be choose their own paths, work collaboratively and be inspired to make fun games with positive messages.

Getting involved in the Clubs and our Resource

Please join us to support the Game Making Club Process and the Resources we are creating.

Can you help us in one of the following ways to get involved?

• Game and Resource Creators: to help build a library of remixable HTML5 games and linked resources. Glitch and Phaser 2 are the tools we use. Please have a look at How to contribute and our coding games guidelines
• Web Coding Mentors: you will be a subject enthusiast from one of the area of activity. You volunteer for either video chats, to give feedback on projects or to answer forum questions. Please sign up here by creating an issue

Please see CONTRIBUTING.md for more information on all of the above.

Communication and Publication Channels

Please take time to review our code of conduct aimed at young people, families and other contriubtors.

You can view some of our activity at the following locations:

• Our Project Blog
• Follow Discussions on our Issues page
• Our Wiki for Resources sharing
• If you get stuck Coding please ask questions here

glitch-game-club's Issues

Change CONTRIBUTING Document to Reference Glitch

Glitch rather than Thimble in https://github.com/webgameclubs/edlab-gamemakers-club/blob/master/CONTRIBUTING.md

Transferring existing code snippets to CodePen

There are some great code snippets at the Phaser Examples site.
http://phaser.io/examples

This project aims to created an edited version which is in a format that can be can be easily remixed.
Can you help?

Code Pen seems to be a very accessible way to do that, and one that can work well in combination with projects in Thimble.
Here is a starter collection for Phaser games - https://codepen.io/collection/DEeRxq/#

You can make a comment to this issue linking to a code pen and I'll include it in the collection.

Create a public Piskel Gallery of useful sprites to edit

There's a start here but a separate account could be good for the project.
https://www.piskelapp.com/user/5608586030874624/public

Drama Practioners Wanted

Drama Practioners: we are working on drama scenarios to support our club activities. Please sign up here

Feedback on "Our Simple Coding Approach" section in book

I'm writing and introduction for the book linked to this project here which lists some of the principles that can be used to help users start. It's the section "Our Simple Coding Approach"
http://write.flossmanuals.net/learn-javascript-with-phaser/introduction/

It would be great to get some feedback on it.

• Do you agree with the different ideas listed here?
• What would you change?
• Are there other sections to add?

Name Question - HTML5 Game Making Clubs or Web Game Making Clubs

Should the name of the resource be explicitly for HTML5 games? Or is the term Web Games more accessible?

Web games could in theory incorporate Scratch, and while that is not the main focus of the content of this resource, Scratch is a great resource for prototyping games.

Also if aiming for a wide audience or non-technical audience would HTML5 Game Making put some people off?

I would really appreciate thoughts on this naming / branding issue.

Design us a nice Hugo website for the project

We would love to use this repository and Hugo as our main blogging and documentation platform.

We also want our web presence to be as inspirational as the contents of the club.

So we are looking for a Web Dev/ Designer to create;

• a Hugo site
• a base page with a list of our games and how to get involved
• a blogging template

Could this be you? Please comment to ask questions or volunteer.

Simple Code Standards and Linting

Can we pick some simple coding standards and have an easy way to lint files for compliance?

Educational Mentors Wanted

• Educational Mentors: you will be a education practitioner who can test out our resources with your learners and give advice us about how to improve them. Please sign up here

Try to move as much data as possible about volunteering and making games OFF of the wiki

This project site is confusing as there is duplicate material on md pages and in the wiki.

The reason for doing this no longer holds water, so where ever possible move data OFF the wiki, and simplify the information to make this a Hub for beginner game making resources.

Need pipeline from GitHub to CodePen

The purpose of GitHub is to provide source code management. The purpose of CodePen (and equivalents) is to provide an interactive coding environment for learning sessions.

We need pipeline that takes us from making an update in GitHub to an updated CodePen enviroment.

Mozilla Clubs, Families, Schools and Youth Clubs Wanted

Families, Schools and Youth Clubs:](https://goo.gl/forms/gobJ9fOPm1XouBp72) we have two groups of families and young people involved but are looking for more. If you are a Mozilla Club looking to run game making activities we are especially keen to talk to you. Please sign up here

Web Coding Mentors Wanted

Web Coding Mentors: you will be a subject enthusiast from one of the area of activity. You volunteer for either video chats, to give feedback on projects or to answer forum questions. Please sign up here by creating an issue

Refactor Simple Game to Edit code

Hi there Dave,

You talked about refactoring the code for https://github.com/webgameclubs/simple-game-to-edit
to abstract away the level build into a different function and perhaps move some of the variables out of global if they don't need to be there.

Convert Key pages of http://digitalducks.org/webgames-club/ to Mark Down for Hugo

http://digitalducks.org/webgames-club/

Is the project website that needs to be replaced. Can you work with me to select key pages to convert to markdown suitable for our new Hugo site.

Need to Create Blogging and Resource Template for Thimble

We could use wordpress or tumblr or medium but....

We would love to use Thimble the online code editor from Mozilla as our main blogging and documentation platform. In this way we can involve participants in our blogging process and they will also learn about altering HTML code.

We also want our web presence to be as inspirational as the contents of the club. So we are looking for a Web Designer to create a base page, a blogging template and a session documentation template. Could this be you?

Also the HTML of the pages and maybe some of the css should be easy to read and replaced by our Club participants (Ages 8 and up). Be sure to test it works in http://thimble.mozilla.org

Design wise, you have an open brief that fits the friendly, social side of tech, but be sure to [follow these guidelines] (https://mozilla.github.io/learning-networks/clubs/branding-guidelines/#club-website).

Ask Questions here if you get stuck with our Grid Game Template

Just ask questions here if you get stuck using the Grid Game Template or code examples from https://ggc-examples.glitch.me/.

Project Co-ordinator needed for Hugo Website creation

Can you take a lead on allocating tasks and getting a few people involved with the Hugo website creation project as per #30

I can support you with relevant information. Volunteer below and I'll assign you.

Create site structure in Hugo

Can someone create a site structure for this website that includes the following

• home page - a base page with a grid of game and project summary
• project updates - dynamic list of blog posts
• about us - project page - mostly text and links static
• get involved - static page based on Contributing.md
• game making resources - static page a graphical grid of our top game making resources we use and a list of links to others

The "blank-phaser-platform" Game Won't Work With Thimble

The "blank-phaser-platform" game I created won't work in Mozilla Thimble as I used the unminified version of the phase library which exceed the Thimble max upload size. Using the minified version will fix it. I'll aim to submit a PR for this soon.

Game and Resource Creators Wanted

Game and Resource Creators: to help build a library of remixable HTML5 games and linked resources. Glitch (and Github) and Phaser.io are our go-to tools.

Please have a look at our README.md, CONTRIBUTING.md, and CODE_GUIDE.md

When you are ready submit a pull request for a self-contained game into the games/ folder of this repo.

In the end we may move this to a self contained repo to integrate better with glitch.com.

Happy Coding!

Re-arrange the game templates and tutorial resources - make graphical

Re-arrange the game templates and tutorial resources to make more graphical. Perhaps using HTML and git-pages or a static site generator.

How can we best share our practice with Volunteers?

In Manchester we are doing our best to have an open process with running the Web Game Making Club on Tuesday with Home Ed families and on Thursdays with Rolls Cresent Primary school.

A question. How can we best share our practice? We have started a wiki page here.

• Have you got anything to contribute?
• What other ways could we try to build a community of game making?
• Any other tips?

Transferring and adapting existing tutorials into Thimble

One thing that needs to be done is to take some of the great web game tutorials at sites like this one - https://phaser.io/learn

And try to bring them into an easily remixable format like this one - https://thimbleprojects.org/piratepete/334344/

The process would involve contacting the original authors to check they are supportive. And then adding the code into Thimble in a way that is easy to read and alter for learners. If you can identify a tutorial and adopt it for this process please do comment here.

Would you create a webgameclubs/simple-game-to-edit repo?

Hi @mickfuzz , would you be okay to create webgameclubs/simple-game-to-edit as a fork of webgameclubs/simple-game-to-edit ? First example of Glitch and GitHub.

Thank you, Dave.

Streamline contributing process to highlight advice to contribute external repos of games

Streamline contributing process to highlight advice to contribute external repos of games

There is a bit of confusion about this which should be simplified.

Create recruitment material

Create recruitment material

How can we best support and interest driven / multiple path approach to making games

Any suggestions from educators and volunteers about how best to present our resources in a way that supports different pathways through the material, tools and activities that are part of the process of making web games?

There is a start of page on a wiki here that would be turn into more colorful resources. But how to do it without giving the impression that there is a set path to follow in a particular order?

Network Recruitment Material to Participants.

Network Recruitment Material to Participants.

Change Wiki Home Page to Reference Glitch

https://github.com/webgameclubs/edlab-gamemakers-club/wiki needs updating so the examples are in Glitch rather than Thimble.

Update Project Documentation to Promote use of Glitch / Git for Sample / Half Baked Games

as per #19

This could do with some big flags on the front page as our suggested tool set and workflow.

Mick to update this chapter
http://write.flossmanuals.net/learn-javascript-with-phaser/understanding-our-code-structure/

Link to Drama Practitioners on README Page Gives 404

The link "Drama Practioners" at the bottom of the "Getting involved in the Clubs and our Resource" section of the README.md file is broken.

Change the Front Page Examples to Use Glitch

The examples in https://github.com/webgameclubs/edlab-gamemakers-club/blob/master/README.md reference Thimble. These need to be changed to use Glitch.

Hugo theme design requested

Can anyone step forward to create or adapt a Hugo theme suitable to the project key themes?

The graphical style hashtags could be #fun, #techy, #crafty, #maker, #retrogames

Find Somewhere to Store .eslintrc.js File and Make Reference to Its Use in the Docs

I keep a local .eslintrc.js that encodes the JavaScript styling we're working to in the project. I don't want to add it to individual games since that would be potentially confusing to new coders. I would like somewhere to save it in the project so we have a shared view on the code style rules.

Review wanted of Phaser Book

Hi there,

I've done a first draft of Part One of a book on learning how to code by making games here.
http://write.flossmanuals.net/learn-javascript-with-phaser/

It would be great to get feedback. What would you change? what's just wrong? what's missing?
Just do Part One if that's ok. I'll use your feedback in doing Part Two

Could you put your comments here
https://public.etherpad-mozilla.org/p/review-phaser-book

Feel free to edit typo/s or messy writing directly if you already have a log in, or email me if you don't.

Many thanks
Mick

Create a code template for show casing Game Mechanics

As per this great site - http://gamemechanicexplorer.com/

Let's create a simpler one.

Research licences in mozilla materials

Use Glitch instead of CodePen for remixable game examples

Proposal to use Glitch for better Git integration

https://youtu.be/aWvTqHNDi_Q