Finding x and y offset of point after rotation









up vote
0
down vote

favorite












Hi so I'm stuck with a problem. My old projectile system would only shoot in 4 directions so when finding a new offset it was easy, I just had to inverse certain numbers



 case "down":
xOffset = hitbox.xOffset;
yOffset = hitbox.yOffset;
width = hitbox.width;
height = hitbox.height;
break;
case "up":
xOffset = hitbox.xOffset;
yOffset = -hitbox.yOffset - hitbox.height;
width = hitbox.width;
height = hitbox.height;
break;
case "right":
xOffset = hitbox.yOffset;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;
case "left":
xOffset = -hitbox.yOffset - hitbox.height;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;


So this worked perfectly, but now the problem is I am no longer using rects for my hitbox and using circles, and i also now implemented 360 shooting.



I have a function that gets the x and y speed based on where I clicked but I do not have the function to get the new hitbox based on it.



 newSpeed.x += speed * Math.cos(angle * Math.PI / 180);
newSpeed.y += speed * Math.sin(angle * Math.PI / 180);


How can I do something similar to get the new offset?










share|improve this question





















  • which language is that?
    – phuclv
    Nov 11 at 2:44






  • 1




    What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
    – Nico Schertler
    Nov 11 at 8:20














up vote
0
down vote

favorite












Hi so I'm stuck with a problem. My old projectile system would only shoot in 4 directions so when finding a new offset it was easy, I just had to inverse certain numbers



 case "down":
xOffset = hitbox.xOffset;
yOffset = hitbox.yOffset;
width = hitbox.width;
height = hitbox.height;
break;
case "up":
xOffset = hitbox.xOffset;
yOffset = -hitbox.yOffset - hitbox.height;
width = hitbox.width;
height = hitbox.height;
break;
case "right":
xOffset = hitbox.yOffset;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;
case "left":
xOffset = -hitbox.yOffset - hitbox.height;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;


So this worked perfectly, but now the problem is I am no longer using rects for my hitbox and using circles, and i also now implemented 360 shooting.



I have a function that gets the x and y speed based on where I clicked but I do not have the function to get the new hitbox based on it.



 newSpeed.x += speed * Math.cos(angle * Math.PI / 180);
newSpeed.y += speed * Math.sin(angle * Math.PI / 180);


How can I do something similar to get the new offset?










share|improve this question





















  • which language is that?
    – phuclv
    Nov 11 at 2:44






  • 1




    What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
    – Nico Schertler
    Nov 11 at 8:20












up vote
0
down vote

favorite









up vote
0
down vote

favorite











Hi so I'm stuck with a problem. My old projectile system would only shoot in 4 directions so when finding a new offset it was easy, I just had to inverse certain numbers



 case "down":
xOffset = hitbox.xOffset;
yOffset = hitbox.yOffset;
width = hitbox.width;
height = hitbox.height;
break;
case "up":
xOffset = hitbox.xOffset;
yOffset = -hitbox.yOffset - hitbox.height;
width = hitbox.width;
height = hitbox.height;
break;
case "right":
xOffset = hitbox.yOffset;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;
case "left":
xOffset = -hitbox.yOffset - hitbox.height;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;


So this worked perfectly, but now the problem is I am no longer using rects for my hitbox and using circles, and i also now implemented 360 shooting.



I have a function that gets the x and y speed based on where I clicked but I do not have the function to get the new hitbox based on it.



 newSpeed.x += speed * Math.cos(angle * Math.PI / 180);
newSpeed.y += speed * Math.sin(angle * Math.PI / 180);


How can I do something similar to get the new offset?










share|improve this question













Hi so I'm stuck with a problem. My old projectile system would only shoot in 4 directions so when finding a new offset it was easy, I just had to inverse certain numbers



 case "down":
xOffset = hitbox.xOffset;
yOffset = hitbox.yOffset;
width = hitbox.width;
height = hitbox.height;
break;
case "up":
xOffset = hitbox.xOffset;
yOffset = -hitbox.yOffset - hitbox.height;
width = hitbox.width;
height = hitbox.height;
break;
case "right":
xOffset = hitbox.yOffset;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;
case "left":
xOffset = -hitbox.yOffset - hitbox.height;
yOffset = hitbox.xOffset;
width = hitbox.height;
height = hitbox.width;
break;


So this worked perfectly, but now the problem is I am no longer using rects for my hitbox and using circles, and i also now implemented 360 shooting.



I have a function that gets the x and y speed based on where I clicked but I do not have the function to get the new hitbox based on it.



 newSpeed.x += speed * Math.cos(angle * Math.PI / 180);
newSpeed.y += speed * Math.sin(angle * Math.PI / 180);


How can I do something similar to get the new offset?







math game-physics trigonometry






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 10 at 20:21









joe

377318




377318











  • which language is that?
    – phuclv
    Nov 11 at 2:44






  • 1




    What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
    – Nico Schertler
    Nov 11 at 8:20
















  • which language is that?
    – phuclv
    Nov 11 at 2:44






  • 1




    What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
    – Nico Schertler
    Nov 11 at 8:20















which language is that?
– phuclv
Nov 11 at 2:44




which language is that?
– phuclv
Nov 11 at 2:44




1




1




What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
– Nico Schertler
Nov 11 at 8:20




What do you need for the hitbox? You said you are using circles now, so don't you just need a position and a radius? Please explain your system in more detail (possibly with an image) - we can't guess how it looks like.
– Nico Schertler
Nov 11 at 8:20

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













 

draft saved


draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243073%2ffinding-x-and-y-offset-of-point-after-rotation%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes















 

draft saved


draft discarded















































 


draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243073%2ffinding-x-and-y-offset-of-point-after-rotation%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Top Tejano songwriter Luis Silva dead of heart attack at 64

ReactJS Fetched API data displays live - need Data displayed static

政党