Code Monkey home page Code Monkey logo

pedalplayground's Introduction

Contributing

Images

  • Find an image that is as close as possible to a perfect top-down angle,
    • GIMP: use the perspective tool to make any necessary adjustments,
    • Photoshop: use the camera raw (shift + ctrl + a) perspective tool ('shift + t) to make any necessary adjustments,
  • White background is preferred for best cutout quality, but if not available just cut them out best as possible
  • Isolate the pedal on a transparent background (do not cut off jacks or switches):
    • GIMP: open file, select magic wand tool and click background, Layer > Transparency > Add Alpha Channel, then Layer > Transparency > Color to Alpha, and finally Ok in the dialog prompt.
    • Photoshop: open file, select magic wand tool (can help to adjust the tolerance to 12-18) and click background, Layer > Layer Mask > Hide Selection
    • You can also use https://onlinepngtools.com/create-transparent-png
  • Crop the image to non-transparent pixels:
    • Gimp: Image > Crop to Content,
    • Photoshop: Image > Trim > Transparent Pixels.
  • Save to two places with the following guidelines:
    • /app/images/pedals - Save for Web as PNG-24, make width 800px or less (don't enlarge original image though)
    • /public/images/pedals - Save for web as PNG-24, make width 350px or less
    • Please make sure file names use all lower-case letters and no spaces

Dimensions

  • Add the dimensions of the pedals you add to /public/data/pedals.json
  • Input dimensions in inches, with decimals (rounding to nearest hundredth)
  • Dimensions recorded should include any jacks and protrusions, otherwise your pedal may appear elongated or squished,
  • If you have an official measurement for the side that has no protrusions, you can find the actual measurement of the side with jacks with just a bit of algebra:
    ((a / b) * y) = x
    
    a = length of side in image with jacks in pixels
    b = length of side in image without jacks in pixels
    y = official measurement of side without jacks in inches
    
  • To find the dimensions of your png:
    • GIMP: shift + s
    • Photoshop: ctrl + i

Running Locally

  1. Install dependencies via npm install
  2. Start the local server and compile resources via npm start. This will open a browser tab for you at localhost:3000.

Requesting Pedals

If there is a pedal that you'd like to see added to our database please feel free to log an issue.

Requests must include the following:

  1. The pedal brand and name in the title of your request,
  2. A high resolution image of the pedal (top-down view, preferably white background, straight on perspective),
  3. The dimensions of the pedal in inches (make sure the dimensions are accurate and include jacks and other protrusions).

Please post a new issue for each pedal you are requesting!

Before you submit, please consider the following:

  • New releases from all major builders are added to the database automatically -- there is no need to make a request for those,
  • Please do not request alternative colorways. To help keep the project size manageable we will no longer be accepting those requests,
  • Please check to see if your pedal request hasn't already been covered by a pending pull by one of our contributors,
  • Please check if your pedal hasn't already been requested by somebody else.

PLEASE REMAIN PATIENT

Even if your request has been completed and linked to a pull request it may still take several weeks for updates to get pulled into the main project. The individual contributors have no control over that so please remain patient.

Please do not bump/repost pedal requests!

If we haven't gotten to your request yet there is probably a good reason for it (insufficient image quality, lack of published dimensions, etc).

pedalplayground's People

Contributors

apeekaboo avatar arislanshiva avatar brs928 avatar chandler-me avatar dbagchee avatar dependabot[bot] avatar edcrouch avatar einargi avatar elad-t avatar fcassata avatar flamefork avatar flatulentmatt avatar gstepniewski avatar ikaikastine avatar j-ppp avatar joshwyrick avatar khedrak avatar msaether avatar oakwooooood avatar prazdevs avatar puffember avatar rodrigofnascimento avatar romaintb avatar rossmallow avatar silenceborn avatar taiverus avatar tandrewnichols avatar tehtrav avatar xlosvsm avatar yoyo1983 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pedalplayground's Issues

Sola Sound/Colorsound Pedals to Add

SOLA SOUND MK I TONE BENDER measures 30cm x 15cm
SOLA SOUND 'GOLDIE' TONE BENDER measures 30cm x 15cm
SOLA SOUND BRICK BENDER TONE BENDER measures 30cm x 15cm
SOLA SOUND EL DIABLO measures 30cm x 15cm
SOLA SOUND PRO MKII TONE BENDER measures 30cm x 15cm
SOLA SOUND SCB TONE BENDER measures 30cm x 15cm
COLORSOUND FUZZ SOUND BY PIGDOG (King of the MKIII?) measures 8.6" x 3.75"
SOLA SOUND TC TONE BENDER measures 8.6" x 3.75"
SOLA SOUND SON OF THE GREEN BASTARD measures 8.6" x 3.75"
COLORSOUND THE YELLOW HYBRID OC140 measures 8.6" x 3.75"
COLORSOUND 18V POWER BOOST measures 8.6" x 3.75"
COLORSOUND OVERDRIVER measures 8.6" x 3.75"
COLORSOUND TREMOLO measures 8.6" x 3.75"
COLORSOUND THE INDUCTORLESS WAH-WAH & WOW FUZZ measures 8.6" x 3.75"

Case sensitive files in repo

When cloning repo on a Mac we get the following issue. Looks like these are just accidental duplications of the same file.

Warning: the following paths have collided (e.g. case-sensitive paths
on a case-insensitive filesystem) and only one from the same
colliding group is in the working tree:
'public/images/pedals/catalinbread-BicycleDelay.png'
'public/images/pedals/catalinbread-bicycledelay.png'
'public/images/pedals/catalinbread-Discman.png'
'public/images/pedals/catalinbread-discman.png'
'public/images/pedals/catalinbread-GeKarma.png'
'public/images/pedals/catalinbread-gekarma.png'
'public/images/pedals/catalinbread-SiKarma.png'
'public/images/pedals/catalinbread-sikarma.png'

Rotated item boundaries

When dragging rotated items the item boundaries are not rotated, this problem is most noticeable when positioning rotated pedals near the canvas edge, when the rotated item should be able to butt-up against the canvas edge, but the non-rotated item boundary is stopping it from being possible.

Dragging rotated custom pedals

When dragging custom pedals that have been rotated 90 degrees they snap back to their original rotation, which makes lining them up difficult, when releasing they snap back to the correct 90 degree rotation.
Regular pedals do not have this issue.

EHX Sovtek Deluxe Big Muff Pi

Please, add this pedal, the Electro-Harmonix Sovtek Deluxe Big Muff Pi.

Thanks in advance!

ehx-sdbmp

"Brand":"Electro Harmonix",
"Name":"Sovtek Deluxe Big Muff Pi",
"Width":5.75,
"Height":4.75,

Question about photo format

When you say to save as PNG-24, do you actually mean PNG-32? Because PNG-24 has no alpha channel and therefore no transparent background. For context, I'm not big in graphic-related things, so maybe I just don't really understand. I also don't have Photoshop so I'm working in Gimp. Maybe Photoshop does some magic behind the scenes, but I'm assuming you do want the transparency preserved, right?

some EBS pedals

Hi, it's my first git, si please be nice and tell me if anything's wrong :)
PedalPlayground is a great app btw. Many thanks for that.

Here's my contribution :

EBS Multicomp SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/multicomp_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS OctaBass SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/octabass_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS UniChorus SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/unichorus_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS MultiDrive SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/multidrive_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS MetalDrive SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/metaldrive_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS DynaVerb SE
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/dynaverb_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS BassQI
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/bassiq_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS DPhaser
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/dphaser_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

EBS TremoLo
https://i0.wp.com/ebssweden.com/content2/wp-content/uploads/2016/04/tremolo_front.png
Dimensions (L x W x H) 2.8 x 4.5 x 1.4”

Action buttons rotate with custom pedals

When you rotate a custom pedal, the action buttons (rotate/delete) rotate too, which makes it difficult to rotate multiple times quickly. Regular pedals don't have this problem because the transform: rotate is applied to the artwork background-image div rather than the containing div. I looked briefly at fixing this, but it turned out to be more complicated than I thought it would be.

Boss SL-20 Slicer

Please, add this pedal, the Boss SL-20 Slicer (a very unique and really fun Boss pedal).

Thanks in advance!

boss-sl20

"Brand":"BOSS",
"Name":"SL-20 Slicer",
"Width":6.81,
"Height":6.25,

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.