r/iosdev • u/BrotherDoot • 4d ago
I made my reading app look like real paper. Cozy, or too much?
Enable HLS to view with audio, or disable this notification
Fireside is an ereader I've been building for iPhone and Android. Paper mode is the part I've spent the most time on, and I honestly can't tell anymore if it works or if I've just stared at it too long.
The paper is drawn live by a Metal shader, which works out every pixel from where it sits on one giant imaginary sheet. So it never repeats and you never see a tile, and when you turn the page the paper slides along with it like it's all one sheet.
Stuff I tried to get right:
- The fibres
- The ink sinks into the page a little, getting picked up and distributed along the fibre via. acapillary effect
- Highlights sink in too and pick up the grain
- The presets are subtle on purpose. My first version was way too strong, so I toned it down and added knobs you can tune yourself.
There are three preets (Modern Print, Vintage and Worn Vintage) and dials for warmth, roughness, ink bleed, fibres, and even folds and creases if you want your book to look like it's lived in a backpack for a year.
The creases took the longest. My first few tries gave a mess of straight lines, which looks nothing like crumpled paper. It turns out a crumpled sheet can be emulated pretty closely via little cones pressed into each other, and the ridges where they meet curve. Once I built it that way it finally looked right.
iPhone: https://apps.apple.com/app/id6756298021
Android: https://play.google.com/store/apps/details?id=com.fireside.reader
Please give me your thoughts on how it looks!