The Mise-en.cene (MEEZ-ah-SEEN) project is meant to make it easy to take a screenplay-like dialogue between characters and have it compiled to multiple display styles for high accessibility. In particular, it's intended to let conversations be displayed in a visual novel style with character art and background images, but with fallbacks to comic or screenplay formats when those are more accessible to the reader.
Mise-en.cene will put to the test some experimental ideas about how to replace CSS (and HTML) while meeting CSS's goals of decoration, customization, and accessibility. The results could be generally applicable to other document types and presentation media.
The demo in this repo builds to a page you can see in your browser.
Using Mise-en.cene in your project
Mise-en.cene is based on the Cene programming language, which isn't even very stable itself yet. Cene packages are distributed as Node.js packages using the
npm command-line utility. Create your own Node.js project with a package.json and a Gulp and Cene build setup as seen in the Cene example project, and then follow the below steps to incorporate Mise-en.cene into the project:
Install the specific version of Cene that Mise-en.cene has been tested with:
npm install --save email@example.com
Install Mise-en.cene itself:
npm install --save mise-en.cene
"mise-en.cene" appear in your gulpfile.js's
ceneLibs array exactly once, like so:
var ceneLibs = [ "cene", "mise-en.cene" ];
Ensure each of these lines is in your build.cene file exactly once:
(import lib cene \;qq[chops.cene]) (import lib \;qq[mise-en.cene] \;qq[mise-en.cene])
Now you can use the utilities Mise-en.cene provides as part of your Cene code. (TODO: Document those utilities.)
First, check out this repo.
Install its development dependendencies:
You may also like to install Gulp globally so you can run the static file server:
npm install -g gulp
To run a build:
npm run build
This creates intermediate files in a new build/ directory and generates demo files in a new fin/ directory. The Cene source code for the demos is obtained from the src/ directory. By editing the src/ directory, you can maintain the demos, and by editing the lib-cene/ directory, you can maintain the library itself.
npm run build-debug
To delete the build/ and fin/ directories:
npm run clean
To run the static file server on port 8080:
To run a build and run the static file server on port 8080, concurrently:
gulp build serve
About this project
This project is released under the MIT license. See LICENSE.txt.