/stitch-web

A web-based development tool.

Primary LanguageVue

STITCH-WEB

(Hopefully the last attempt at publishing this sort of repo)

Hey there! This project is intended to help Ad Developers produce their plethora of HTML5 ads by providing an easy to use Front-End web interface.

Planning / Sketches / Screenshots:

Early Demo of stitch-web
Sketch Planning for stitch-web, made with Paper by 53

Goals

The challenges that this project tries to address are:

(:heavy_check_mark: = implemented, :x: = not yet)

  • ✏️ Designing:

    • ❌ Focus on selected ad.
    • ❌ Importing Photoshop (PSD) files.
    • ❌ Placing and positioning layers.
    • ❌ Creating solid shapes (rect, circles, masks).
    • ❌ Updateable assets (hot-reload).
    • ❌ Support for BitmapFonts (ShoeBox required).
  • ⌛ Animating (powered by GSAP):

    • ❌ Timeline-based interface.
    • ❌ Multiple layers with 🔒 lock & 👀 visibility.
    • ❌ Edit via Timeline or RAW Javascript ES6 code (transpiled).
    • ❌ Link tweens to move animations relative to eachother.
    • ❌ Add Frame Labels.
    • ❌ Add Loop count. 🔁
  • 📈 Project Management:

    • ❌ Creating projects.
    • ❌ Assigning to Clients.
    • ❌ Select ad type (DoubleClick Studio, eyeReturn, etc).
  • 📘 Invoicing:

    • ❌ Marking tasks-breakdown sheets.
    • ❌ Auto-incrementing Invoice #, Date/Time.
    • ❌ Recall client details (email/phone/etc)
    • ❌ Applies hourly rate (💲/hr).
    • ❌ Generating Yearly reports (for tax purposes).

For more info, reach me on Twitter @_bigp.

Thanks for checking out this project!