Tone.js | Web Audio framework for making interactive music | Audio Utils library

That Tone code looks correct. I simplified it in a CodePen and it worked on mobile on first click (iOS).

It looks like you're creating a new gain node each time you click "play". You only need to create those Tone objects once.

Also, the $(".vol-slider").on('input' code is not modifying the gain node itself. You can use gain.rampTo() to modify the gain while Tone is playing your part.

This should work:

@MPdoor2 "I made...". Anywho, when I gave you that code I did specifically say I had hacked it from a method I created to be used on tilemaps. The method works flawless for that purpose although there is more to the code and yes it is built for squares since that's what tiles map mainly are.

I have been playing with alternate methods of doing CD. Here's a shorter method that (so far) seems to be working well. This method still determines the distance between each side but in a different way. Once the broadphase determines a collision has occurred it calls the narrow phase and whichever side has the shortest distance is the side being penetrated. i.e. when you collide with another block from the player right to the object left we know that even the Y axis penetrates (top and bottom corners of player). This calculates the distance between all three and since the distance between X would be 0 it is the shortest and the CD for moving the player in the Y direction does not get called.

Try the snippet below and see if this works for you.

I see two things wrong with your code. First, everything within the "normal" body of the function will be executed on on every render. Hence, the need for states and hooks. States allow you to keep data between renders, and hooks allow you to do a particular action upon a state change.

Second, useEffect(()=>console.log(hi)) does not have any dependencies, hence it will run on every render. useEffect(()=>console.log(hi),[]) will execute only on the first render. useEffect(()=>console.log(hi),[player1]) will execute when player1 changes. useEffect(()=>console.log(hi),[player1, player2]) will execute when player1 OR player2 change.

Be careful with hooks with dependencies. If you set the state of one of the dependencies within the hook itself, it will create an infinite loop

Here is something closer to what you want:

Your BASE_DIR by default points to the same directory that manage.py is in. If you haven't changed it then capstone.js is currently located in

AudioBuffer is a web browser thing, it does not exist in node.js. The error you are getting is because the code that uses AudioBuffer can't run on the server. You need to instantiate that part of the code only in the browser. That is usually done in useEffect hook, or on the server, you can first check if window object is defined.

I figured out a solution. Here's the background:

When I define the schema, Keystone creates corresponding MongoDB collections. If there is a many-to-many relationship between object A and object B, Keystone will create 3 collections: A, B, and A_relationshipToB_B_relationshipToA.

That 3rd collection is the interface between the two. It's just a collection with pairs of ids from A and B.

Hence, in order to seed my database with a many-to-many relationship that shows up in the Keystone CMS, I have to seed not only A and B, but also the 3rd collection: A_relationshipToB_B_relationshipToA.

Hence, seed-data/index.ts will have some code that inserts into that table:

You're going the wrong direction here, if you want to create JSON. You want dumps, not loads':

The issue lies in how you pass and read stoneObj through the new SlingShot class. Inside the SlingShot class, you are trying to read property x of pointA, which is undefined, probably because stoneObj doesn't return a position as you are expecting.

Try logging that part to see what is going wrong.