box2d.ts icon indicating copy to clipboard operation
box2d.ts copied to clipboard

Roadmap to Version 1.0.0

Open Lusito opened this issue 5 years ago • 7 comments

So there are a couple of things I'd like to address before a 1.0.0 release:

  • [x] Find differences to official box2d code (c++ version) and try to merge them if possible. Done via #13
  • [ ] Further performance improvements if possible
  • [ ] Improve garbage collection
  • [ ] Making the code more idiomatic to TypeScript
  • [ ] Decide on a naming convention for files, classes, attributes, methods, functions, etc. and apply them to the code
    • Partially discussed in this ticket: #3
  • [x] Code cleanup
    • For example, instead of defining const b2Cos = Math.cos;, use Math.cos instead of b2Cos.
  • [x] Readme files and package.json keywords for all packages for better npm pages.
  • [ ] Write documentation and possibly tutorials
  • [x] Clean up comments
  • [ ] Take a good look at the current linting rules and which are being disabled in the code. Find ways to make things consistently good.
  • [ ] Establish build/publish/release workflow
  • [ ] Decide what to do with b2_version, which is currently showing 2.4.0 (just as upstream does). We can't use the same version as box2d upstream, but maybe we want to somehow show which version this is based on? Probably not in code though, rather in readme (0.8.0 => upstream 2.4.1, etc.)

We should create separate issues for each of these in order to keep discussions clean. If an issue doesn't exist yet, create it and I will insert a link in this description.

Lusito avatar Oct 11 '20 12:10 Lusito

I think I'll be able to find some time to help in a few months, maybe even spark a friend's interest to contribute. But I never used yarn, is there a reason for not using npm ?

Elvynia avatar Oct 25 '20 13:10 Elvynia

Sounds good :)

I usually use npm as well, but workspaces are not ready in npm, that's why I used yarn. I think npm 7 was released recently, but I haven't given it a try yet. If it works with it, we can go with npm instead.

Lusito avatar Oct 25 '20 13:10 Lusito

I'm still using one repo per package at the moment I didn't realize npm only supported this recently. From their blog I read v7 support yarn workspaces and v8 will have more advanced features, but latest version is still on v6 atm. I'll try setting up a workspace with npm@next-7 this weekend or the next to see if it can relieve me from the npm link troubles I'm facing in dev mode.

Elvynia avatar Oct 29 '20 18:10 Elvynia

Moving that discussion to #5

Lusito avatar Nov 08 '20 12:11 Lusito

Really looking forward to giving all this a try. We use a version of box2web - for https://zimjs.com - (https://zimjs.org/cdn/Box2dWeb-2.1.a.3.min.js) - will the api be compatible, do you expect? And is it try you are roughly getting 5 times the speed? We have some physics demos here https://zimjs.com/physics and did a couple games https://zimjs.com/droid2 and https://zimjs.com/droid but could use more speed on mobile. Cheers - let's keep in touch.

danzen avatar Dec 08 '20 13:12 danzen

Honestly, I can't say. Box2dweb has not been touched in 5 years and they started from the flash version (rather than the original), so it is probably way behind the c++ version.

It' safe to say, that some changes will be required. Some things might just be search & replace. But since I never did anything except the benchmark code with it, I can't give details.

Not sure where you get the 5 times speed info from. This project improved speed compared to flyovers version. There are still ports which perform better at Benchmarks. But benchmarks are flawed. They might not reflect the way you use box2d and they also give different results for different browsers: https://github.com/Lusito/box2d.ts/tree/master/packages/benchmark

The main goal of this project is to give a maintained box2d version which is in sync with upstream (c++), has good documentation and a set of extension libraries to make more of box2d, like particles, lighting, etc.

Performance and especially garbage collection is a tough thing to work on with javascript games, so it will be a big part of the documentation process to find best practices and bottlenecks to avoid.

If you want to discuss this further, please create a new ticket to avoid getting offtopic here.

For example, creating hundreds of b2vec2s within a frame , leaving them to the garbage collector to clean up will hurt performance and should be avoided.

Lusito avatar Dec 08 '20 22:12 Lusito

Thanks @Lusito the 5 times came from eyeballing the benchmarks at https://lusito.github.io/box2d.ts/benchmark/ - I see the box2D-web.js is more like 4 times the avg ms/frame of box2d.js (haha - here I was calculating when the ratio shows the result - duh). Not sure if avg ms/frame is equivalent to speed - as you say, various factors. Thanks for the added clarity of focus. Sounds great. Will start a new ticket with any implementation findings. Cheers.

Browser: Firefox 83

Name avg ms/frame 5th %ile 95th %ile Ratio
box2d.js 4.65 5 3 1.00
box2d-web 17.94 20 26 3.86
@box2d/core 29.23 32 21 6.29
box2d-html5 30.75 38 29 6.62
@flyover/box2d 48.71 48 42 10.48
planck.js 61.03 65 48 13.13

danzen avatar Dec 09 '20 13:12 danzen