hello! i’ve made a short little guide-zine on how to hack this tool to use custom page sizes and numbers. the reader is a great tool and i’m really happy it’s so versatile and easy to adjust :)
HTML5 Reader for Electric Zine Maker
A web and mobile friendly way to show off your Electric Zine Maker zines on itch.io.
- Radical 3D page flipping action
- Keyboard and mouse/touch input
- Web and mobile friendly
- Compatible with all EZM templates as of August 2021, but Fancy templates are not (yet) fancy.
- Will continue to update when new EZM templates are introduced, I promise.
Turn pages with arrow keys or A/D, or click/tap on page edges.
Download EZMreader.zip, drag your EZM save file PNGs into the pages folder, and follow the instructions in the readme.
The older turn.js version is still available for download, but be aware that it's not mobile friendly and does not have keyboard support.
Code available on GitHub under the MIT license.
Check out this collection of zines using the Reader. Hit me up wherever to get added to the list!
╔═══━━━─── • ───━━━═══╗
Made with love just for you.
Find me on Twitter.
╚═══━━━─── • ───━━━═══╝
Click download now to get access to the following files:
Log in with itch.io to leave a comment.
Hi Jeremy. I'm grateful that you made and shared the EZM reader. Thanks! One thing I'm noticing is that the zines are inverted when viewed in Safari or Chrome. Viewing in Firefox works perfectly, however. Are others also experiencing this? Is there a way around this or a solution? Thanks again!
Hi, this is only the second I've heard of this problem occurring. Could you tell me what platform you are using because I am unable to reproduce it. Also, are you embedding it on itch.io or using it on your own webpage?
Hi Jeremy, thanks for your reply. I'm using macOS and embedding it on itch.io.
It's not just my own zines. It happens to when I view your zine in Safari or Chrome. In both cases it's inverted. When I view it in Firefox it works perfectly. Thanks a lot!
I follow the instructions but when I upload I get an error that says ''Something went wrong! Make sure your images are in the pages folder! See console for details.'' I've checked and they're definitely in there, what do I do
Are you sure you followed the instructions exactly? Did leave the file names as they were? This error should only appear if the images can't be found for some reason.
HEY!!! First off, I love this!!!!!!! THANK U!!! A pal and I are using it to embed our zine on our webzone: https://imaginaryresidency.com/
I noticed a bug tho on iOS (only mobile device i tested) that the pages are inverted and backwards? It's very cool, tbh, but not readable. Any ideas on how to fix it? I can do a bit of code, maybe I can help? （*＾ワ＾*）
Mine says "There doesn't appear to be anything here..."
when I upload, I believe I've followed all the instruction. Any help appreciated :)
In your itch.io project settings, under Kind of project, have you set it to HTML?
Ah that seems to have fixed it for itch.io! I was actually just testing on itch.io though because it also wasn't working on Hicetnunc. I was planning to release it as a free zine this weekend to help get more switched over to a cleaner NFT platform. On there I get the error:
Something went wrong! Make sure your images are in the pages folder! See console for details.
Might just upload as a pdf though, hate to ask you to troubleshoot for some some other random site lol. Thanks for your help :)
My eyes... They won't stop bleeding... 10/10 would read again!
thank you for this cool tool <3
thank you! so good now I've got it working, I was confused about the dimensions when uploading to itch but all done x
i use this for all of the zines i make with EZM. i love it! thanks for making it <3
I'm not sure if itch.io lets you run an html project in a devlog like that. I doubt it. I think the best thing to do would to just create a new page for the other language, and have the two pages link to each other.
everytime i try to upload it it says missing index.html in the zip, what should i do?
are you sure index.html is in the zip? Remember, you need to zip up the entire folder, not just the Pages folder.
Hey! I tried it and all the pages are black, even if I play it on an itch.io test page! Not sure what I am doing wrong :/ Cheers!
Testing with the latest version and everything is working as it should. Maybe you missed a step in the instructions? If there's any part of the instructions that's confusing, please let me know!
I fixed it! Was a problem on my end with the PNG format. After that was fixed everything worked out! Thanks for the quick reply :)
Hey what do you mean with the PNG formating? As I am having this same issue but am struggling to fix it. Thanks!
Hello! I love this concept, but when I downloaded and followed the instructions in the readme, this happened:
Is this my end, or yours?
Hi, I believe you're trying to open the file in Windows directly. Try opening it with Notepad, that should allow you to edit it. If you have something like a code editor or Notepad++ that would be even better.
Thanks for bringing this to my attention, I'll add a clarification to the instructions
Hello, I am new to this stuff and am finding this quite difficult to follow. Is this the only way to get the zine so it can be read/viewed online properly? Not trying to be critical or anything like that, just honestly kinda lost here.
Hi, Electric Zine Maker allows you to export as a PDF, which is great for sharing person to person but not as easy to host online etc. I made this so you can just drop in your saved images from EZM and have a nice looking and feeling digital booklet anyone can read. It's not exclusive or anything. Anyone is free to make their own app or website or whatever to show off their zines however they please. If you have any questions, I'll be happy to help.
i copied over my pages without changing the file name and the reader is still blank? i checked the script and the page names match the ones in the ezmreader file but im not sure why they're not showing up
-update- i downloaded the older script and the old one works, but for the new one all the pages seem to be blank
Hi, I tested it on the most recent version of EZM and everything still seems to be working as it should. Are you testing it on your local machine? Modern browsers don't let you load local resources such as images for security reasons. Have you tried uploading the project to an itch.io test page to see if it works there?
Using the older script was also my only way of getting this to work also, if anyone else is having issues.