Solid Hacks
  • Solid Hacks
  • Chapter 1 - Static Pages
    • Hosting a Web Page On Your Pod
    • Hosting a One Page Game
    • URL Shortening
    • Creating a Realtime Markdown Editor
    • Saving a Markdown Document to Your Pod
    • Hosting Snippets
  • Chapter 2 - Working With Pods
    • Solid from the Console
    • Solid from the Command Line
    • Creating Group URIs
    • Hosting a pod on your own domain with CNAME
    • Interacting With Crawlers
    • Logging in with a Public Key
  • Chapter 3 - Working With Panes
    • Creating a Personal Diary
    • Creating a Slideshow
    • Creating an Audio playlist
    • Create a Presentation From Text
  • Chapter 4 - Integrations
    • Integrating Solid with Mastodon
    • Integrating with IPFS
    • Integrating Solid with Facebook
    • Integrating with Amazon S3
    • Integrating With Jitsi
  • Appendices
    • Appendix A : Solid Resources
    • Appendix B : Solid Communities
    • Appendix C : Utilities
Powered by GitBook
On this page
  • Introduction
  • The Hack
  • Demo
  • Excercises
  1. Chapter 1 - Static Pages

Hosting a One Page Game

PreviousHosting a Web Page On Your PodNextURL Shortening

Last updated 6 years ago

Introduction

This hack builds on the previous hack.

However this time we will create a one page pacman game

The Hack

Once again created an html page in your pod, but this time call it pacman.html. You may want to create a games directory too. Edit the source again. But this time you will cut and paste the code from the following github gist.

Your final result should be a game like the link below.

Demo

Excercises

Find the parent gist on github and star it.

Try the following game

https://solid.gitbook.io/solid-hacks/section-1/hosting-a-web-page-on-your-pod
https://gist.githubusercontent.com/maettig/1384306/raw/f22ddd0f2a537f9ec8143a07ebdb9d03ca776d30/test.html
https://solidhacks.solid.community/public/games/pacman.html
13kjs
https://js13kgames.com/games/1024-moves/index.html