A tiny, installable 3D resistor calculator built with PlayCanvas—switch between 4-band and 5-band, pick colors, and get the value instantly.
Features
- 4-band and 5-band modes (toggle via UI / URL hash)
- Real-time color selection + formatted result (Ω / kΩ / MΩ / GΩ)
- Clean 3D model with metal leads and rotating display
- Mobile-friendly UI (works great on touch)
- PWA-ready (add to home screen)
How to use
- Desktop: Click the dropdowns for each band.
- Mobile: Same deal; tap to change colors.
Tech
- PlayCanvas Editor + runtime script (
resistor-calculator.js) - No external libs for UI; just DOM + CSS overlay
- Simple directional-light rig, cylinder bands, and live material updates
Feedback I’m looking for
- Visual spacing/readability of the bands
- Any UX rough edges on mobile
- Performance on lower-end devices
- Suggestions for color-blind accessibility
Roadmap
- 6-band option (tempco)
- Color-blind friendly palette / labels
- Save/share presets via URL
Known issues
- None major; please report device/browser combos if you see artifacts.
Credits
- Built by: @ALFLOYD71
- Engine: PlayCanvas
- Thanks to the community for docs/snippets!
Tested on: Chrome (Windows/Android)