Hello from France! 🌸 Thank you so much for trying out Capsule VN Engine, it's awesome to see it reach creators in Ukraine!
Currently, the engine defaults to the classic visual novel landscape format (16:9, 1920x1080). However, since Capsule exports everything into a single, clean HTML file, you can easily "hack" it to fit a 9:20 vertical smartphone format!
Here is the quick ninja way to do it:
1. Tweak the Engine's CSS Once you export your game, open the .html file with any text editor (like Notepad or VS Code). Look near the top for the <style> tags. Find the #game-viewport rule and change the resolution:
- Change:
width:1920px; height:1080px; - To:
width:1080px; height:2400px;(This gives you a perfect 9:20 ratio!)
2. Adjust the UI Because the screen is now narrower, you might want to find the #dialog-box in the CSS and adjust its width and bottom margins so the text box fits perfectly on a vertical screen like a modern Otome game. 📱
3. Use Portrait Backgrounds Simply upload vertical backgrounds (1080x2400) directly into the engine while building your story. They will look stretched in the editor, but will display perfectly in your final modified HTML file!
I am definitely taking notes and planning to add a native "Vertical Mode" switch inside the editor for a future update. I would love to see the vertical novel you create with it! ✨