The plugin has been tested up to the latest version of WordPress (WordPress 6.1).
I don’t have any plans to create other WordPress plugins for games. The JavaScript game code for this plugin game was taken from the open-source project chromium, which is the backbone for browsers like Chrome and Edge. I was already familiar with this game code when I decided to create this plugin.
I haven’t tested or used any other game plugins on WordPress.org. I use this one for 404 pages and coming soon pages sometimes as a fun novelty, but other than that I rarely put games into websites.
I would recommend searching the https://wordpress.org/plugins/ repo for “game” and trying out plugins there to see what works well for your project.
If you are looking to make a similar plugin yourself and need ideas for JavaScript based games, you might try searching “game” on https://codepen.io/ just for ideas.
Thread Starter
Xandro
(@sudarshankotian)
@chrisdavidmiles Thank you for your reply.
I am using this plugin for PWA offline fallback page, which I have added to cache.
So, are there any other resources I need to add into the cache? for offline page, which has this games (using shortcode).
I did try it was working fine on some devices, in some not.
So, need some clarity on this.
Thread Starter
Xandro
(@sudarshankotian)
How can I make Dinosaur and cactus color Green?
So, are there any other resources I need to add into the cache? for offline page, which has this games (using shortcode).
If you can see the game being rendered then all the resources are being shown. It uses some css, some JS and some markup on the page to run.
I did try it was working fine on some devices, in some not.
If getting certain JS to run in a PWA is working in some browsers and not others, then you might want to take a look at the specific requirements of that browser. Different browsers and devices have different PWA requirements. Or you can use a plugin that manages that for you.
Personally I like using https://wordpress.org/plugins/super-progressive-web-apps/ for turning a WordPress site into a PWA.
How can I make Dinosaur and cactus color Green?
The HTML markup of the game has very unique classes to make it as easy as possible to apply CSS to it. You can also swap out the graphics of the game yourself by editing the game-sprites-1x.png and game-sprites-2x.png files. Just keep in mind any changes you make to the plugin will be overwritten if you update the plugin in the future. If you want to make changes but continue to update the plugin, then you can install this secondary helper plugin and replace game files in that instead: https://github.com/chrisdavidmiles/assets/raw/dinosaur-game/custom-assets-dinosaur-game.zip
That plugin allows you to use custom assets in the dinosaur game while still receiving updates in the main plugin.
Thread Starter
Xandro
(@sudarshankotian)
Thanks 😊 @chrisdavidmiles for the detailed explanation.
I tried again on every possible device I can get, and this time it is working fine for offline fallback page with this game.
I really don’t want to use any PWA plugins or paid services to be honest. 😅 Don’t want to rely on plugins for everything.
Ok, I will try this way.
Have a great day ahead.
Thank you for everything.
