Is there a Physics API? 🤔

Another good idea for a Physics API is collision detection by type.

Example… if you have a tank and a helicopter, the helicopter should fly over the tank – but the projectiles from the tank should hit the helicopter.

I’m not sure, but I think the terminology for this in Matter.js is collision filtering. The following thread seems related…

1 Like

Over the weekend, I got Pac Man Championship Edition DX for iOS. Wow, time flies. I was playing it on the PS3 almost five years ago…

Anyway, as I’m playing this game, I’m thinking in my head about Hype. If there was a physics API, could this game be made with Hype? The one feature that really stood out was the “bullet-time”. Whenever Pac Man is about to collide with a ghost, the game slows down. It’s a lot of fun. I’m thinking Matter.js could do this, as it has something called “Time Scaling”.

Wow, that would be interesting with Hype. Of course, that’s probably not easy to implement, as how would that work with the timeline? Yet, it if did, a whole project could be sped up or slowed down with a global “Time Scaling” setting.


I recently saw mention of Hype 3.5 by @stephen in another thread. So, maybe this thread will see some action again. Is Hype working on better Physics settings?!

Also, while not quite Physics related, I think Full-Screen view should be a default option in Hype – a way to toggle between regular and full-screen modes. If Hype is going to have video game like features, full-screen is a great way to show that off.

The new Apple TV is supposedly coming…

…and supposedly an SDK for third-party developers is on the way. If that’s true, one of the first things I’d probably look for is if “WKWebKit” is available. I’d be able to create a game once, but port it to so many different platforms.

It looks like things are about to get interesting.

Ha, that is an interesting way to do top/left movement with timelines! You’d probably want the general collision detection to be in javascript based on tiles and just allow changing direction based on that.

Sorry, the new forums are harder to track than our old ones and if I’m off the radar for a little bit I can lose posts to see or respond to!

We used to all be in SF together, but earlier this year Daniel’s fiancee got a job in NYC and so he moved out there. It is nice having everyone in one office, but we have tools that help us collaborate and so it has gone pretty smooth.

Time scaling is indeed a cool feature; it’d be easy to implement (simply change the wall clock time by a multiple), but the Hype app interface would be confusing (since there’d need to be top-level keyframes for the “time” on the animation timeline!). Also for keyframe animations there’s less of a need since animators have it within their control to do whatever they want.

Don’t hold your breath for much difference in Physics in 3.5, sorry! The release is more focused on making lots of small improvements and Physics is a bigger item than we wanted to tackle in this specific version.

1 Like

Well, @Daniel, as Taylor Swift says… Welcome To New York.


I’m working on the “Inspector: Physics” section in “A Book About Hype”, and I’m noticing a few things…

  1. Gravity (both force and angle) should be timeline properties
  2. Density, Bounce, Friction and Air Drag can be set to negative. I’m thinking it probably shouldn’t be able to do that. It’s not logical and the results are weird.
  3. Density, Bounce, Friction and Air Drag don’t seem to affect elements with a “Static” “Body Type”. What if I wanted to make a trampoline or an icy walkway? I suppose there are other ways to do that. This is more of clarification. Is that intentional? If so, perhaps these four settings should be grayed out unless “Dynamic” is selected.
  4. There should be another setting for rotation – Allow Rotation / No Rotation. Sometimes I just want a ball to bounce up and down. With rotation, the results can be erratic.

I noticed that @jonathan mentioned this thread in another thread by @Franeko. The question was actually related to real world physics, like the accelerometer.

It’s actually really easy to get accelerometer data and use it in a Hype project…


Maybe that should be part of the Hype Physics API too, but it seems too simple. This thread has been about accessing Matter.js. I’ve had success working with Accelerometer data in my Hype projects. Matter.js in Hype is different. There’s so much potential there, but I can’t access it.


It looks like the Apple TV (tvOS) is on the way. I’m not sure, but it’s looking like tvOS will support web views.


Heh, nope.

If this is the case that well…very disappointed. Maybe they will open it up after it has been out for awhile.…I hope

What’s odd is that I thought I saw something about a web browser being shown on the Apple Watch. I’m not entirely sure, as I don’t have an apple watch, but I think it might support webviews. Why Apple would allow that for a watch, and not a TV, is strange.

The argument I’ve been hearing is that Apple wants high-quality apps for the Apple TV. Naturally, I disagree.

Anyway, I saw something interesting. I’m not sure if it was discussed…

I’m imagining a future – one where Hype supports vector drawing and that shape is used as a custom collision shape.

1 Like

As a detail: we do use the fromPath API already for the round rectangles and ellipse shapes. The version currently included in Hype didn’t have support for concave polygons so that limited a lot of what we could do, but it has since been implemented so the door for shapes is quite open in the future :smile:.


Matter.js is impressive… …but that version seems to be in development.

A lot of projects become possible with Hype if SVG and custom (convex) collision shapes are available – especially if an image can be embedded into the SVG.

Update: I noticed something interesting in the SVG example. By clicking the “showInternalEdges” option, it shows that the collision shapes aren’t really convex. Instead, it’s just a series of concave shapes grouped together.

It looks like the shape edges are comprised of straight lines and not Bézier Curves. If the SVG isn’t flattened out too, that’s not a huge issue. The collision shape is invisible. I think this is what happens now with chamfering.

The rounded edges in Hype look round. But in the Matter.js example, they look like lots of straight edges.

I noticed something different today. The keyCode numbers are different from Hype’s “On Key Press” event than manually using the following JavaScript…


I was working on getting Fullscreen mode to work, which is ideal for gaming, when I noticed the “F” keyCode was “70” when I used “onkeydown”, but “102” when using Hype’s “On Key Press” scene event.

It took me a while to realize what’s going on. “On Key Press” appears to be case sensitive. It doesn’t register the shift key right away. So if you’ve been following along in this thread, wondering why the keyCode numbers don’t work, it might be the difference between onkeydown and onkeypress.

1 Like

We feed a lot of small straight edges to matter.js; they take a “path” that is a series of points. We do the math to figure out a close approximation of roundness.

Note that this isn’t related to Hype; it is just a difference between the keydown and keypress event. Hype does expose both, since they are (unfortunately) quite different. I’d recommend reading the post mentioned in here:

I think I might have landed on that page when trying to figure out what was going on. :blush:

I must have been really tired last weekend. I looked again and I can see that both are available. That’s cool, because the difference is important for game development. An example would be pinball – where shift keys are great for flipper control.

Note to self… use event.location for detecting the difference between the shift keys.

This may be unrelated to the current thread but since finding out this thread I’ve been trying to analyse matterjs since it’s extremely fast on ipad but it’s documentation is really bare bone compared to something like physicsjs. Do you have any source of documentation apart from the docs page there you could share? Like any experiments you’ve found or experiments you’ve created using that library? I’d be very much interested in either of those to see it in use by others!


I mainly read the source code. At the time the documentation was good (at describing the APIs, not necessarily as tutorial material), but there were a few parts out of date.

Now that A Book About Hype is out, I can post about something that I’ve been waiting weeks to show off.

While Hype still needs improvement with a Physics API, two new JavaScript APIs create lots of potential with game development. The “Bounce” project would have been a lot more difficult, if at all possible, before Hype 3.5. Good stuff is on the way! :smiley:

1 Like

Hey @jonathan and @Daniel,

Why isn’t gravity a timeline property? Is there a way to change it while the project is running?