Tengo este gráfico de Desmos: aquí
Me preguntaba si había alguien que tal vez pudiera brindar alguna orientación para traducir esto a JavaScript. Entiendo la mayor parte de las matemáticas, solo me falta el conocimiento sobre cómo representarlas en JS. Mi objetivo principal es calcular la posición de los puntos de rotación en un lienzo JS. Ya traduje el lienzo para que el sistema de coordenadas refleje uno de un gráfico matemático.
ctx.translate(c.width/2, c.height/2); ctx.scale(1, -1)Me gustaría tener 3 variables. Los x e y de la posición actual del jugador, el punto de rotación x e y, y el objetivo x e y.
Por favor, hágame saber si puedo proporcionar más detalles o cualquier otra información que pueda ser útil.
-Gracias por adelantado.
puede hacerlo con la API integrada desde el lienzo, como se muestra a continuación.
// x coordinate ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(150, 0); ctx.stroke(); // y coordinate ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(0, 150); ctx.stroke(); // point ctx.beginPath(); ctx.arc(75, 75, 2, 0, Math.PI * 2, true) ctx.fill();ver detalles en https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes
para gráficos complejos, puede usar la biblioteca d3.js, consulte https://d3js.org/