Search results
A simple template for web-based visual novels. Written in javascript, easily customizable. Resources
Text boxes in visual novels typically have backgrounds that cover the full screen, so 480x270. The text box is overlaid over the roughly bottom quarter of the screen, so it might be 60-70 pixels tall. You can usually see through the text box but important parts of the image are not placed there.
In the case of separate files, you'll need to be drawing at a higher resolution, ideally 2x (so: 3000px tall (FHD), 2000px tall (HD)), and then export the normal sprites at half resolution and the closeups at full resolution.
Standard American comics typically are printed 6.63″ x 10.24″ (16.84 x 26.01 cm). That converts to an aspect ratio of 663 : 1024! The exact measurements can vary a little bit, as you can see with the blambot guide here I found. But the aspect ratio is pretty much always the same!
For single monitor users, the highest used resolutions is 1920 x 1080 (which is HD) with nearly 50% of the population. The next closest is 1366x768 at 22%, which is a very common laptop/netbook screen size. The rest are all in the low percents.
This is a convenient online ruler that could be calibrated to actual size, measurements in cm, mm and inch, the upper half is the millimeter ruler and centimeter ruler, the lower half is an inch ruler.
Personally I draw at 4* the size of the intended resolution of the game. In my case the native resolution of the game is 1920x1080, so 7680*4320 is the size of the drawing. I make the canvas slightly larger than that to act as a border in case I want to pan or zoom the image at points in the game.
