The Daily Click ::. Forums ::. Non-Klik Coding Help ::. Iphone/Android webdemo testing
 

Post Reply  Post Oekaki 
 

Posted By Message

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
3rd May, 2011 at 12:16:38 -

Hi everyone,

html5 web demo testing is really hard without access to an iphone or android device. Sure PC works fine, but those nasty touches and their default behaviour on the mobile devices are a bit tricky. And that's where you guys (and girls ) come in!

Would you mind testing this movement swipe demo on your mobile device: ipad/ipod/iphone/android/
http://gouwevrouwe.nl/iphone/files/movement-swipe-iphone/movement-swipe-iphone.html

I need to know if the movement swipe actually works or that touches get in the way. Swiping is as follows:
- put your finger on the screen next to the blue ghost and swipe over the blue ghost to the other side
- lift your finger and the blue ghost should move a tile
- or not and in that case it doesn't work
- the only condition for moving is that you swipe an area of three tiles (one tile = area ghost)

Thanks for testing in advance!

Cheers,
Jenswa

 
Image jenswa.neocities.org

Jon Lambert

Administrator
Vaporware Master

Registered
  19/12/2004
Points
  8235

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
3rd May, 2011 at 21:06:16 -

I couldn't get it to work on my android phone.

 
Sandwich Time!Whoo!

JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
3rd May, 2011 at 21:43:46 -

Thank you for testing

Pity it didn't work. I need to do something else about it then.

 
Image jenswa.neocities.org

MasterM



Registered
  02/01/2002
Points
  701

I am an April Fool
3rd May, 2011 at 22:00:12 -

doesnt work on my android (froyo - 2.2)

in the build in browser i only get a black screen even if i zoom out i see nothing but black. in firefox and opera i see at least the blue pac man ghost but i cant do anything with it.

 
Image

The Chris Street

Administrator
Unspeakably Lazy Admin

Registered
  14/05/2002
Points
  48488

Game of the Week WinnerClickzine StaffAcoders MemberKlikCast StarVIP MemberPicture Me This Round 35 Winner!Second GOTW AwardYou've Been Circy'd!Picture Me This Round 38 Winner!GOTM December Third Place!!
I am an April FoolKliktober Special Award Tag
3rd May, 2011 at 23:58:52 -

I can see the blue ghost on my Android, using 2.1 (Sony Xperia X10 Mini Pro) but cannot interact with it.

 
n/a

Hernan



Registered
  04/03/2003
Points
  707

VIP Member
4th May, 2011 at 09:25:00 -

Did not work on iphone 4 either (used Safari). AFAIK, swiping in a browser on the iphone makes it scroll. It doesnt simulate a mouse click down. I think you can only register single clicks.

 
This space is for rent

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
4th May, 2011 at 10:42:57 -

Yup, it's a blue, 32x32 pixels, ghost on a resized, to fit your browser, black screen.

On your laptop you can swipe it with your mouse or use the arrow keys to move.

I've got single clicks working in this snake example (small keypad and no support for canvas text on the iphone)
http://gouwevrouwe.nl/iphone/files/snake-iphone/snake-iphone.html

But I can't get touchmove to work because swiping it will make the browser scroll. So I tried to prevent that default behaviour.

Thanks for testing, I'll continue my search.

Edit:
If you would like to give it one more try, I've added the touchmove handler in a different way. Which hopefully prevents scrolling.

Edited by Jenswa

 
Image jenswa.neocities.org

Hernan



Registered
  04/03/2003
Points
  707

VIP Member
4th May, 2011 at 12:17:42 -

Still doesn't do anything when swiping. However, the ghost does start moving in a direction if I swipe with 2 fingers. It's very difficult though, and the ghost doesn't always go the direction I want it to.

edit:
Apparently, swiping with 2 fingers in Safari means scrolling in a frame on a webpage.

Edited by Hernan

 
This space is for rent

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
4th May, 2011 at 15:19:52 -

Thanks, funny that scrolling frame with the blue ghost since there aren't any frames in the html file.

So the blue ghost has been eaten by pac-man, meaning: I've made one last demo for testing the touch controls on a mobile device.

If you would like to test this last demo:
http://gouwevrouwe.nl/iphone/files/track-circle-demo/track-circle-demo.html

It's called: Track Circle Demo. And that is basically what it does, the white circle on the blue background can be positioned with a mouseclick or follows your mouse when the click is held down. The same should be true when using a single finger for touch events. So a single touch somewhere on the screen positions the circle and sliding your finger over the screen should move the circle on your finger.

Very many thanks in advance!

And if it's not working, I'll let this little project rest for a some time, just like I did last time.

 
Image jenswa.neocities.org

Hernan



Registered
  04/03/2003
Points
  707

VIP Member
4th May, 2011 at 19:09:54 -

Works fine

 
This space is for rent

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
4th May, 2011 at 20:12:15 -

Awesome!

Thank you for testing, testers will be summed up in the readme.
http://gouwevrouwe.nl/iphone/files/track-circle-demo/readme.txt

 
Image jenswa.neocities.org

Hagar

Administrator
Old klik fart

Registered
  20/02/2002
Points
  1692

You've Been Circy'd!Teddy Bear
5th May, 2011 at 11:20:10 -

I will try these out on my Nokia (Symbian... urgh), and let you know how they work (if it all, it is Symbian after all ). Even the Alarm clock on my 5800 works when it fancies...

 
n/a

Jon Lambert

Administrator
Vaporware Master

Registered
  19/12/2004
Points
  8235

VIP MemberWii OwnerTDC Chat Super UserI am an April FoolSSBB 3265-4741-0937ACCF 3051-1173-8012360 Owner
5th May, 2011 at 14:24:11 -

Track Circle demo works. The new ghost update doesn't work. Couldn't you use the code from the Track Circle and some math to create a makeshift swipe detector?

Also, Snake works as well, not that you needed testing for that.

 
Sandwich Time!Whoo!

JoyCheck & KeyCheck Widgets
For easy implementation of customizable joystick and keyboard controls.
http://www.create-games.com/download.asp?id=8364

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
5th May, 2011 at 16:35:35 -

Well actually, I did upload a new version of that movement demo today. But I probably uploaded it after your try of the movement swipe with the blue ghost.

Nice to know that the track circle demo works with you too

Yeah snake works, but that could probably use a little update now that I know a bit more of finger tracking on mobile devices.

@Hagar, will it actually work with Symbian on a Nokia? I think it will be about support the html5 canvas tag.

 
Image jenswa.neocities.org

Hagar

Administrator
Old klik fart

Registered
  20/02/2002
Points
  1692

You've Been Circy'd!Teddy Bear
5th May, 2011 at 21:42:10 -


Originally Posted by Jenswa
Well actually, I did upload a new version of that movement demo today. But I probably uploaded it after your try of the movement swipe with the blue ghost.

Nice to know that the track circle demo works with you too

Yeah snake works, but that could probably use a little update now that I know a bit more of finger tracking on mobile devices.

@Hagar, will it actually work with Symbian on a Nokia? I think it will be about support the html5 canvas tag.



I can inform you that HTML 5 and Symbian S60 (I think) on a Nokia 5800 all I get are grey screens. Worst phone I have ever owned , the screen breaks in the cold too.

 
n/a

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
5th May, 2011 at 21:59:04 -

Hihi, just like blackberry phones, that OS doesn't support canvas too.

You can check for canvas support with the first page of my website, there is a rotating icosahedron rendered on a canvas and otherwise it will display a picture of a beautiful Pythagoras tree.

Thanks for testing everyone

 
Image jenswa.neocities.org

Jenswa

Possibly Insane

Registered
  26/08/2002
Points
  2723
6th May, 2011 at 15:32:37 -

Yes yes I am back, haven't been able to test it myself but I am quite sure this should work now.

I rewrote the code of this swipe demo, now it really uses the code from the track circle demo.

So therefore it has to work, if you would be kind enough to try:
http://gouwevrouwe.nl/iphone/files/movement-swipe-iphone/movement-swipe-iphone.html

(And yes I am not saying this is the last time I ask this favour of you, but it definitely should be)

Cheers,
Jenswa


 
Image jenswa.neocities.org
   

Post Reply



 



Advertisement

Worth A Click