Wick Editor Alpha: Update v9.0!

Hi Everyone,

We’ve just posted another major update to the Wick Editor Alpha. Check it out at alpha.wickeditor.com

New/Updated Features

  • Eyedropper Tool!
  • Scroll to Zoom
  • Ctrl + Enter to play your projects

Style Updates

  • Dragging a selection now can be seen over dark shapes

Bug Fixes

  • Brush works on Tablets and Touch Screens
  • Images now drop on correct locations
  • Objects now cannot have the same identifier
  • Fixed a bug where some projects couldn’t copy/paste between themselves
  • Identifiers cannot be named reserved words
  • Fixed the loading screen for exported projects
  • Fixed bugs with Play and Stop
  • Legacy Project Converter now converts frame and object names properly
  • Onion skinning now works over extended frames.

Please post bugs, feature requests, and comments here!

3 Likes
  • Objects now cannot have the same identifier

Just curious why this choice was made?

  • Eyedropper Tool!
  • Scroll to Zoom
  • Ctrl + Enter to play your projects

These are all great additions!

This is mostly to keep identifiers from squashing each other when you’re accessing them through code. E.g. if you have two objects on the canvas named “enemy”, there is no way to tell which one is being accessed in a script such as:

enemy.x += 100;

To avoid unpredictable behavior, things are automatically renamed now. However, after thinking about it more, it may be nicer to do what Flash does - you can have objects with identical names, but a warning gets spit out about duplicate identifiers iirc.

Thoughts?

1 Like

In my current test project for the NG jam I’ve got some things getting cloned and changing their identifiers after they are cloned which means that if there are more than one of those clones existing at the same time they have the same identifier, which is working perfectly for what I need right now (although I’m sure I can work out some other ways given this update). I do, personally, feel like it’s one of those things that should just be warned about rather than hard-coded as forbidden, but I’m really anything but an expert here so I’m more at a point where I’d just trust your judgement on it.

can you guys fix the alpha-I use Microsoft edge, and it used to work. ive been waiting for a couple updates for a while, but it hasn’t helped.:face_with_raised_eyebrow:

Hey @Ilija_Roknich, when you go to alpha.wickeditor.com what do you see? Could you send a screenshot?

Also, our recently pushed update may have fixed this? Try pressing ctrl + shift + R to do a “hard refresh”.

Let me know!

I think the current method has the advantage of preventing you from accidentally leaving objects with duplicate identifiers around, which can prevent confusion if you have multiple identical clips. Also, duplicate identifiers would be an even bigger problem if Wick gets the ability to instantiate clips from the library (like attachMovie()), because then it can no longer warn you about potential bugs in advance.
Say the program has code like if the player buys a power-up, attach the clip "star" wherever he is and name it "star". If the player happens to be in a room that already has a star in it, all star-related functions will fail.

Though, one quirk with the way things are now is that if you copy the same clip over and over it will eventually become (clip name)_copy_copy_copy_copy... Maybe Wick could rename them to (clip name)_01, etc. so that it always fits in the identifier box.

2 Likes

The progress you’ve made on this is pretty amazing! Most of the things I was going to ask about going into the new version look like they’re there, so I don’t need to worry. :)

I will presume that being able to add custom points to shapes will also be added further down the line? A lot of what I do with the old Wick is making my own custom shapes, and adding / removing custom points on shapes where I need them helps me to create what I need to. Looking forward to jumping into this newer Wick when it launches fully!

edit: Oh, and will there be more options relating to how an HTML is exported?

3 Likes

Just run into this when working on some stuff. Yep, would much rather prefer to have a number added or _copy_#number instead of _copy_copy

Not high priority, just would be easier to organize when working on bigger projects.

@kryptot7 and @Von_Bednar we 1000% agree. We need to get in there and finalize this with a numbering system for sure.

1 Like

massive feedback dump alert :nerd_face:
I’ve been using version 1.0.9 to work on my game jam entry for a while, and here are all my notes on this version so far. I know you guys are already busy, so I’ll see if I can implement/fix some of the simpler issues myself!

Minor(?) Feature Requests (highest priority to lowest) :heart_eyes_cat:

  • Access child Clips’ variables (Fixed! :smile:)
  • Text align (center, left, right, justified) This is important for design because currently everything is left aligned. I think I can work around it for now, though.
  • Do math in the Position, Size, and Rotation fields. For example, if I type 540/2, it would give me 270. A lot of apps actually have this. It would really help since there’s no Align and Distribute yet.
    • What if I could type, say, clipname.width/2 and get a calculated result?
    • (You might have to tame eval() :smiling_imp: somehow to avoid huge security holes.)
  • Scale from sides instead of from center (maybe hold Alt or something to do this)
  • Limit to 4 or 8 cardinal directions when moving an object and holding Shift (relative to the original position)
  • Drag with Text tool to create text box with bounds (like Area Text in Illustrator)

UI/UX Issues :eyeglasses: (no particular order)

  • When the script editor is open but nothing is selected, I expect it to show the frame actions of the current frame on the active layer, since that’s what Flash does. That would also save time; you don’t have to continually click the frame.

  • Script editor is in need of word wrap

  • Close Script editor when playing and re-open it when resuming (if it was open before).

  • Pressing Ctrl-Z while drawing a Brush stroke should cancel the stroke in progress. Instead, it deletes the one you drew BEFORE you started the stroke in progress.

  • [Potential breaking change] Shouldn’t position be calculated from the Registration Point (which seems to be in the center for most objects), not the top-left? It makes it hard to cope with the lack of an Align tool.

  • Editing a script, closing the script editor, and then pressing Ctrl-Z does nothing. I think it should, ideally, do one of two things:

    • (If all of Wick shares one undo stack) Bring the script editor back up and undo the last change you made to it
    • (If the script editor has a separate undo stack) Undo the last action you did to the inspector, stage, or timeline. If you re-open the script editor and have its text field in focus, it would undo the last change you made to the script.
  • Expose scaleX and scaleY in the inspector

  • Black/heavy font weight is missing in text settings

  • Change Rectangle Roundness in the Inspector after drawing the shape

  • Wick should autosave before you leave the page. (See below for why)

  • A long layer name can block the Hide and Lock buttons image

  • The area you can drag to scale an object seems a bit too small.

  • I like that the error text in the script editor stays visible. It would also help if it showed the line number.

Major Bugs :bug: :bug: :bug: (no particular order)

  • When editing a Clip with lots of objects in it, there is lag when switching between tools (even the Pan tool), selecting objects, or undoing brush strokes. It slows down my workflow.
  • Text is ALWAYS behind Clips.
  • When pressing Make Interactive a second time, if you typed a name in place of Item_Name last time, it will still be there, potentially resulting in two Clips with the same name even though that shouldn’t be allowed.
  • You can also use this field to get spaces in your clip name. If you try to change it to something ELSE with a space in it, it will revert back to what it was before…which had a space in it.
  • Sometimes Wick will not override the Backspace key’s default function. On Firefox, Backspace is a shortcut for the Back button. Uh oh.
    • One way this can hurt you: 1. open the script editor. 2. click the chrome of the script editor so the cursor is no longer flashing / text editing isn’t in focus. 3. press backspace. Firefox will ask you if you mean to leave…but if you press it again, it will leave the page. Oh no.
    • When trying to erase text, I pressed backspace more than once out of habit and ended up out of the Wick editor. Noooo! At least there was an autosave, but it was a few minutes behind because Wick doesn’t autosave right before you leave.
    • If, at step 3, you press Enter instead, it will bring up the system File Upload dialog.
  • Erasing a frame’s name (changing it back to no_name) does not work. The next time you select it, its name is back. Its label never disappears from the timeline.
  • Holding Ctrl while drawing draws awkward lines around the screen. This often happens because I press Ctrl-Z immediately before drawing another stroke. 2acccd25-5465-4379-9a3e-6719cc15241a
    • I’m editing inside a clip. Firefox on Windows 10 x64, dom.w3c_pointer_events.dispatch_by_pointer_messages enabled in about:config. (Required for pressure sensitivity to work on Firefox)

Minor-ish Bugs :bug: (no particular order)

  • Font selection dropdown should be in front of asset library, not behind

  • If you start editing text and then change frames, your edited text display will remain on screen. However, changes will not be applied.

  • Holding Shift to maintain aspect ratio should preserve the ratio the object originally had, before you started stretching it. Instead, it maintains the ratio you had the object stretched to when you started holding Shift. To reproduce this, start stretching an object, THEN hold shift after you’ve already distorted it. Continue to drag the mouse and you’ll see what I’m talking about.
    6a8ed319-6faa-45ca-9641-5e561fb54991

  • ` (tilde/backtick key) to toggle script editor still doesn’t work

  • After selecting multiple objects, scaling them, and undoing, the rotation handles are smaller. The size goes back to normal after deselecting them and selecting something else.

  • Undo Bug: If you delete some frame code, change frames to edit a different frame’s code, and then undo, the old code will not be restored; instead, the code of the frame you’re now editing will be cleared. You can restore that with Ctrl-Shift-Z, but the code on the frame you just left will stay gone. The expected behavior is that Wick will jump back to the previous frame you were editing and restore the code there.

  • I had the editor open for hours one day (often in the background or while the computer was in Sleep mode) and then refreshed the page to start a new project, but it was horribly slow. The issue fixed itself when I restarted Firefox.

Missing in Documentation :open_book:

  • Clip.identifier (Clip.name might be more intuitive)
  • currentFrameNumber/Name

Long-term Feature Requests (that haven’t already been announced) :timer_clock:

Misc

  • Text objects can currently have the same identifier.
  • Having the script editor in a floating window can be awkward at times. Maybe there could be an option to switch between the script editor and the stage view? Instead of selecting objects, there would also be a list of all named objects in the frame (including child objects), showing all their identifiers and variables in a tree for easy reference. Clicking on a Clip’s name is like selecting it, except you can edit its code, move through its own timeline, and edit its inspector properties at the same time. It would also show a preview of the Clip (or the stage, if the root timeline is selected).
    • It’s often hard for me to remember variables’ and objects’ exact names, and repeatedly selecting them or going back into the Clips to look them up takes time because the script editor’s contents change when you select something else.
    • Simply showing Clip identifiers on hover (or long-press) in a tooltip would also help, since that way don’t have to select anything. Also, if you leave the cursor over the Clip for a bit, it could show the names of its variables, too.

Additional Stuff

  • (BUG) It’s difficult to delete frames as it often doesn’t respond to Delete or Backspace. Using Backspace to delete can also sometimes navigate me out of the page.

Thanks so much for your hard work on Wick!

3 Likes

As always, great feedback @kryptot7! We’re working to fix most of these bugs and we’ll have some design discussions around the new features. Thanks again!

3 Likes

Wow! The updates are awesome! :smiley: I’ve been using this with elementary students since last year, and these improvements make it so much easier (especially the undo button and the color tools). I’m actually sharing your program at an international educators’ conference tomorrow, ISTE in Philadelphia. However, I’m having one problem with the export as a ZIP. When I open the zip file and click the index.html it only loads the preloader, not my file.

2 Likes

Hey @dclough, @zrispo and I are at ISTE too! We’d love to meet up. When is your session?

Right now, the zip export in the new version is optimized for uploading to sites like itch.io. Unfortunately, Google Chrome will block opening the projects locally (this is a chrome restriction, not on our side), but Firefox will work.

We intend on having an interactive HTML upload for single click opening in all browsers again in the near future.

1 Like

@Luxapodular thanks, but I was using the legacy edge. I got the new edge, and it all works fine. Thanks!