Text Only | Text with Attachments

QB64.org Forum

Active Forums => Programs => Topic started by: dbox on April 09, 2022, 06:18:56 pm

Title: Finger Painting in QBJS
Post by: dbox on April 09, 2022, 06:18:56 pm
Hi All,

One of the features I'm working on for the next QBJS is support for touch events and more dynamic scaling/sizing when viewing QBJS programs on mobile.  I'd be very curious to hear your experience with the following example.  I've adapted a drawing program I shared earlier.  With this version you should be able to draw now with your finger on your mobile (or otherwise touch-enabled) device.

Click here to try it out! (https://v6p9d9t4.ssl.hwcdn.net/html/5574771/index.html?mode=auto&code=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)

I'd be very curious to know your experience and what kind of device you tried it on.  Were you able to draw with the various tools and change colors?  Did the scaling look appropriate for your device?

If you want to see the code you can click here (https://v6p9d9t4.ssl.hwcdn.net/html/5574771/index.html?code=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).   (This is still in development so some of the syntax may change slightly.)
Title: Re: Finger Painting in QBJS
Post by: SpriggsySpriggs on April 10, 2022, 03:39:16 pm
Awesome, dbox! Exciting stuff! I like how it loads instantly to the running program.
Title: Re: Finger Painting in QBJS
Post by: _vince on April 10, 2022, 03:53:41 pm
going to pass this over to my cellphone:

https://v6p9d9t4.ssl.hwcdn.net/html/5574771/index.html?code=JFRvdWNoTW91c2UKRGltIFNoYXJlZCBBcyBTaW5nbGUgc3csIHNoCnN3ID0gODAwCnNoID0gNjAwzC5wacQxRG91YmxlCnBpID0gNCAqIEF0bigxKQoKU2NyZWVuIF9OZXdJbWFnZSjGUywgMzIpCiAgICDFS0FzIExvbmcgbiwgciwgbXgsIG15LCBtYiwgb8QNb215Cm4gPSAwClJlxC94KG4pyDQKcmVkaW0gecwTyFTmAJUgYngsIGJ5LCB0LCBiaW4KCnIgPSA1CkRvCuUAgW14ID0gX+UBBVjGEXnJEVnGEWIgPSAtxhJCdXR0b+YA28UcSWbGHzEgVGhlbsUTxAHkAK4xyQ7mALZfUHJlc2VydmXpAO/kAMjfJWflANrGbMQBeCgwKSA95AC1LSBzdyAvIDLJG3nGG3NoxBYgLSBteco3UFNldCAo5gFZynNEbyBXaGlsZecAw8ov9QEYyRnwASDJGfsBKMgBTGluZSAt6ACKLCBfUkdCKDMwLCDGBOsA6sQBSWbkALUgLeQCBykgXiAyICsgKG15xRF5xhE+IHLFCO0Bf8gBY2lyY2xlZukCUjPTcdA0b+UA+W140xnkAPnsAVbIAeUCkPYBlcgB5QKg7gGd0CPkAjRuICvrAjjIAf8CQN8t7AJIzClFbmQgSWbuAM7NDV9MaW1pdCA1MMkWTG9vcMoxJ2Nsb3NlIHRoZSBjb250b3VyyhvnARPkAq/KFecBBeQCqcoV8gD3J/AAw+0A6NEe7gMhJ3JlZHJhdyBzcGxpbmXKF3Bz5AMCc3cv5AJE5ACX5ASHL+QBi+QAj8tfZm9yIGk9MCB0byDqAlEnxE0gLcpAacxAaSnkAspyZ2IoMjU1LDAs7ADf6AKD2DrmApXWPG5leHTwA8TmAmDrAMTFD/AAxkZvciB05AUyIFRvIDEgU3RlcCAwLjAwMO4CXWLkAuvqAd/FE+QC5TDKdshO5AXZxU7yA2Ziae4E78w3asQaxDdp0R/KO8QGKiAobiAtIGopIC8gatEsTu0BCsk+5AC/YnggK8hCKDEgLSB05AQZxU3EDmkpKcQadCBeIGnECuQBgdJJ5AD1YnnfSc5J5AG9zUnyAKTnBO3pAbPkBonpAbFi6QT/5AH5IDAsIOsB+8VMxAnsA6XqA5DkA4ggJ3VudGlsIF9rZXloaeQB7TI35AVtClN1YukE+Sh46AQALCB5ygtyygtjyAvGfewHjngwLCB5MCwg5gNGeDAgPSDmA+J5xAvmAjdl5AXzcgrmBDnpBlB5MCA8IHjqAllJZiBlIDzlAkHwBafFTHkw8QT45QE8KOQFUuUAhyArIHkwKS0o5AHtyxEsIGMsIEJG3Tot0DrFEdQ65ADNZSArIDLkAd/qAL5FbHPqBEnOYuQBH8RReMhiyxHUYtA65ACTzTrFEdQ65QF/eDDkAo3NGOYAtC3lALTrAXLnAjjFdOQFtc59ciwgecd3xQvIccQ2U3ViCg==
Title: Re: Finger Painting in QBJS
Post by: johnno56 on April 10, 2022, 08:50:15 pm
Samsung Galaxy Tab 4 runs ok. Cool...
Title: Re: Finger Painting in QBJS
Post by: dbox on April 10, 2022, 10:05:56 pm
Thanks @johnno56!
Text Only | Text with Attachments