How to edit wick editor source code with github

Help
#1

I’m looking at wick editor code but I can not find the file to look at the code so I can copy paste it to VS code. can anyone help? I already set up a fork.(do not ask what I’m doing with it’s code, trust me it will be cool) @StickmanRed @noobfield

2 Likes
#2

Wick isn’t a single JS file, it looks like this:
image

What you should do is install Git (y’know, the thing all GitHub projects use?), you also need NodeJS to test the commit

Note: WebDev is 100x harder than Gamedev, HTML, JS, CSS/Tailwind, React, Angular, Front-End.
Try something like a basic React tutorial!

Specially Wick’s code is hard, it contains ANCIENT code, like Class Components.

#3

Here’s the stuff:

  1. Git
  2. Node.js (NOTE: GET NODEJS 14.x, it’ll work only there.)

Then follow the steps we put into the README, and get a project…

#4

Thanks, I’m going to improve the game dev part of wick and make it more like a game engine(you will still be able to animate):blush:

1 Like
#5

now that i think about it it’s a shame you’re doing separate forks @FroggyWadd @noobfield, I had already written once that it would be better to work directly on a single fork which would be that of stickmanred, if you really have different ideologies you could also update the settings mode, unless you temporarily separate the forks for testing only,if there are too many separate forks no fork can grow that much

#6

@lol56lol mine is focusing on the game dev part while @StickmanRed is focusing on animation/art and @noobfield is building wick editor from the ground up. I’m trying to make it more like a game engine that you can still animate in

1 Like
#7

I’m also going to work on performance, maybe later we can combine all 3 forks for the best version of wick editor.

1 Like
#8

I’m not doing a fork, it’s just I’m Big Brain Wick Engine Guy™. Wick’s engine are the goods, and the editor is the air in bag 'o chips.

#9

Also, Wick’s coding part is a living nightmare to manipulate. The code ran are literal JS strings.

#10

Yeah, I’m not going to edit code too much, I will add a few new functions though. Most of the stuff I’m going to add will be tools to help make games and performance. I’m also going to work on being able to organize assets you imported.

#11

I’m already doing this without forking:

https://forum.wickeditor.com/t/wicktools-v1/20204

#12

No I’m going to add stuff like tile maps, hitboxes, easier sound implementing, cameras, and a lot more things

#13

@FroggyWadd , that is ALL possible without changing the engine. You just need to:

Wick.Clip.prototype.makeHitbox = function() { return "Hitbox Here" }

Still think you need to fork? Look at Flixel: A full-fledged game engine all in AS3 Flash.

#14

I’m going to make it so you don’t have to do it with code, it’s going to be like a game engine like godot and gamemaker

1 Like
#15

And the hitboxes will be way more customizable than that code

1 Like
#16

Hmm… You could just make a Online generator extension!

#17 
class Hitbox {
  constructor(props) {
    if(!props) var props = {};
    this.clip = props.hitbox || project.activeFrame.clips[Math.round(Math.random() * project.activeFrame.clips.length)];
    this.clipHitbox = this.makeHitbox();
    this.clipGroup = project.game.groups[parseInt(props.group)] || project.game.groups[0];
    // Whatever more...
  }
  makeHitbox() {
    // Code here...
  }
  colideGroup(groupId) {
    var colided = project.game.getFromGroup().map( (item) => {this.colideItem(item)} )
  }
  // You got it?
}
#18

Also, don’t use Wick for that. Try using your own render or Paper.js directly!

#19

I just want to make it so people can make games easier and faster on wick editor, that’s all. Most of them won’t be using any of that. If you think about it you don’t need any game engines but they are there just to make your life easier.

#20

Wick is a really mid animation software, I think a game engine is possible without doing a fork, I also question your experience in JS + React to pull this off.