Monogatari Documentation
HomepageGitHubDiscordTwitter
master
master
  • Welcome
  • Getting Started
    • Step 1: Setup Your Environment
    • Step 2: Download Monogatari
    • Step 3: Get Familiarized
    • Step 4: Make Your First Visual Novel
  • Upgrading from v1.4.1
  • F.A.Q.
  • Diagnosing Errors
  • Building Blocks
    • Script & Labels
    • Characters
    • Variables & Data Storage
    • Actions
      • Life Cycle
    • Components
      • Life Cycle
      • Built-in Properties
      • Built-in Functions
  • Script Actions
    • Choices
    • Clear
    • Conditionals
    • Dialogs
    • End
    • Gallery
    • Hide Canvas
    • Hide Character
    • Hide Image
    • Hide Particles
    • Hide Video
    • Input
    • Functions
    • Jump
    • Next
    • Placeholder
    • Play Music
    • Play Sound
    • Play Voice
    • Show Canvas
    • Show Background
    • Show Character
    • Show Image
    • Show Message
    • Show Notification
    • Show Particles
    • Show Scene
    • Show Video
    • Stop Music
    • Stop Sound
    • Stop Voice
    • Vibrate
    • Wait
  • Components
    • Credits Screen
    • Quick Menu
    • Loading Screen
    • Main Screen
    • Choice Container
    • Save Slot
    • Text-Box
  • Configuration Options
    • Game Configuration
      • Asset Preloading
      • Internationalization
      • Saving
      • Skip Main Menu
      • Storage
    • Player Preferences
    • Split Files
  • Style & Design
    • Responsiveness
    • CSS Classes
    • HTML Data Attributes
    • Icons
    • Image Menus
  • Releasing Your Game
    • Chrome App
    • Desktop App
    • Mobile
    • Web
  • Advanced: Monogatari Development
    • Core Libraries
      • Artemis
      • Kayros
      • Pandora
    • Actions
    • Components
    • Translations
    • Events
  • Releases
    • v2.0.0.alpha.8
    • v2.0.0.alpha.7
    • v2.0.0.alpha.6
    • v2.0.0.alpha.5
    • v2.0.0.alpha.4
    • v2.0.0.alpha.3
Powered by GitBook
On this page
  • Getting a Browser
  • Getting a Code Editor
  • Getting a Local Web Server (Optional)
  • Which server should you use?

Was this helpful?

  1. Getting Started

Step 1: Setup Your Environment

Install all the tools you need to create your visual novel

PreviousGetting StartedNextStep 2: Download Monogatari

Last updated 4 years ago

Was this helpful?

To develop in Monogatari you'll need the same tools used for web development. This means that all you need is a text editor, with which **you'll be editing HTML, JavaScript and CSS files. Optionally, you may also use a local web server** while developing your novel.

Getting a Browser

You already have one of this but is it the best one for you to develop your game?

We recommend you using either or for development. While your game will run in any modern browser, not all of them offer a great experience while developing. Both Chrome and Firefox have some pretty cool developer tools that will certainly make your life easier.

Getting a Code Editor

What editor to use comes down to personal preference but almost any text / code editor should work! You can even use Windows Notepad. However, to make your life easier, you should really try using a text editor that has been created for coding since those have features such as code syntax highlighting (all the different colors for functions, variables etc.) and some may even help you out while writing your code!

Here are some that are pretty awesome to get you started and they are completely free to use:

If you've never used a code editor before, feel free to try them all! You should stick to the one you feel more comfortable with.

Getting a Local Web Server (Optional)

A web server, in simple terms is the piece of software that retrieves and sends the correct files to your browser when you enter a website. While it is completely optional to install one, it's important to establish why you would want a local web server.

Here is a list of features that will only work if your game is running under a web server:

Which server should you use?

There are many web servers out there, some that may come up on search results include Apache and Nginx, however, these may be more complicated and a bit too much for what you'll need.

: Asset preloading, as it's name sounds, is the feature that allows your game to preload all images, sounds, videos etc. and save them up in the browser cache so that they are loaded faster and work offline. This feature requires a web server since it uses service workers and those are only available through HTTP or HTTPS protocols.

The most simple option is to install the extension that will allow you to create a very simple web server using the Chrome browser. Even if you prefer not to use chrome for your development, you can simply set up the server and then access it through any other browser.

Chrome
Firefox
Visual Studio Code
Atom
Brackets
Asset preloading
Web Server for Chrome