[X3D-Public] X3DOM: Proximity Sensor

Fri May 13 06:20:36 PDT 2011

Hi Joe!
Thats right, it is possible to define own navigation methods and you can 
also apply mouse rotations via JavaScript to ViewPoints.
But it conflicts with x3d/x3dom navigation mode "Examine". You can 
rotate/drag the whole world around and the external positions and 
rotations are never updated. It is a nice workaround, but i would 
suggest to implement something similiar to X3D's ProximitySensor in 
future versions.

Cheers
Darky

Am 13.05.2011 00:07, schrieb Joe D Williams:
> If the keys and clicks are getting handled, then great.
>
> how about?
> since for every key:
> var tmp = ((document.getElementById('vp'))...
> then, for example, maybe in the cases:
> tmp.position="' + 't_pos_x + ' ' + t_pos_y + ' ' + (t_pos_z-speed)'";
>  break; ...
>
> Otherwise, since this could get complicated with collision and all, I 
> would still say to prototype this in X3D because it may be easier if 
> you need to touch and connect stuff and when multiple changes need to 
> occur. Since Instant is so close, I bet this would also work very well 
> using all X3D nodes and events and the scripting is more simple.
>
> Meanwhile, I am reading x3dom.js and wishing you very well for getting 
> your example working with X3DOM.
>
> After the scripts at the beginning, the xmlized x3d looks very 
> friendly and if the DOM key events and onclicks are that easy to 
> handle then all the more fun.
>
> Best Regards,
> Joe
>
>
>
>
> ----- Original Message ----- From: "Dark Before Dawn" 
> <dark.before.dawn at gmail.com>
> To: <x3d-public at web3d.org>
> Sent: Tuesday, May 10, 2011 9:06 AM
> Subject: [X3D-Public] X3DOM: Proximity Sensor
>
>
>> Hello :)
>> is there any way to read out camera position and orientation via
>> JavaScript? It seems there is no ProximitySensor or equivalent in
>> X3DOM.
>>
>> I tried to update the viewport node via JavaScript and keydown
>> Events
>> manualy. This kinda works, but there are also some disadvantages
>> like
>> manual collission detection.
>>
>> Thanks in advance :)
>> Cheers
>> Darky
>>
>> Code Snippet:
>>
>> <html>
>> <head>
>> <script
>> type='text/javascript'src='http://www.x3dom.org/x3dom/release/x3dom.js
>> <view-source:http://www.x3dom.org/x3dom/release/x3dom.js>'></script>
>> <link
>> rel="stylesheet"type="text/css"href="http://www.x3dom.org/x3dom/release/x3dom.css 
>>
>> <view-source:http://www.x3dom.org/x3dom/release/x3dom.css>"/>
>>
>> <script  type='text/javascript'>
>> document.onkeydown = handleKeys;
>>
>> function handleKeys(e)
>> {
>>    var key = (window.event) ? event.keyCode : e.keyCode;
>>
>> var tmp =
>> ((document.getElementById('vp')).getAttribute('position')).split('
>> ', 3);
>> var t_pos_x = parseFloat(tmp[0]);
>> var t_pos_y = parseFloat(tmp[1]);
>> var t_pos_z = parseFloat(tmp[2]);
>>
>> var speed = 0.5;
>>
>>    switch(key) // custom movement :)
>>    {
>>       case 38:
>>       document.getElementById('vp').setAttribute('position', '' +
>> t_pos_x + ' ' + t_pos_y + ' ' + (t_pos_z-speed));
>>       break;
>>
>>       case 40:
>>       document.getElementById('vp').setAttribute('position', '' +
>> t_pos_x + ' ' + t_pos_y + ' ' + (t_pos_z+speed));
>>       break;
>>
>>       case 39:
>>       document.getElementById('vp').setAttribute('position', '' +
>> (t_pos_x+speed) + ' ' + t_pos_y + ' ' + t_pos_z);
>>       break;
>>
>>       case 37:
>>       document.getElementById('vp').setAttribute('position', '' +
>> (t_pos_x-speed) + ' ' + t_pos_y + ' ' + t_pos_z);
>>       break;
>>    }
>> updatePositionInfoLabel();
>> }
>> </script>
>>
>> <script  type="text/javascript">
>>
>> var pos_x = 0.0;
>>      var pos_y = 0.0;
>>      var pos_z = 0.0;
>>
>>             function updatePositionInfoLabel()
>>             {
>> var tmp =
>> ((document.getElementById('vp')).getAttribute('position')).split('', 3);
>> pos_x = tmp[0];
>> pos_y = tmp[1];
>> pos_z = tmp[2];
>> document.getElementById('movement').innerHTML = 'Pos: ' + pos_x + '
>> ' + pos_y + ' ' + pos_z;
>>             }
>> </script>
>> </head>
>> <body>
>> <x3d  id='xdoc_1'width='400px'height='400px'>
>>
>> <scene>
>> <navigationInfo  type='"examine" "any"'></navigationInfo>
>> <viewpoint  id='vp'position='0 0 5'></viewpoint>
>> <transform  id='s_cone1'scale='0.2 0.2 0.2'center='0 0
>> 0'onclick='updatePositionInfoLabel();'>
>> <shape>
>> <appearance >
>> <material  id='dc_yellow'diffuseColor='yellow'></material>
>> </appearance >
>> <cone/>
>>
>> </shape>
>> </transform>
>> </scene>
>> </x3d>
>> <label  id="movement">Movement</label>
>> </body>
>> </html>
>>
>>
>>
>
>
> -------------------------------------------------------------------------------- 
>
>
>
>> _______________________________________________
>> X3D-Public mailing list
>> X3D-Public at web3d.org
>> http://web3d.org/mailman/listinfo/x3d-public_web3d.org
>>
>
>