Logo
What's worse? A rabbit growing from your shoulder or a guinea pig under your foot?

Drukgevoeligheid zonder web plugin

Mod medal
This medal is awarded to those who helped the site by moderating.
modmedal.gif
Link medal
This medal is awarded to those who helped by promoting the site on other websites.
linkmedal.gif
Meeting medal
This medal is awarded to those who joined at least one meeting.
meetingmedal-0003.gif
Mission medal
This medal is awarded to those who finished 10 missions.
missionmedal.gif
Avatar
05 Aug 2016 11:10 / last edited 05 Aug 2016 12:24
De afgelopen jaren teken ik hier niet meer zoveel, voornamelijk omdat ik de browser plugin voor drukgevoeligheid niet meer aan de praat krijg. Daarom ben ik op zoek gegaan naar informatie over drukgevoeligheid ondersteuning van browsers zonder het gebruik van plugins. Zo ben ik er achter gekomen dat Internet Explorer dit al meer dan een jaar ondersteund (Wie had dat gedacht van die trage browser  ). Ik heb meteen een demo gemaakt om het te proberen, en het werkt  In Internet Explorer dan. Andere browsers hebben beloofd om het ook te gaan implementeren, maar zijn er dus al een jaar mee bezig. Aan de andere kant zouden ze het dus elk moment kunnen gaan ondersteunen. Safari heeft gezegd er helemaal niets mee te willen doen, maar Safari zie ik zelf dan ook als de nieuwe Internet Explorer.

Voor wie het wil proberen, klik in Internet Explorer op het linkje hieronder en gebruik de drukgevoeligheid van je wacom tablet zonder extra plugins:D

http://web-labs.daniel-dewit.nl/pressure.html

Voor de technische geeks onder ons: De demo maakt gebruik van pointer events, en dan met name de pressure property van de events. Die pointer events gaan uiteindelijk ook in andere browsers ondersteund worden. Misschien interessant om al in te bouwen in Blush en Animaki met eventuele fallbacks zodat ze future-proof zijn.

Edit: Krijg nou wat, Chrome ondersteund het stiekem al. Je kunt het ergens diep verborgen in de instellingen aanzetten: chrome://flags/#enable-pointer-events. Bij mij werkte de drukgevoeligheid nog niet goed, maar ik heb dat als bug gerapporteerd omdat ze nog aan het testen zijn.

Donate medal
This medal is awarded to those who made a financial contribution.
donatemedal.gif
Mod medal
This medal is awarded to those who helped the site by moderating.
modmedal.gif
Link medal
This medal is awarded to those who helped by promoting the site on other websites.
linkmedal.gif
Tutorial medal
This medal is awarded to those who made a helpful tutorial.
tutmedal.gif
Meeting medal
This medal is awarded to those who joined at least one meeting.
meetingmedal-0003.gif
Prize medal
This medal is awarded to those who made a contest possible by donating a prize.
medalprize.gif
Mission medal
This medal is awarded to those who finished 10 missions.
missionmedal.gif
Avatar
06 Aug 2016 14:25
Interessant. Wacom's eigen plugin zit nogal onhandig in elkaar, maar misschien is dit beter.

Mod medal
This medal is awarded to those who helped the site by moderating.
modmedal.gif
Link medal
This medal is awarded to those who helped by promoting the site on other websites.
linkmedal.gif
Meeting medal
This medal is awarded to those who joined at least one meeting.
meetingmedal-0003.gif
Mission medal
This medal is awarded to those who finished 10 missions.
missionmedal.gif
Avatar
06 Aug 2016 17:31
Roel schreef:
Interessant. Wacom's eigen plugin zit nogal onhandig in elkaar, maar misschien is dit beter.

Zeker interessant, ik hoefde echt maar twee regels toe te voegen aan een bestaand stuk code om de drukgevoeligheid te kunnen gebruiken. Bovendien wordt het zo gebouwd dat het allerlei verschillende apparaten ondersteund, dus andere tabletmerken hebben dan ook drukgevoeligheid in de browser. Zelfs de stylus van de windows surface en misschien van de ipad pro zal kan er mee werken.

Mod medal
This medal is awarded to those who helped the site by moderating.
modmedal.gif
Link medal
This medal is awarded to those who helped by promoting the site on other websites.
linkmedal.gif
Meeting medal
This medal is awarded to those who joined at least one meeting.
meetingmedal-0003.gif
Mission medal
This medal is awarded to those who finished 10 missions.
missionmedal.gif
Avatar
15 May 2017 21:21
Na negen maanden hebben ze het eindelijk opgelost bij Chrome! Op dit moment zit de oplossing nog in de beta versie, maar in chrome 59 moet het gaan werken.
Als je Chrome beta download of wacht tot het zover is kun je het testen in mijn eigen experimentele tekenapp: https://daniel-dewit.nl/drawingapp/
Wat betreft andere browsers is de status nu dat IE en Edge het werkend hebben, bij Firefox moet je een instelling aanpassen maar daar werkt het ook, en bij Opera en Safari werkt het niet.

Donate medal
This medal is awarded to those who made a financial contribution.
donatemedal.gif
Mod medal
This medal is awarded to those who helped the site by moderating.
modmedal.gif
Link medal
This medal is awarded to those who helped by promoting the site on other websites.
linkmedal.gif
Tutorial medal
This medal is awarded to those who made a helpful tutorial.
tutmedal.gif
Meeting medal
This medal is awarded to those who joined at least one meeting.
meetingmedal-0003.gif
Prize medal
This medal is awarded to those who made a contest possible by donating a prize.
medalprize.gif
Mission medal
This medal is awarded to those who finished 10 missions.
missionmedal.gif
Avatar
16 May 2017 18:56
Nice! Bedankt voor de update!