Giter Club home page Giter Club logo

vulfify's Introduction

Vulfify /// go VULF yourself /// a web app

TO DO

General Things

  • auto image resizer for source images to fit canvas (resize through group instead)
  • group img objects on canvas and center (manually drag to position by user)
  • add file uploads that add to canvas
  • fix positioning bug ( goes to original position when repeat changes)

Version 1

  • create tutorial for masking source image
  • add masking to file uploads

Version 2

  • webrtc integration
  • add masking for webrtc video feed
  • test random funky shapes for masking options

Mockups

New Mockup feat. Vulf Mono (s/o to James @ OH no)

vulf mono vulfify mockup

Original Design

1st vulfify mockup

Background

Vulfpeck is an American funk band known for their eccentric projects that are often the brainchild of bandleader Jack Stratton. Their projects also emphasize collaboration with other artists (See Antwaun Stanley) and "entities" (see Goodhertz and OH no Type Co).

Stratton of Vulfpeck even collaborated on the web app Funklet with Rob Stenson of Goodhertz

What we want to build

The idea to create an app to "vulfify" oneselfe came from browsing the Facebook fangroup the "Vulfpack". One user posted a request for people to post their "vulf" images that mimic the thumbnails Vulf creates for their videos.

These images are best described as newspaper clippings (the subject---we'll just call it the clipping for future reference) on a colored background

Example img:

thumbnail from Vulfpeck's video for "1612"

To create an image, users will use the webcam on their device in a supported browser (all I want for Christmas is for Safari to support WebRTC) to capture an image of themselves, and the web app will place their image on the colored background (matching the Vulf style) with an option to repeat the image on top of itself X amount of times like the image below.

Repeated image:

thumbnail for Fugue State that shows the repeated clipping overlapping

Created in PHX with <3

Collaborators:

@jonathanreiss15

@seb-patron

blogs on the creation to come soon

vulfify's People

Contributors

jonathanreiss15 avatar seb-patron avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.