obtaining z values of a circle in html4 and javascript

Asked Jun 16 '22 at 20:16

Active Jun 17 '22 at 01:11

Viewed 30 times

[With an array of HTMLElementObject with their corresponding property values] I obtain a circle by changing their x and y values as follows

<script>
 for(o=0;o<61;o++){
    eval('p'+o).style.top = Math.sin(o/9.6)*120+180;
    eval('p'+o).style.left = Math.cos(o/9.6)*120+180;
    eval('p'+o).innerText = '*';
  }
</script>

How can I rotate this object with given z properties like x and y?

edited Jun 17 '22 at 01:11

Willie Cheng

7,679
13
55
68

asked Jun 16 '22 at 20:16

Lugha Sørensen

o / 9.6 should be o / (Math.PI * 2) otherwise you are duplicating points – John Jun 16 '22 at 21:06
[Stop using `eval`](https://stackoverflow.com/a/12268071/1048572). [Use `document.getElementById` instead](https://stackoverflow.com/q/3434278/1048572)! – Bergi Jun 17 '22 at 01:33
1

What do you mean by "*rotate this object with given z properties*"? Like making it look threedimensional? – Bergi Jun 17 '22 at 01:35
Yes please, right now I can only edit x and y properties so it rotates in only twodimensional I would like it to do threedimensional rotations – Lugha Sørensen Jun 29 '22 at 02:23
#John you should use o/9.6 in both x and y if you are not sure try to: – Lugha Sørensen Jun 29 '22 at 16:51
#John you should use o/9.6 in both x and y if you are not sure try to: increase 9.6 to o/12.8 remember o has to be from 0 to 61. And you will then obtain a perfect Lissajous figure – Lugha Sørensen Jun 29 '22 at 16:59
#John but I have seen your point :) – Lugha Sørensen Jun 29 '22 at 17:21

obtaining z values of a circle in html4 and javascript

0 Answers0