jglim / PurpleVisualizer

OSHPark 3D PCB layer visualizer based on three.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Purple Visualizer

Preview

Setup

Setup

Drag the bigass button in the setup page to your bookmarks bar

To use, click the previously added bookmark when reviewing your OSHPark PCB. The URL should resemble something like "https://oshpark.com/uploads/xxxxxx/approval/new"

How it works

  1. The bookmarklet creates an iframe to load the preview page, with links to oshpark-generated previews passed via GET parameters
  2. The preview fetches the preview images via a CORS proxy. This is required unless OSHPark adds access-control-allow-origin to their images
  3. An alpha mask is made from the Edge.Cuts layer
  4. The other images are keyed out using the "oshpark purple" #330055
  5. Everything is put together in the three.js view

This isn't official or endorsed by the folks at oshpark.com though I would be glad to see them implement something like this.

Known Issues

  • Controls appear to be broken right now
  • (New!) 4-layer boards don't work

Made over the weekends "hackathon-grade" code quality - this WILL be buggy

@jg_lim

About

OSHPark 3D PCB layer visualizer based on three.js


Languages

Language:JavaScript 70.2%Language:HTML 15.6%Language:CSS 14.2%