Internet erişilebilirlik için farkındalık oluşturan bir vakıf için çalışıyorum. Bir sunum için, insanlar için farklı/engelli bozuklukları taklit eden küçük bir atölye sunmak istiyoruz. Bu web sitesi özellikle bu sunum için oluşturulmuş üzerinden yapılıyor.

Gösterilen bozuklukları biri, zor kontrol titrek el hareketleri yaşıyor demek ki bir sarsıntı geçiriyor. Bu bozukluğu olan, çok zor fare imleci tam olarak taşımak ve fare bağlantısı üzerinde iken fare düğmesine basın. Bazı yaşlılar ve hastalığı olan kişilerde, örneğin her iki Parkinson, titreme muzdarip olabilir.

Şimdi insanlar üzerinde küçük bir düğme için çok zor bu yüzden bir şekilde tahmin edilemez bir şekilde fare imleci hareket etmek istiyorum. JavaScript doğrudan fare imleci hareket izin vermez çünkü, başka yollar için bunu başarmak için arıyorum. Aşağıdaki fikirler geliştirdim:

• Bir fare sürücüsü kullanarak fare sallayarak simüle eden bir program.
• Fare imlecini Sakla üzerinden CSS, GİF animasyon sallayarak fare imlecin olduğu yerin özgün imleç (JavaScript ile), ve daha sonra hedef bağlantı tıklanabilir sadece bir kaç saniye için bir kaç dakika. Bu en azından biri her zaman yanlış zamanda tıklama gibi hissi verecek.

İlk fikir çok iyi olacak olsa da, bu gibi bir araç, Windows, Mac için olsun ne bulamadım. Ve böyle bir şey kendimi programlama konusunda hiç yeteneğim yok.

İkinci fikir biraz beceriksiz görünüyor, ama istenen etkiyi elde etmek olacaktır sanırım.

Kimsenin başka bir fikri olan var mı?

Umarım sizin kod tabanı için olması gereken bir şey için hızlı bir demo Pointer Lock API kullanarak yaptım.

this pointer-lock-demo repo ben çatal ve rastgele hareket öğesi eklemek için değiştirilmiş.

Burada GitHub sayfama link: https://aristocrates.github.io/pointer-lock-demo
Ve işte benim repo link: https://github.com/aristocrates/pointer-lock-demo

Önemi javascript kodu canvasLoop(e) yöntemi app.js, yer alıyor.

Orijinal demo değiştirdim tek şey satırdan sonra

x  = movementX * 2;
y  = movementY * 2;

Rastgele hareketi temsil etmek için iki satır ekledim:

x  = Math.floor(Math.random()*3 - 1);
y  = Math.floor(Math.random()*3 - 1);

Hala arttıracak bir şeyler var, ama umarım bu başlamanıza yardımcı olabilir.