https://github.com/henrikingo/impressionist

A Visual 3D editor for creating stunning impress.js presentations
https://github.com/henrikingo/impressionist

Last synced: 12 days ago
JSON representation

A Visual 3D editor for creating stunning impress.js presentations

• Host: GitHub
• URL: https://github.com/henrikingo/impressionist
• Owner: henrikingo
• License: mit
• Created: 2016-08-21T11:38:49.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T17:15:56.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T05:42:15.998Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 201 KB
• Stars: 194
• Watchers: 15
• Forks: 37
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Impressionist

Impressionist is a prototype and concept to build a visual (wysiwyg) editor for creating 

[impress.js presentations](http://henrikingo.github.io/impress.js/examples/classic-slides/). 

The idea is to use [Electron](http://electron.atom.io/) to make the browser based

impress.js presentation into a proper desktop app that can open and save files. 

[TinyMCE](https://www.tinymce.com/docs/demo/inline/) is integrated to provide the editing

capability.

Current status is that you can open a presentations (such as the ones under

[templates/](https://github.com/henrikingo/impressionist-templates)) then move, add or remove slides and edit their contents with TinyMCE. You

can't really modify the style of slides, or have different kinds of slides. For that you'd still

have to edit raw CSS and HTML.

## Demo

* [Short](https://www.youtube.com/watch?v=OHG27IBeuHM)

* [17 minutes, narrated](https://www.youtube.com/watch?v=c07w0hsC4yQ)

## HOWTO

Pre-requisites: git, node 6.5+ and npm 5+

        git clone --recursive https://github.com/henrikingo/impressionist.git

        cd impressionist

        npm install

        npm start

## Mailing list

[impressionist-presentations](https://groups.google.com/forum/#!forum/impressionist-presentations)

## Repository organization

### Electron main process

* `main.js`

* `src/main/*`

### Browser process / Electron renderer process

* `src/impressionist.*`

* `src/lib/*.js`

* `src/plugins/*`

...where `lib` functions are common utility functions and called synchronously. `plugins` are

features, implemented as anonymous closures, and use the event based communication

mechanism familiar from impress.js.

Use `npm build` or just `node build.js` to build the above into `js/impressionist.js` and

`css/impressionist.css`.