Skip to content

JonathanReiss15/Vulfify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

HTML/JS app to "Vulfify" someone using their image

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published