wicklets/wick-editor-2018

Archived - New repo is now at github.com/wicklets/wick-editor

wick-editor-2018's Issues

Scripting system custom events

so we'll need a sendEvent() and the ability to add more events to the script editor gui

Copy/paste wickobjects

JSONify it and put it in the clipboard

Multiple fabric object selection right click menu

Need it to convert a group of objects into a symbol

Sounds

🎧 🎧 🎧 🎧 🎧

File/settings/about bar

Wick Editor

• editor setttings
• about

File

• open project
• save project
• import...
  • image/sound/wickobject/etc file

Project

• project settings

Scripting IDE script formatting

Formatting button for scripts to make them look pretty

Clickable objects should only be clickable when transparency isnt 0

Timeline GUI should use fabric canvas

First frame is skipped when player starts

Need a flag for each frame that specifies if that frame has been played yet, without that frames can get skipped

About page + Credit for flaticon toolbar icon svgs

http://www.flaticon.com/free-icon/font-symbol-of-letter-a_25645#term=font&page=1&position=11

http://www.flaticon.com/free-icon/cursor_121433#term=cursor&page=1&position=8

http://www.flaticon.com/free-icon/paintbrush_129817#term=paintbrush&page=1&position=3

Copy paste multiple wick objects

whoops forgot to do this

Player text proper positioning

Yo!

Copy/Paste cross-browser compatability

Using version 9.0.1 (11601.2.7.2). I think that the current "Focus" trick we are using is not applicable to Safari... I'll poke around a bit and try to find an equivalent fix.

Undo/Redo cross-browser compatability

Ctrl+Z (undo) doesn't work on FF

idk y not but its probably an easy fix ima just log this one here so we dont forget

Drawings get very large after first being drawn.

When drawing with the basic pencil tool, lines get huge after releasing the mouse.

Project resolution

Projects should have a resolution you can set in the editor.

The player stretches the project to fit the screen while still keeping proper aspect ratio.

Autosave options

I'm thinking we use cookies [we cannot use cookies, they have a size limit of like 2mb] to temporarily store unsaved projects, just in case something goes wrong while you're making something.

I think HTML5 might have a local storage feature that might work as well.

The best option would be to have a similar system to google docs but we'd need some fancy backend.

Undo/redo

https://en.wikipedia.org/wiki/Command_pattern

Run/export/save buttons

Run makes an instance of the player inside the editor

Export saves an html file

Save saves a "wick" file (json)

Onion Skinning

We could really use onion skinning for animation!

wickobjects should not store images (Library)

they should instead keep an id which is a key to a dictionary of images, i.e. the library

the library is then kept in the project object .....!

IDE code suggestion box

Order of objects is reversed on frame change/update

whoops

webgl renderer for player

!! Lightning Fast !!

Take a weekend sometime to plop it together

Right click should select objects

http://stackoverflow.com/questions/13108310/fabric-js-right-mouse-click

converting object to symbol loses that object's scale and rotation

gif import automatically get frames & make it into symbol

yeah

Scripting system

Framerate on different devices

We should discuss what to do when a project is run on different devices with different max framerates.

Most phones get mad at me if I try to do anything more than 30fps, while desktops will go to like 200 if you let them.

How to deal with this then lets have meeting

New design decisions

After the demo with the kidz I have some ideas:

• all objects are scriptable
• objects with their own timelines are called something to express the fact that they have their own timelines ... something like flash's "movie clip"
• frames themselves are not exactly scriptable, but can have special modifiers to be things like a 'stop frame', maybe the frames have a little box on their bottoms.

Preloaders

things get loaded async so things will pop into existence while the project is being played!!!!!!!!!!

so make sure everything is loaded before doing ANYTHING!

Paste other media into editor

text and images for sure

symbols cant be deleted???

fix ASAP

symbols shift around if objects inside have negative coords

omg!

Empty text boxes remain hidden in editor

Text boxes with nothing in them remain in the editor and are really hard to find. It's nasty

We should highlight them or delete them altogether (or have some way of informing the user that it's there)

Font size/family/color, object opacity, etc. in properties window

if nothing is selected, it shows project setttings (framerate, background color, etc.)

if something is selected, show all the stuff like opacity, color tint,etc

if that something is text, show font options

if that somethign is a sound, show sound options

if that something is a symbol, show the identifier name box

Frames (not keyframes) that stretch across multiple frames

Scripting IDE logic error handling

How even do this?

Add Hot Keys

Add a hot key to each action.

Scripts using wick object identifiers

so we can do like parent.enemy.kill() and what have you

Timeline

Export/Publish to htm file

There should be an "export" button that spits out a JSON as well as a "publish" button that spits out an .htm that bundles the player with the JSON.

code smells Werid

yuck!

Finish HTML snippets

Player adds all html snippets as divs to player page.

HTML snippet WickObject gets an id to document.getElementById its corresponding div and display:nones it if its not in the current frame.

Support for mouse position and keys in wick scripts

Scripting IDE error handling (so project wont run till u fix errors)

The editor should have an IDE for the scripting system. We must support:

• Error handling (Project won't run until you fix all the errors)
• Highlighting wick reserved words (i.e. onLoad)
• More wick features that we haven't thought of yet

Outliner

It's recursive!

Motion tweening

Most of this is figured out

Converting a group of objects where one of those objects is a symbol doesn't work

What da heck!

Potrace/paper.js vector drawing/editing system

http://paperjs.org/examples/path-simplification/

http://paperjs.org/tutorials/paths/using-color-and-style/