ltzibaozhe / jsc3d

Automatically exported from code.google.com/p/jsc3d
0 stars 0 forks source link

This fail to work with iPad touch interface #3

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. Open sample with iPad  ( I try with iPad2 iOS5 safari browser )
2. Try to move or rotate stl 3d-object.-- I can't do operation with touch 
interface.
3. even can't do zoom operation.

What is the expected output? 
System need to read touch points and do needful operation ie. move/zoom

What do you see instead?
as I say in  topic 1and 2.

What version of the product are you using? 
JSC3D 0.7.2 compressed code  --- Letest download in feb 2012

On what operating system? 
IOS5 on iPad2

Please provide any additional information below.

Original issue reported on code.google.com by hiren.or...@gmail.com on 20 Feb 2012 at 3:45

GoogleCodeExporter commented 9 years ago
Thanks Hiren! I'll see it as soon as possible.

Original comment by Humu2...@gmail.com on 1 Mar 2012 at 4:59

GoogleCodeExporter commented 9 years ago
This would be great, i am currently tweaking the code to see if I can fix it. 
I added jquery mobile and changed this :

this.canvas.addEventListener('touchstart', , false);
this.canvas.addEventListener('touchend', function(e){self.mouseUpHandler(e);}, 
false);
this.canvas.addEventListener('touchmove', 
function(e){self.mouseMoveHandler(e);}, false);

to this :
    $("#cv").bind('vmousedown', function(e){
        e.preventDefault();
        console.log("vmousedown");
        self.mouseDownHandler(e);}
    );
    $("#cv").bind('vmouseup', function(e){
        e.preventDefault();
        console.log("vmouseup");
        self.mouseUpHandler(e);}
    );
    $("#cv").bind('vmousemove', function(e){
        e.preventDefault();
        console.log("vmousemove");
        self.mouseMoveHandler(e);}
    );

It still does not seem to do anything

Original comment by merci...@gmail.com on 10 Aug 2012 at 11:41

GoogleCodeExporter commented 9 years ago
I fixed it, update the event handlers to the touch ones as above and in 
"JSC3D.Viewer.prototype.mouseDownHandler", change this.buttonStates[e.button] 
to this.buttonStates[0]

Ideally I would like to have the pinch to zoom feature i'll see what I can do 
there

Original comment by merci...@gmail.com on 10 Aug 2012 at 12:02

GoogleCodeExporter commented 9 years ago
This has been fixed by introducing in touch-based manipulation by dealing with 
both mouse events and touch events. It now runs well on touch devices.
Tested on Opera mobile and Safari mobile(simulator).

Original comment by Humu2...@gmail.com on 12 Oct 2012 at 11:45

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
tested on ipad2 (safari and dolphin) and is working nice for rotating the 
camera. 

Will be nice to support also zooming by pinch event.

http://stackoverflow.com/questions/11183174/simplest-way-to-detect-a-pinch

(I'll try to implement it asap)

Original comment by vasile.d...@gmail.com on 13 Jul 2013 at 7:07

GoogleCodeExporter commented 9 years ago
Jsc3d now already supports pinch zooming and other gesture-based control 
through jsc3d.touch.js.

Original comment by Humu2...@gmail.com on 8 Nov 2013 at 2:26

GoogleCodeExporter commented 9 years ago
Hi! is jsc3d.touch.js yet to be released? Where could I get that file?

Original comment by jazzyjac...@gmail.com on 24 Nov 2013 at 11:25

GoogleCodeExporter commented 9 years ago
It's not in any release yet. You can get it from the svn repository or the 
direct link: http://jsc3d.googlecode.com/svn/trunk/jsc3d/jsc3d.touch.js. Don't 
forget to download and use the latest edition of jsc3d.js as well: 
http://jsc3d.googlecode.com/svn/trunk/jsc3d/jsc3d.js.

Original comment by Humu2...@gmail.com on 29 Nov 2013 at 3:40