Wick Editor Alpha: Update v4

#1

Hi Everyone,

We’ve posted a major update to the Wick Editor 1.0 Alpha. You can test it out at alpha.wickeditor.com !

The Biggest Changes Include

New Features:

  • New Undo/Redo interactions!
  • Autosaving/Autoloading projects!
  • New Pop-Out Code Editor
  • New event based scripting!
  • Mouse/Key/OnLoad Events
  • Code Error Checking and Handling

For a full list of edits and updates, you can check out the github repo .

Please post any issues you have with the alpha editor here. If you can, include a screen shot and a copy of the alpha .wick project that caused the issue.

2 Likes

removed this banner . It will no longer appear at the top of every page. #3
0 Likes

pinned globally #4
0 Likes

#5

liking the progress so far just things im confused/bothered with but i gues they will feel more polished down the line
1)you can make a button outta a button or virse versa ith clip witch is confusing aswell no tell if its a button or clip in inspector
2) the new code editor is confusing and i kinda miss the old one but i guess its not finnished yet but for now it feels a tad confusiing

0 Likes

#6

Wow pretty good so far!

Don’t Let The Boi Get You.wick (20.3 KB)

Here’s a basic game I made with it

0 Likes

#7

Hey @Tsake_Reinhertz

Thanks for the feedback! Would you mind giving us a little more detail about what you found confusing for the code editor?

We are still redesigning a lot of elements, so I’d love to get additional feedback.

0 Likes

#8

@MisterMender Nice Work!

0 Likes

#9

after looking at at Mister menders code and how it uses the new code editor, i realized all the load update etc. are tabs!
Aan in said tabs are the functions or what not, wich cleared up alot of my confusion ^_^.

0 Likes

#10

I can’t seem to name a newly created clip. I tried this on both Firefox and Chrome.

  • Create an ellipse
  • Create a symbol out of it, leaving all the defaults
  • Select it, then try to type a name in the properties tab

I can move my curious back and forth in the text both, but I can’t seem to type. Only if I deselect it and then re-select it does what I type show up (although usually it’s just the last key I typed that shows up).

I’m on Windows 10. The only console error was

Uncaught TypeError: Cannot read property 'style' of undefined
    at ft.self.repaint (animationtimeline.js:164)
    at Image.img.onload (animationtimeline.js:56)

But that happens before I created anything. Refreshing the page and loading the autosaved project I get a white screen and the following error in the console:

react-dom.production.min.js:3744 TypeError: Cannot read property 'x' of null
    at Wick.View.Selection.get x [as x] (wickengine.js:47676)
    at Wick.Selection.get x [as x] (wickengine.js:45046)
    at Object.n.getSelectionAttribute (EditorCore.jsx:471)
    at t.getSelectionAttribute (Inspector.jsx:79)
    at t.value (Inspector.jsx:203)
    at t.value (Inspector.jsx:267)
    at t.value (Inspector.jsx:324)
    at t.value (Inspector.jsx:351)
    at t.value (Inspector.jsx:440)
    at t.value (Inspector.jsx:475)
oo @ react-dom.production.min.js:3744
n.callback @ react-dom.production.min.js:4018
ii @ react-dom.production.min.js:2666
ri @ react-dom.production.min.js:2654
ha @ react-dom.production.min.js:5090
da @ react-dom.production.min.js:4826
ua @ react-dom.production.min.js:4800
Ro @ react-dom.production.min.js:4681
enqueueSetState @ react-dom.production.min.js:2796
b.setState @ react.production.min.js:71
e.projectDidChange @ Editor.jsx:487
(anonymous) @ EditorCore.jsx:803
Promise.then (async)
n.attemptAutoLoad @ EditorCore.jsx:806
loadAndToggle @ AutosaveWarning.jsx:28
value @ reactstrap.es.js:1115
(anonymous) @ react-dom.production.min.js:49
h @ react-dom.production.min.js:69
(anonymous) @ react-dom.production.min.js:73
_ @ react-dom.production.min.js:140
F @ react-dom.production.min.js:168
O @ react-dom.production.min.js:181
A @ react-dom.production.min.js:158
L @ react-dom.production.min.js:240
kn @ react-dom.production.min.js:1718
ga @ react-dom.production.min.js:5172
Ne @ react-dom.production.min.js:668
Fn @ react-dom.production.min.js:1760
va @ react-dom.production.min.js:5200
Sn @ react-dom.production.min.js:1737
wickengine.js:47676 Uncaught (in promise) TypeError: Cannot read property 'x' of null
    at Wick.View.Selection.get x [as x] (wickengine.js:47676)
    at Wick.Selection.get x [as x] (wickengine.js:45046)
    at Object.n.getSelectionAttribute (EditorCore.jsx:471)
    at t.getSelectionAttribute (Inspector.jsx:79)
    at t.value (Inspector.jsx:203)
    at t.value (Inspector.jsx:267)
    at t.value (Inspector.jsx:324)
    at t.value (Inspector.jsx:351)
    at t.value (Inspector.jsx:440)
    at t.value (Inspector.jsx:475)
get x @ wickengine.js:47676
get x @ wickengine.js:45046
n.getSelectionAttribute @ EditorCore.jsx:471
getSelectionAttribute @ Inspector.jsx:79
value @ Inspector.jsx:203
value @ Inspector.jsx:267
value @ Inspector.jsx:324
value @ Inspector.jsx:351
value @ Inspector.jsx:440
value @ Inspector.jsx:475
Xi @ react-dom.production.min.js:3357
Yi @ react-dom.production.min.js:3348
eo @ react-dom.production.min.js:3507
Oo @ react-dom.production.min.js:4486
Do @ react-dom.production.min.js:4505
da @ react-dom.production.min.js:4826
ua @ react-dom.production.min.js:4800
Ro @ react-dom.production.min.js:4681
enqueueSetState @ react-dom.production.min.js:2796
b.setState @ react.production.min.js:71
e.projectDidChange @ Editor.jsx:487
(anonymous) @ EditorCore.jsx:803
Promise.then (async)
n.attemptAutoLoad @ EditorCore.jsx:806
loadAndToggle @ AutosaveWarning.jsx:28
value @ reactstrap.es.js:1115
(anonymous) @ react-dom.production.min.js:49
h @ react-dom.production.min.js:69
(anonymous) @ react-dom.production.min.js:73
_ @ react-dom.production.min.js:140
F @ react-dom.production.min.js:168
O @ react-dom.production.min.js:181
A @ react-dom.production.min.js:158
L @ react-dom.production.min.js:240
kn @ react-dom.production.min.js:1718
ga @ react-dom.production.min.js:5172
Ne @ react-dom.production.min.js:668
Fn @ react-dom.production.min.js:1760
va @ react-dom.production.min.js:5200
Sn @ react-dom.production.min.js:1737

If you’d prefer I open GitHub issues for these bugs I’m happy to do that!

0 Likes

#11

Hey @OmarShehata, we’re looking into the issues now. A bit of code designed to prevent this seemed to actually cause it :frowning:. Hopefully it’ll be fixed by the end of the day.

0 Likes

#12

Can’t seem to load this in the editor and I don’t know why. :c

0 Likes

#13

What do you mean by “event based??”
Also how is it going on getting 0.15.2 projects into 1.0?

0 Likes