Wick Editor Alpha: Update v4

Luxapodular · February 10, 2019, 4:19pm

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.

Luxapodular · February 10, 2019, 4:20pm

Luxapodular · February 10, 2019, 4:21pm

Tsake_Reinhertz · February 10, 2019, 5:49pm

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

MisterMender · February 10, 2019, 9:16pm

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

Luxapodular · February 10, 2019, 9:34pm

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.

Luxapodular · February 10, 2019, 9:34pm

@MisterMender Nice Work!

Tsake_Reinhertz · February 14, 2019, 11:58pm

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 ^_^.

OmarShehata · February 17, 2019, 2:19pm

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!

Luxapodular · February 18, 2019, 2:11pm

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

Connorses · February 19, 2019, 1:46am

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

711 · February 27, 2019, 1:41am

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