How to create a discography

General Discussion Other

codylevi27

in General Discussion • Other • 3 months ago

I need to create a discography for a band in my class. The requirements are to have about 5 albums, and a song play from each. I want the song for that album to play when you click on the album picture. I don't really have this started yet, but I don't really know what to do. I want the mousePress to tell the program when to start and stop playing the song. Please help me with some codes....

Replies(3)

PhiLho

Re: How to create a discography

3 months ago

Processing comes with good examples, explore them a bit, particularly those related to Minim. And the "button" examples, for your mousePressed() need.

Chrisir

Re: How to create a discography

3 months ago

Hello,

When we talk normal mp3 here that helps you playing:

https://forum.processing.org/topic/lovely-mp3-player

Regarding images have a look at
the code below.
It needs 5 images named
1.jpg etc.

You need to combine the two Codes.

Greetings, Chrisir

Chrisir

Re: How to create a discography

3 months ago

here...

these are really 3 tabs

//
// Title
final String programTitle = "discography";
final float numVersion = 0.1;
final int btnLength = 13;
// List of Buttons (length of List = btnLength).
RectButton[] rectButtons = new RectButton[ btnLength ];
boolean locked;
// colors Buttons
final color col1 = #ff0000;
final color col2 = #ffff00;
final color col3 = #000000;
// Images
int imageToShow=1;
PImage img1, img2, img3, img4, img5;
// Font
PFont font;
// define middle of the screen in X-direction
int HalfOfWidth ;
//
int timeSinceLastMouseMoved=0;
int mouseXOld=0;
int mouseYOld=0;
// ==========================================================
void setup () {
// Init:
size( 600, 600 );
// Define middle of the screen in X-direction
HalfOfWidth=(width / 2);
// Create the font on the fly
font = createFont("Sans Serif", 80);
// Font
textFont(font);
// Init:
// see tab Buttons
SetupButtons ();
timeSinceLastMouseMoved = millis();
// images
img1=loadImage("1.jpg");
img2=loadImage("2.jpg");
img3=loadImage("3.jpg");
img4=loadImage("4.jpg");
img5=loadImage("5.jpg");
//
int sizeX=90;
img1.resize(sizeX, 0);
img2.resize(sizeX, 0);
img3.resize(sizeX, 0);
img4.resize(sizeX, 0);
img5.resize(sizeX, 0);
//
} // setup
//
void draw () {
// Main function
background(217);
if ((mouseX!=mouseXOld) || (mouseY!=mouseYOld)) {
// mouse moved
// store time since last mouse moved
timeSinceLastMouseMoved = millis();
}
// HeadLine
HeadLine(programTitle);
// draw Buttons
checkListOfButtons() ;
//
mouseXOld=mouseX;
mouseYOld=mouseY;
image (img1, 10, 110);
image (img2, 110, 110);
image (img3, 210, 110);
image (img4, 310, 110);
image (img5, 410, 110);
//
textSize(22);
fill(0);
text ( "Your choice: " + imageToShow, 130, 510 );
//
} // draw
// Minor Tools -------------------------------------
void HeadLine (String HeadlineText) {
fill (0, 0, 230);
textAlign(CENTER);
textSize(25) ;
text(HeadlineText, HalfOfWidth, 30);
} // function
// ==========================================================
// command buttons on the screen
// -----------------------------------------------------------------------------------------
// Init Buttons
void SetupButtons () {
// for the command-buttons on the right side of the screen
int CmdButtonsX = width-100;
int CmdButtonsAbstand = 40;
int j = 0;
int NummerFeld = 0;
// Pre-Init: All Buttons OFF
for (int i=0; i<btnLength; i++) {
rectButtons[i] = new RectButton( 1, 1, 20, 20, col1, col2, false);
}
// Init Buttons
j=NummerFeld;
rectButtons[j] = new RectButton( 10, 110, 90, 100, col1, col2, true);
rectButtons[j].Text ="";
rectButtons[j].ToolTipText = "Play Album 1";
rectButtons[j].Tag2 = j+1;
j=j+1;
rectButtons[j] = new RectButton( 110, 110, 90, 100, col1, col2, true);
rectButtons[j].Text ="";
rectButtons[j].ToolTipText = "Play Album 2";
rectButtons[j].Tag2 = j+1;
j=j+1;
rectButtons[j] = new RectButton( 210, 110, 90, 100, col1, col2, true);
rectButtons[j].Text ="";
rectButtons[j].ToolTipText = "Play Album 3";
rectButtons[j].Tag2 = j+1;
j=j+1;
rectButtons[j] = new RectButton( 310, 110, 90, 100, col1, col2, true);
rectButtons[j].Text ="";
rectButtons[j].ToolTipText = "Play Album 4";
rectButtons[j].Tag2 = j+1;
j=j+1;
rectButtons[j] = new RectButton( 410, 110, 90, 100, col1, col2, true);
rectButtons[j].Text ="";
rectButtons[j].ToolTipText = "Play Album 5";
rectButtons[j].Tag2 = j+1;
//
} // function
// ------------------------------------------
void checkListOfButtons () {
// List of Buttons
// draw buttons
for (int i=0; i<btnLength; i++) {
if (rectButtons[i].Exists) {
// new color when Mouse over
rectButtons[i].update();
// Buttons paint
rectButtons[i].display();
}
}
for (int i=0; i<btnLength; i++) {
// show tool tip
rectButtons[i].toolTip();
}
} // function
// ======================================================
// class Button and RectButton
class Button {
int x, y;
int sizeX;
int sizeY;
color basecolor, highlightcolor;
color currentcolor;
boolean over = false;
boolean pressed = false;
boolean Exists = false;
boolean visible = false;
String Text = "";
String ToolTipText = "";
String Tag = "";
int Tag2 = 0;
int TagMark = 0;
color ButtonStrokeColor = color (255, 255, 255);
void update() {
if (over()) {
// Mouse over
currentcolor = highlightcolor;
}
else {
// not Mouse over
currentcolor = basecolor;
}
} // update
void toolTip() {
if (over()) {
if (!ToolTipText.equals("")) {
if (millis() - timeSinceLastMouseMoved > 800) {
fill (242, 245, 75);
noStroke();
textSize (12);
float tw = textWidth(ToolTipText);
float xLeft = x-(tw/2);
float xRight = x-(tw/2) + tw;
float xLeftText = x;
if (xRight>=width) {
xLeft= width-tw-2;
xLeftText= xLeft + tw/2;
}
if (xLeft< 2) {
xLeft=2;
xLeftText= 2 + tw / 2;
}
rect (xLeft, y+sizeY+3, tw, 20);
textAlign(CENTER);
fill(0);
text( ToolTipText, xLeftText, y+sizeY+19 );
} // if
} // if
} // if
} // func
boolean pressed() {
if ( over()) {
locked = true;
return true;
}
else {
locked = false;
return false;
}
} // pressed;
boolean over() {
return true;
} // over
boolean overRect(int x, int y, int width, int height) {
if (mouseX >= x && mouseX <= x+width &&
mouseY >= y && mouseY <= y+height) {
return true;
}
else {
return false;
}
} // overRect
} // class
class RectButton extends Button {
public RectButton(int ix, int iy,
int isizeX, int isizeY,
color icolor, color ihighlight,
boolean iExist) {
x = ix;
y = iy;
sizeX = isizeX;
sizeY = isizeY;
basecolor = icolor;
highlightcolor = ihighlight;
currentcolor = basecolor;
Exists = iExist;
Text = "";
}
boolean over() {
if ( overRect(x, y, sizeX, sizeY) ) {
over = true;
return true;
}
else {
over = false;
return false;
}
}
void display() {
if (Exists && visible) {
if (Tag.equals("Spielfeld")) {
// Spielfeld
// AusgabeEinFeld(Text);
}
else {
// kein Spielfeld, sondern Befehlsbutton
stroke (ButtonStrokeColor);
strokeWeight(0);
fill(currentcolor);
rect(x, y, sizeX, sizeY);
if (Text != "") {
fill(0, 102, 153);
textAlign(CENTER);
textSize(16) ;
text(Text, (x + (sizeX / 2.0)), (y + (sizeY / 2.0))+5);
} // if (Text != "")
} // else
} // if exists
} // method display
} // class
// ====================================================================
//
// Inputs per Keyboard and Mouse
void mouseReleased () {
// mouse clicked, evaluate.
boolean done = false;
if (mouseButton == LEFT) {
// check List
done = CheckButtonsOfArray();
} // if (mouseButton == LEFT)
else
{
imageToShow = 1;
}
} // function
// ------------------------------------------------------------------
// Check the Button on the screen that's been
// pressed by the mouse.
boolean CheckButtonsOfArray() {
// go through all Screen-Buttons of the Array of Buttons.
// Left Mouse Button.
boolean done = false;
// Schleife über alle Buttons
for (int i=0; i<btnLength; i++) {
// Wenn Schaltfläche gedrückt...
if (rectButtons[i].pressed()) {
// now evaluate command buttons
if ( i >= 0 && i <= 4 ) { //
imageToShow = rectButtons[i].Tag2;
done = true;
}
} // for
} // for
return(done);
} // func
// =======================================