Inspiration

Use webGL technology to build up a pop-up card builder

What it does

design and preview a pop-up card in your browser

How I built it

Use JS Clipper to handle 2D paths boolean operations and use three.js library to render 3D model

Challenges I ran into

Design pop-up card data structure and building algorithm

Accomplishments that I'm proud of

JS Clipper, three.js

What I learned

webGL technology

What's next for Pop-up card builder

  • Allow two points faces for adding hface
  • Detect self intersect path

Built With

Share this project:

Updates