As a newcomer to three.js, I am exploring the three.js libraries and trying to understand how they work. I have successfully rendered a sphere on the screen, but I am having trouble figuring out what exactly the .position member of the sphere is referencing. It doesn't seem to be in screen coordinates as expected. Although the x0 point appears to be around halfway across the screen, the y0 point is roughly one-third up from the bottom of the screen, and when I move it by say 300, it doesn't seem to be moving by 300 pixels.
I am feeling a bit out of my depth and just tinkering with someone else's example code to gain a better understanding, but this particular issue has me stumped. I have reviewed the 3js API but haven't found any answers there.
I will include the relevant code below in case there is something wrong with it.
<script src="js/Three.js"></script>
<script src="js/Stats.js"></script>
<script src="js/mDetector.js"></script>
<script src="moddShape.js"></script>
<script language="javascript" type="text/javascript"></script>
<script>
// JavaScript code snippet
</script>
Your help is greatly appreciated.