nliautaud / storynator Goto Github PK
View Code? Open in Web Editor NEWA simple html5 collaborative storyboard editor, with drag and drop and direct text editing.
Home Page: https://nliautaud.github.io/storynator
License: MIT License
A simple html5 collaborative storyboard editor, with drag and drop and direct text editing.
Home Page: https://nliautaud.github.io/storynator
License: MIT License
Allow to export the base64 images by dragging a frame outside of the browser window. Probably with event.dataTransfer.setData()
.
Allow to select multiple frames, and then apply the frame action on each : delete all, all same frame, all pano.
get rid of path, directly embed the image as base64 by using loadend
and FileReader.readAsDataURL
. May then get rid of the sibling folder completely.
By dragging an "export" case into a fresh new storyboard ? Depending on the drag/copy data weight limit, we could populate the drag by all the story html, detect on the target the kind of drop and dumb-replace all the content. Compatibility will need the same html architecture thus.
using <canvas>
on top, saved on the fly to the base64 img (see #8).
Cell "pano" switch should not just disable the max-width, but switch to a max-height. Js may be needed to get the smallest height of the prev and next cell.
To add a shot at the end of a scene without scrolling up.
This highlights that frame addition should be easier. Like quick add a frame by dropping an image (add drop targets on drag at the begining / end of scene --and even between frames ?-- then add frame with that image on drop), or batch adding frames with multiples files drop.
Successive pano frames are dancing : each one look the other.
fix : Search for min height of non-pano siblings.
Cleaning on save is removing the canvas style display:none.
Should be prettier.
Allow caption text selection by drag & drop. For now the case dragging is activated.
Tried to reorganize by part->shot->case, but rather complicated to layout. (see branch parts-shots-cases
)
To try : just indicating cuts in a case level, adding a class who toggle an indicator and increment counters.
The buttons may be unreachable if there is too much text in caption.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.