Hosting a p5.js sketch with GitHub Pages

Hosting on Github – Hosting a p5.js sketch with GitHub Pages


Hosting a p5.js sketch with GitHub Pages

Hosting on Github

How to host your p5.js sketch with GitHub pages, updated for 2020!

📋console steps:
🌈rainbow README:

🎥 Introduction – Git and GitHub for Poets:
🎥 Branches – Git and GitHub for Poets:
🎥 Forks and Pull Requests – Git and GitHub for Poets:
🎥 Cloning Repo and Push/Pull – Git and GitHub for Poets:
🎥 Workflow – Visual Studio Code:

0:00 Introduction
1:25 Download code from p5 web editor
3:26 Creating a GitHub repository
6:48 Enabling GitHub pages
8:57 Pushing to GitHub from local console

🚂 Website:
💬Discord:
💖 Membership:
🛒 Store:
📚 Books:

🎥 Coding Challenges:
🎥 Intro to Programming:

🔗 p5.js:
🔗 Processing:

you search:

Hosting on Github

Hosting a p5.js sketch with GitHub Pages

26 thoughts on “Hosting on Github – Hosting a p5.js sketch with GitHub Pages

  1. The command at 10:55 to show hidden files should be only `ls -a` the -l option is to list the files with more info. `ls -l` will list the files in ta tabular format but won’t show hidden files. `ls -a` will show hidden files in a compact list. `ls -la` will show hidden files in a tabular form.

  2. This tutorial is already outdated. Github changed the way Pages works. It no longer accepts index.html as the homepage. It now must use index.md, and I am having trouble converting my p5.js project over.

    Edit: Apparently you can get around that issue by selecting a Jekyll theme. However, it looks like GH is blocking my loadImage and loadJSON calls in my sketch.

  3. ANOTHER great video. I think GitHub Pages are only available in the non-free version. My bill came around the other day and I thought to myself "I thought GitHub was FREE!". The Team (or Pro) version is $4/month I'm billed annually so $48. I found the page that told me what I was paying for, and it seems worthwhile. Pages are included in this and I'm not sure if you could create unlimited repos with unlimited hosted "Pages". https://spilledmilkcom.github.io/p5Samples/

  4. There is also gitlab pages of you are looking to avoid using a MS product. Also with gitlab pages you can use a program like tree to generate content… You don't need to store generated files in the gut repo it's self.

Leave a Reply

Your email address will not be published. Required fields are marked *