🔎 PIXI Tooltips

A Google Chrome extension that enables hovering over a Pixi.js application to view information about textured objects through tooltips.

• Currently only shows name (assuming its defined) and _texture.baseTexture.resource.url

Note: If you would prefer to see some other information, such as the coordinates or dimensions, then please let me know by posting an issue on this repository. Thanks!

Example:

Tutorial

194726692-cd474d0b-8230-4774-a759-200f1589eb4d.mp4

Installation

1. Download the zipped folder pixi-tooltips-v0.0.2-alpha.zip
2. Unzip pixi-tooltips-v0.0.2-alpha.zip
3. Open the Google Chrome web browser
4. In Chrome, open Settings by clicking on the three dots (ellipsis) in the top-right corner of the browser
5. Navigate to More Tools > Extensions
6. In the Extensions menu, turn on Developer Mode in the top right corner
7. In the Extensions menu, click Load Unpacked from the top-left corner
8. Select the pixi-tooltips folder
9. The extension should now be installed

Usage

1. Open/navigate to your Pixi.js game/app in Google Chrome web browser
2. Open the extensions toolbar in Chrome
3. Select the Pixi Tooltips extension
4. Click the Inject button
5. You should see the status below the Inject button change from NotInjected to OK
6. Hover over your Pixi.js game/app (i.e., the <canvas>) - tooltips should now appear
7. (Optional) Please provide feedback, especially if this doesn't work for you!

Contributing

Please see CONTRIBUTING.md

Suggestions and pull requests are welcomed!

---

This project was bootstrapped with Chrome Extension CLI