|File Size:||3.89 KB|
|Official Website:||Go to website|
This is a jQuery-powered web application designed to help you determine your screen resolution, as well as the DPI (Dots Per Inch) of your mouse.
Importantly, it will only work in browsers that support the pointerlockchange event.
What Is Mouse API?
DPI is an acronym for Dot Per Inch. It's a measurement of how many pixels there are in an inch. Knowing your mouse DPI can help you find the perfect mouse. You see, the higher the DPI of your mouse, the more detailed you can see on your screen and potentially enhance your gaming experience.
How to use it:
1. Create an input field that allows the user to enter a distance in inches (larger value preferred).
<input type="number" name="distance" id="distance" min="1" step="1" value="2">
2. Create a result element that displays the current DPI of your mouse.
<span id="resultantDpi">0</span> DPI
3. Create another input filed that displays the pixels your mouse just moved.
<input type="number" name="pixelMovedCount" id="pixelMovedCount" value="0" disabled>
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/main.js"></script>