Enable JavaScript to use the Prophecy Pane Generator.
If this message still appears, you may have found a bug. Report it here.
How do I use this?
Select a preset from the list to see any of Deltarune's prophecy panes rendered in your web browser, or click "Random" for a random prophecy text (with a bonus here or there).
Type whatever you want in the "Prophecy text" input ("#" characters are treated as newlines, but regular newlines may also be used). The prophecy text updates as you type.
There are currently two colour filters (other than the default): "Second Sanctuary" and "Last Prophecy", which correspond to where they appear in game. Custom colour filters are Coming Soon™.
Uploaded images should be single-colour on transparent background with a maximum resolution of 150x90 pixels (larger images will be clipped). Animated images (e.g. GIFs) are supported. Images uploaded to ProphGen are never sent off your computer.
If your device is set to reduce motion, you can override it if you want to see what it looks like animated (otherwise it will appear still).
More customisation options are Coming Soon™!
What is this?
This is a highly accurate recreation of a prophecy pane, seen throughout Deltarune Chapter 4. It is written entirely in CSS, with a small amount of HTML to display the graphic, and JavaScript for customisation (the one on the homepage doesn't even need JS!)
If you somehow haven't heard of or played Deltarune yet, stop reading now and go buy and play it. If you don't think you'll like Deltarune, play the demo, then buy and play the rest of the game. I'm quite sure you'll have a good time, and maybe even enjoy the story as well.
(although chapter 1 was kind of mid in my opinion, at least compared to the rest of the game. It still has some pretty important character development though, so don't skip it!)
Anyways, I made this because I quite like the aesthetic of the prophecy pane effect, being my favourite in Deltarune so far. This is also why most of my accounts' profile pictures got updated to the one seen on the homepage shortly after I played Chapter 4 (late-June 2025).
Bugs/TODOs
- No PNG/GIF export. This will probably be hard to pull off without writing a fully JavaScript implementation of the prophecy panes (I'm not looking forward to dealing with colour blending in JS...)
- Use this website if you want image export - but keep in mind there are quite a few rendering/accuracy issues (at least from my brief testing).
- All timing issues with the animations should be fixed, however I may have missed something. Create an issue on the issue tracker if you find any problems.
- The Second Sanctuary and Final Prophecy colours seem a little wonky to me (compared to an up-to-date base game - the launch version had a rendering bug causing the "ghost" images to render incorrectly). My own research seems to suggest this is a difference in hue-shift implementations between Deltarune and web browsers (I had to reverse the hue offset, then subtract 10° to make it look more correct).
- Currently no ability to customise the colours or backgrounds, although the possibility to easily change the background images exists in the CSS code.
- No ability to adjust image alignment. Vertical text alignment is limited to newlines.
- Custom text rendering is garbage for some reason (the homepage uses pre-rendered text), especially on Chromium-based browsers. This will be fixed with a custom text rendering engine.
Troubleshooting
If you see nothing and/or a warning that your browser is too old, you won't be able to use ProphGen on your device until you update your browser.
- Previous versions of the prophecy pane CSS supported these older browsers, but to make my life easier, I decided to start using CSS variables/custom properties, which aren't supported by browsers released before ~2014-2017. If you can't update your browser (for example, due to not being able to update your OS), there's a good chance your device won't be able to run the animation at a very good speed anyways.
If the animation is laggy or freezes, your computer/phone/smart fridge is likely too old/underpowered to run it at full speed. You'll need to try again on a more modern/powerful device (sorry).
- That being said, I was able to get an older version of the prophecy pane CSS working just fine (although somewhat slowly, and with blurry images) on an iPod touch 5th gen running iOS 8 (iOS 9 on does not exist on A5 devices, and you cannot convince me otherwise). Although I haven't been able to access the live version of this website on such an old browser...
- If the text and/or image is cut off, you'll have to zoom out the page if possible. I have added CSS rules to automatically resize the prophecy pane if your screen is too small, but this is limited to integer values for now, and will still fail to keep some long lines on screen.
- WebKit currently has a bug causing the background to be rendered incorrectly (the background colour filter will sometimes disappear if you're affected). A workaround is still being worked on.
Psst! If you want to know the font used for the prophecies, it's called MixSerifCondense. If you want to use it on your own website, it's free for non-commercial use as far as I can tell.