Creating a 3D SVG Renderer for Circuit Boards with Image Textures
By
seveibar
Hand-rolled, kettle-boiled, baked to perfection. Worth every minute at the bakery.
Summary
The article discusses the creation of a 3D SVG renderer in Typescript for rendering circuit boards with image textures, simulating perspective transformations in SVGs that only support affine transformations.
Key quotes
· 3 pulledAn example circuit board rendered with our vanilla Typescript 3D Renderer. Great for checking sizing!
We were able to project the “texture” containing the PCB traces!
SVGs don’t support perspective transforms like CSS (or at least they’re not guaranteed to work in image viewers), so we need a way to simulate this.
You might also wanna read
AI company logos and their unintended anatomical resemblances: A Feedback column
A humorous Feedback column from New Scientist that observes the proliferation of AI company logos and notes a blogger's observation that man
newscientist.com·13h ago
Ableton Push prototype was built from Lego bricks and scavenged music gear parts
Ableton's Push controller was originally prototyped by designer Jesse Terry using Lego bricks and parts scavenged from other music gear. Ter
theverge.com·13h ago
Paint By JSON: A Figma Plugin for Populating Designs with Live API Data
A Figma plugin called "Paint By JSON" allows designers to populate mockups with real, live API data instead of placeholder lorem ipsum. User
Product Hunt·14h ago
Interior Design Portfolio Brochure Template Review: Tom Sarraipo's 26-Page InDesign Layout
A review and analysis of Tom Sarraipo's 26-page interior design portfolio brochure template for Adobe InDesign. The article highlights how t
weandthecolor.com·17h ago
Ferrari launches first electric hypercar 'Luce' designed by Jony Ive and Marc Newson
Ferrari is undergoing a historic transformation by launching its first fully electric hypercar, the "Luce" (or "Ferrari E"), designed in col
ft.com·18h ago
Bonsai Image 4B: Compact Image Generation Models for Local Devices
Bonsai Image 4B is a family of compact image-generation models released by the company, designed to run high-quality diffusion inference on
prismml.com·20h ago