// GAME_PROJECT_V1 // Template: Blank Sketch (p5.js) // Fixed-size canvas (800x600). Draw everything in code—no Scene Editor for p5. // GAME_LOGIC_START class GameLogic { /** * @param {{ p: import("p5") }} params */ constructor({ p }) { this.p = p; this.score = 0; this.coins = 0; this.ownedIndices = [0, 1, 2, 3, 4]; // Start with first 5 players this.level = 1; this.pointsInLevel = 0; this.pointsToNextLevel = 3; this.levelUpTimer = 0; this.gravity = 0.4; this.friction = 0.98; this.hoop = { x: 650, y: 200, w: 80, h: 10, speed: 1.5, dir: 1, rimColor: [255, 60, 0], netSway: 0 }; this.swishTimer = 0; this.shakeAmount = 0; this.feedbackMessage = ""; this.hotZone = { x: 0, y: 0, active: false, r: 60 }; this.isResetting = false; const skinTones = [ [255, 220, 180], [220, 150, 100], [150, 100, 80], [100, 60, 40], [255, 230, 210] ]; const hairColors = [[50, 30, 10], [180, 150, 50], [200, 100, 50], [20, 20, 20]]; this.players = [ { name: "LEBRON JAMES", number: "23", color: [85, 37, 130], skin: [100, 60, 40], hair: [20, 20, 20], team: "LAKERS" }, { name: "STEPH CURRY", number: "30", color: [29, 66, 138], skin: [220, 150, 100], hair: [50, 30, 10], team: "WARRIORS" }, { name: "LUKA DONCIC", number: "77", color: [0, 83, 188], skin: [255, 230, 210], hair: [100, 70, 40], team: "MAVERICKS" }, { name: "GIANNIS ANTETOKOUNMPO", number: "34", color: [0, 71, 27], skin: [70, 40, 25], hair: [15, 15, 15], team: "BUCKS" }, { name: "KEVIN DURANT", number: "35", color: [29, 17, 96], skin: [80, 50, 35], hair: [20, 20, 20], team: "SUNS" }, { name: "JAYSON TATUM", number: "0", color: [0, 122, 51], skin: [140, 90, 60], hair: [30, 20, 10], team: "CELTICS" }, { name: "NIKOLA JOKIC", number: "15", color: [13, 34, 64], skin: [255, 220, 200], hair: [120, 90, 60], team: "NUGGETS" }, { name: "JOEL EMBIID", number: "21", color: [0, 107, 182], skin: [75, 45, 30], hair: [10, 10, 10], team: "76ERS" }, { name: "JA MORANT", number: "12", color: [93, 118, 169], skin: [100, 65, 45], hair: [30, 20, 40], team: "GRIZZLIES" }, { name: "SHAI GILGEOUS-ALEXANDER", number: "2", color: [0, 125, 197], skin: [90, 55, 35], hair: [15, 15, 15], team: "THUNDER" }, { name: "ANTHONY EDWARDS", number: "5", color: [12, 35, 64], skin: [85, 50, 35], hair: [20, 20, 20], team: "TIMBERWOLVES" }, { name: "VICTOR WEMBANYAMA", number: "1", color: [0, 0, 0], skin: [180, 140, 110], hair: [30, 30, 30], team: "SPURS" }, { name: "KYRIE IRVING", number: "11", color: [0, 83, 188], skin: [110, 75, 50], hair: [20, 20, 20], team: "MAVERICKS" }, { name: "DAMIAN LILLARD", number: "0", color: [0, 71, 27], skin: [90, 55, 35], hair: [15, 15, 15], team: "BUCKS" }, { name: "DEVIN BOOKER", number: "1", color: [29, 17, 96], skin: [200, 140, 100], hair: [40, 30, 20], team: "SUNS" }, { name: "TRAE YOUNG", number: "11", color: [225, 17, 52], skin: [220, 160, 110], hair: [60, 40, 20], team: "HAWKS" }, { name: "ANTHONY DAVIS", number: "3", color: [85, 37, 130], skin: [95, 60, 40], hair: [10, 10, 10], team: "LAKERS" }, { name: "KAWHI LEONARD", number: "2", color: [200, 16, 46], skin: [100, 65, 45], hair: [15, 15, 15], team: "CLIPPERS" }, { name: "PAUL GEORGE", number: "8", color: [0, 107, 182], skin: [110, 75, 50], hair: [20, 20, 20], team: "76ERS" }, { name: "JALEN BRUNSON", number: "11", color: [0, 107, 182], skin: [120, 80, 55], hair: [25, 20, 15], team: "KNICKS" }, { name: "DONOVAN MITCHELL", number: "45", color: [134, 0, 56], skin: [85, 50, 35], hair: [15, 15, 15], team: "CAVALIERS" }, { name: "DE'AARON FOX", number: "5", color: [91, 43, 130], skin: [90, 55, 35], hair: [20, 20, 20], team: "KINGS" }, { name: "TYRESE HALIBURTON", number: "0", color: [0, 45, 98], skin: [140, 95, 65], hair: [30, 20, 15], team: "PACERS" }, { name: "BAM ADEBAYO", number: "13", color: [152, 0, 46], skin: [80, 50, 35], hair: [10, 10, 10], team: "HEAT" }, { name: "ZION WILLIAMSON", number: "1", color: [0, 43, 92], skin: [95, 60, 45], hair: [15, 15, 15], team: "PELICANS" }, { name: "LAMELO BALL", number: "1", color: [0, 120, 140], skin: [225, 180, 130], hair: [100, 80, 40], team: "HORNETS" }, { name: "CHET HOLMGREN", number: "7", color: [0, 125, 197], skin: [255, 235, 215], hair: [110, 85, 55], team: "THUNDER" }, { name: "SCOTTIE BARNES", number: "4", color: [206, 17, 65], skin: [100, 65, 45], hair: [20, 20, 20], team: "RAPTORS" }, { name: "PAOLO BANCHERO", number: "5", color: [0, 125, 197], skin: [200, 145, 105], hair: [40, 30, 20], team: "MAGIC" }, { name: "TYRESE MAXEY", number: "0", color: [0, 107, 182], skin: [95, 60, 40], hair: [15, 15, 15], team: "76ERS" }, { name: "DOMANTAS SABONIS", number: "10", color: [91, 43, 130], skin: [255, 225, 190], hair: [140, 110, 70], team: "KINGS" }, { name: "BRANDON INGRAM", number: "14", color: [0, 43, 92], skin: [115, 80, 55], hair: [30, 25, 20], team: "PELICANS" }, { name: "JIMMY BUTLER", number: "22", color: [152, 0, 46], skin: [110, 75, 50], hair: [20, 20, 20], team: "HEAT" }, { name: "KARL-ANTHONY TOWNS", number: "32", color: [0, 107, 182], skin: [120, 85, 60], hair: [25, 20, 15], team: "KNICKS" }, { name: "JAYLEN BROWN", number: "7", color: [0, 122, 51], skin: [100, 60, 40], hair: [15, 15, 15], team: "CELTICS" }, { name: "DEMAR DEROZAN", number: "10", color: [91, 43, 130], skin: [105, 70, 45], hair: [20, 20, 20], team: "KINGS" }, { name: "LAURI MARKKANEN", number: "23", color: [0, 43, 92], skin: [255, 225, 190], hair: [160, 130, 80], team: "JAZZ" }, { name: "PASCAL SIAKAM", number: "43", color: [0, 45, 98], skin: [80, 50, 35], hair: [15, 15, 15], team: "PACERS" }, { name: "JAMES HARDEN", number: "1", color: [200, 16, 46], skin: [85, 55, 35], hair: [10, 10, 10], team: "CLIPPERS" }, { name: "JAMAL MURRAY", number: "27", color: [13, 34, 64], skin: [140, 100, 70], hair: [30, 20, 10], team: "NUGGETS" }, { name: "BRADLEY BEAL", number: "3", color: [29, 17, 96], skin: [100, 65, 45], hair: [20, 20, 20], team: "SUNS" }, { name: "KRISTAPS PORZINGIS", number: "8", color: [0, 122, 51], skin: [255, 225, 200], hair: [180, 150, 100], team: "CELTICS" }, { name: "JRUE HOLIDAY", number: "4", color: [0, 122, 51], skin: [75, 45, 30], hair: [15, 15, 15], team: "CELTICS" }, { name: "DERRICK WHITE", number: "9", color: [0, 122, 51], skin: [150, 100, 75], hair: [20, 15, 10], team: "CELTICS" }, { name: "CADE CUNNINGHAM", number: "2", color: [30, 60, 120], skin: [130, 90, 60], hair: [25, 20, 15], team: "PISTONS" }, { name: "ALPEREN SENGUN", number: "28", color: [206, 17, 65], skin: [240, 190, 160], hair: [60, 40, 20], team: "ROCKETS" }, { name: "EVAN MOBLEY", number: "4", color: [134, 0, 56], skin: [90, 55, 35], hair: [15, 15, 15], team: "CAVALIERS" }, { name: "FRANZ WAGNER", number: "22", color: [0, 125, 197], skin: [255, 225, 190], hair: [120, 90, 60], team: "MAGIC" }, { name: "JULIUS RANDLE", number: "30", color: [12, 35, 64], skin: [110, 75, 50], hair: [20, 20, 20], team: "TIMBERWOLVES" }, { name: "MIKAL BRIDGES", number: "25", color: [0, 107, 182], skin: [80, 50, 35], hair: [15, 15, 15], team: "KNICKS" }, { name: "JAREN JACKSON JR", number: "13", color: [93, 118, 169], skin: [85, 50, 35], hair: [15, 15, 15], team: "GRIZZLIES" }, { name: "KLAY THOMPSON", number: "31", color: [0, 83, 188], skin: [160, 110, 80], hair: [40, 30, 20], team: "MAVERICKS" }, { name: "DRAYMOND GREEN", number: "23", color: [29, 66, 138], skin: [80, 50, 35], hair: [10, 10, 10], team: "WARRIORS" }, { name: "CHRIS PAUL", number: "3", color: [0, 0, 0], skin: [105, 70, 45], hair: [15, 15, 15], team: "SPURS" }, { name: "TYLER HERRO", number: "14", color: [152, 0, 46], skin: [255, 220, 190], hair: [100, 80, 50], team: "HEAT" }, { name: "AUSTIN REAVES", number: "15", color: [85, 37, 130], skin: [255, 225, 200], hair: [70, 50, 30], team: "LAKERS" }, { name: "JALEN WILLIAMS", number: "8", color: [0, 125, 197], skin: [110, 75, 50], hair: [30, 20, 15], team: "THUNDER" }, { name: "RUDY GOBERT", number: "27", color: [12, 35, 64], skin: [230, 180, 150], hair: [50, 35, 20], team: "TIMBERWOLVES" }, { name: "MYLES TURNER", number: "33", color: [0, 45, 98], skin: [95, 60, 40], hair: [15, 15, 15], team: "PACERS" }, { name: "CAM THOMAS", number: "24", color: [0, 0, 0], skin: [110, 75, 55], hair: [20, 20, 20], team: "NETS" }, { name: "JORDAN POOLE", number: "13", color: [0, 43, 92], skin: [150, 100, 70], hair: [40, 30, 20], team: "WIZARDS" }, { name: "RJ BARRETT", number: "9", color: [206, 17, 65], skin: [115, 80, 55], hair: [15, 15, 15], team: "RAPTORS" }, { name: "ZACH LAVINE", number: "8", color: [206, 17, 65], skin: [180, 130, 100], hair: [40, 30, 20], team: "CHICAGO" }, { name: "CAMERON JOHNSON", number: "23", color: [0, 0, 0], skin: [160, 115, 85], hair: [30, 20, 15], team: "NETS" }, { name: "KEGAN MURRAY", number: "13", color: [91, 43, 130], skin: [130, 95, 70], hair: [20, 20, 20], team: "KINGS" }, { name: "JALEN GREEN", number: "4", color: [206, 17, 65], skin: [170, 125, 90], hair: [30, 20, 15], team: "ROCKETS" }, { name: "SCOOT HENDERSON", number: "00", color: [224, 58, 62], skin: [90, 55, 35], hair: [20, 20, 20], team: "BLAZERS" }, { name: "DARIUS GARLAND", number: "10", color: [134, 0, 56], skin: [110, 75, 50], hair: [20, 15, 10], team: "CAVALIERS" }, { name: "JERAMI GRANT", number: "9", color: [224, 58, 62], skin: [85, 50, 35], hair: [15, 15, 15], team: "BLAZERS" }, { name: "IMMANUEL QUICKLEY", number: "5", color: [206, 17, 65], skin: [95, 60, 40], hair: [20, 20, 20], team: "RAPTORS" }, { name: "TOBIAS HARRIS", number: "12", color: [30, 60, 120], skin: [110, 75, 50], hair: [15, 15, 15], team: "PISTONS" }, { name: "MICHAEL JORDAN", number: "23", color: [206, 17, 65], skin: [80, 50, 35], hair: [10, 10, 10], team: "BULLS" }, { name: "KOBE BRYANT", number: "24", color: [85, 37, 130], skin: [95, 60, 40], hair: [15, 15, 15], team: "LAKERS" }, { name: "SHAQUILLE O'NEAL", number: "34", color: [85, 37, 130], skin: [75, 45, 30], hair: [10, 10, 10], team: "LAKERS" }, { name: "LARRY BIRD", number: "33", color: [0, 122, 51], skin: [255, 230, 200], hair: [190, 160, 100], team: "CELTICS" }, { name: "MAGIC JOHNSON", number: "32", color: [85, 37, 130], skin: [90, 55, 35], hair: [20, 20, 20], team: "LAKERS" }, { name: "BRANDON MILLER", number: "24", color: [0, 120, 140], skin: [100, 65, 45], hair: [15, 15, 15], team: "HORNETS" }, { name: "AMEN THOMPSON", number: "1", color: [206, 17, 65], skin: [110, 75, 50], hair: [25, 20, 15], team: "ROCKETS" }, { name: "AUSAR THOMPSON", number: "9", color: [30, 60, 120], skin: [110, 75, 50], hair: [25, 20, 15], team: "PISTONS" }, { name: "REED SHEPPARD", number: "15", color: [206, 17, 65], skin: [255, 225, 200], hair: [80, 60, 40], team: "ROCKETS" }, { name: "ZACH EDEY", number: "14", color: [93, 118, 169], skin: [255, 230, 210], hair: [40, 30, 20], team: "GRIZZLIES" }, { name: "RUSSELL WESTBROOK", number: "4", color: [13, 34, 64], skin: [100, 65, 45], hair: [15, 15, 15], team: "NUGGETS" }, { name: "AARON GORDON", number: "50", color: [13, 34, 64], skin: [160, 115, 85], hair: [40, 30, 20], team: "NUGGETS" }, { name: "FRED VANVLEET", number: "5", color: [206, 17, 65], skin: [140, 95, 65], hair: [30, 20, 15], team: "ROCKETS" }, { name: "KYLE KUZMA", number: "33", color: [0, 43, 92], skin: [200, 145, 105], hair: [180, 170, 130], team: "WIZARDS" }, { name: "DIRK NOWITZKI", number: "41", color: [0, 83, 188], skin: [255, 225, 190], hair: [200, 170, 110], team: "MAVERICKS" }, { name: "DWYANE WADE", number: "3", color: [152, 0, 46], skin: [85, 55, 35], hair: [15, 15, 15], team: "HEAT" }, { name: "TIM DUNCAN", number: "21", color: [0, 0, 0], skin: [95, 60, 45], hair: [10, 10, 10], team: "SPURS" }, { name: "ALLEN IVERSON", number: "3", color: [0, 107, 182], skin: [110, 75, 55], hair: [20, 20, 20], team: "76ERS" }, { name: "KAREEM ABDUL-JABBAR", number: "33", color: [85, 37, 130], skin: [80, 50, 35], hair: [15, 15, 15], team: "LAKERS" }, { name: "WILT CHAMBERLAIN", number: "13", color: [29, 66, 138], skin: [75, 45, 30], hair: [10, 10, 10], team: "WARRIORS" }, { name: "HAKEEM OLAJUWON", number: "34", color: [206, 17, 65], skin: [70, 40, 25], hair: [15, 15, 15], team: "ROCKETS" }, { name: "RAY ALLEN", number: "20", color: [0, 122, 51], skin: [115, 80, 55], hair: [10, 10, 10], team: "CELTICS" }, { name: "REGGIE MILLER", number: "31", color: [0, 45, 98], skin: [130, 90, 65], hair: [20, 20, 20], team: "PACERS" }, { name: "MANU GINOBILI", number: "20", color: [0, 0, 0], skin: [255, 230, 200], hair: [50, 40, 30], team: "SPURS" }, { name: "DALTON KNECHT", number: "4", color: [85, 37, 130], skin: [255, 225, 200], hair: [90, 70, 50], team: "LAKERS" }, { name: "JOSH HART", number: "3", color: [0, 107, 182], skin: [110, 75, 55], hair: [20, 20, 20], team: "KNICKS" }, { name: "ZACCHARIE RISACHER", number: "10", color: [225, 17, 52], skin: [255, 230, 210], hair: [40, 30, 20], team: "HAWKS" }, { name: "ALEX SARR", number: "12", color: [0, 43, 92], skin: [70, 40, 25], hair: [15, 15, 15], team: "WIZARDS" }, { name: "STEPHON CASTLE", number: "5", color: [0, 0, 0], skin: [90, 55, 35], hair: [20, 20, 20], team: "SPURS" }, { name: "DONTE DIVINCENZO", number: "0", color: [12, 35, 64], skin: [255, 220, 190], hair: [180, 140, 80], team: "TIMBERWOLVES" }, { name: "AL HORFORD", number: "42", color: [0, 122, 51], skin: [110, 80, 55], hair: [20, 20, 20], team: "CELTICS" }, { name: "MIKE CONLEY", number: "10", color: [12, 35, 64], skin: [95, 65, 45], hair: [20, 20, 20], team: "TIMBERWOLVES" }, { name: "BILAL COULIBALY", number: "0", color: [0, 43, 92], skin: [90, 60, 40], hair: [15, 15, 15], team: "WIZARDS" }, { name: "DERECK LIVELY II", number: "2", color: [0, 83, 188], skin: [85, 50, 35], hair: [20, 20, 20], team: "MAVERICKS" }, { name: "MILES BRIDGES", number: "0", color: [0, 120, 140], skin: [110, 75, 50], hair: [15, 15, 15], team: "HORNETS" }, { name: "KELLY OUBRE JR", number: "9", color: [0, 107, 182], skin: [120, 85, 60], hair: [25, 20, 15], team: "76ERS" }, { name: "BUDDY HIELD", number: "7", color: [29, 66, 138], skin: [75, 45, 30], hair: [10, 10, 10], team: "WARRIORS" }, { name: "NAZ REID", number: "11", color: [12, 35, 64], skin: [80, 50, 35], hair: [20, 20, 20], team: "TIMBERWOLVES" }, { name: "MALIK MONK", number: "0", color: [91, 43, 130], skin: [100, 65, 45], hair: [15, 15, 15], team: "KINGS" }, { name: "RUI HACHIMURA", number: "28", color: [85, 37, 130], skin: [180, 130, 90], hair: [20, 20, 20], team: "LAKERS" }, { name: "BRONNY JAMES", number: "9", color: [85, 37, 130], skin: [95, 60, 40], hair: [15, 15, 15], team: "LAKERS" }, { name: "MATAS BUZELIS", number: "14", color: [206, 17, 65], skin: [255, 230, 210], hair: [40, 30, 20], team: "BULLS" }, { name: "ROB DILLINGHAM", number: "4", color: [12, 35, 64], skin: [110, 75, 55], hair: [20, 20, 20], team: "TIMBERWOLVES" }, { name: "NIKOLA JOVIC", number: "5", color: [152, 0, 46], skin: [255, 225, 190], hair: [120, 90, 60], team: "HEAT" }, { name: "JAIME JAQUEZ JR", number: "11", color: [152, 0, 46], skin: [200, 140, 100], hair: [30, 20, 15], team: "HEAT" }, { name: "BRANDIN PODZIEMSKI", number: "2", color: [29, 66, 138], skin: [255, 225, 200], hair: [90, 70, 50], team: "WARRIORS" }, { name: "TRAYCE JACKSON-DAVIS", number: "32", color: [29, 66, 138], skin: [160, 115, 85], hair: [20, 15, 10], team: "WARRIORS" }, { name: "JONATHAN KUMINGA", number: "00", color: [29, 66, 138], skin: [70, 40, 25], hair: [15, 15, 15], team: "WARRIORS" }, { name: "MOSES MOODY", number: "4", color: [29, 66, 138], skin: [90, 55, 35], hair: [20, 20, 20], team: "WARRIORS" }, { name: "ANDREW WIGGINS", number: "22", color: [29, 66, 138], skin: [100, 65, 45], hair: [15, 15, 15], team: "WARRIORS" }, { name: "PAT SPENCER", number: "61", color: [29, 66, 138], skin: [255, 225, 200], hair: [100, 75, 50], team: "WARRIORS" }, { name: "CHRISTIAN BRAUN", number: "0", color: [13, 34, 64], skin: [255, 230, 210], hair: [110, 90, 70], team: "NUGGETS" }, { name: "BENNEDICT MATHURIN", number: "00", color: [0, 45, 98], skin: [85, 50, 35], hair: [10, 10, 10], team: "PACERS" }, { name: "JABARI SMITH JR", number: "10", color: [206, 17, 65], skin: [100, 65, 45], hair: [15, 15, 15], team: "ROCKETS" }, { name: "WALKER KESSLER", number: "22", color: [0, 43, 92], skin: [255, 225, 190], hair: [140, 110, 70], team: "JAZZ" }, { name: "JALEN SUGGS", number: "4", color: [0, 125, 197], skin: [120, 85, 60], hair: [20, 20, 20], team: "MAGIC" }, { name: "COREY KISPERT", number: "24", color: [0, 43, 92], skin: [255, 230, 210], hair: [100, 80, 50], team: "WIZARDS" }, { name: "DENI AVDIJA", number: "8", color: [224, 58, 62], skin: [255, 225, 190], hair: [40, 30, 20], team: "BLAZERS" }, { name: "HERB JONES", number: "5", color: [0, 43, 92], skin: [80, 50, 35], hair: [15, 15, 15], team: "PELICANS" }, { name: "TREY MURPHY III", number: "25", color: [0, 43, 92], skin: [95, 60, 40], hair: [20, 20, 20], team: "PELICANS" }, { name: "ANFERNEE SIMONS", number: "1", color: [224, 58, 62], skin: [110, 75, 50], hair: [30, 20, 15], team: "BLAZERS" }, { name: "SHAEDON SHARPE", number: "17", color: [224, 58, 62], skin: [100, 65, 45], hair: [15, 15, 15], team: "BLAZERS" }, { name: "JALEN DUREN", number: "0", color: [30, 60, 120], skin: [85, 50, 35], hair: [15, 15, 15], team: "PISTONS" }, { name: "JADEN IVEY", number: "23", color: [30, 60, 120], skin: [110, 75, 50], hair: [20, 20, 20], team: "PISTONS" }, { name: "ISAIAH STEWART", number: "28", color: [30, 60, 120], skin: [75, 45, 30], hair: [15, 15, 15], team: "PISTONS" }, { name: "AARON NESMITH", number: "23", color: [0, 45, 98], skin: [100, 65, 45], hair: [15, 15, 15], team: "PACERS" }, { name: "OBI TOPPIN", number: "1", color: [0, 45, 98], skin: [110, 75, 50], hair: [20, 20, 20], team: "PACERS" }, { name: "JOSH GIDDEY", number: "3", color: [206, 17, 65], skin: [255, 230, 210], hair: [110, 90, 60], team: "CHICAGO" }, { name: "LU DORT", number: "5", color: [0, 125, 197], skin: [80, 50, 35], hair: [15, 15, 15], team: "THUNDER" }, { name: "COBY WHITE", number: "0", color: [206, 17, 65], skin: [110, 75, 50], hair: [20, 20, 20], team: "CHICAGO" }, { name: "PATRICK WILLIAMS", number: "44", color: [206, 17, 65], skin: [90, 55, 35], hair: [15, 15, 15], team: "CHICAGO" }, { name: "JOSH GREEN", number: "8", color: [0, 120, 140], skin: [140, 100, 75], hair: [30, 20, 15], team: "HORNETS" }, { name: "PJ WASHINGTON", number: "25", color: [0, 83, 188], skin: [105, 70, 45], hair: [15, 15, 15], team: "MAVERICKS" }, { name: "DANIEL GAFFORD", number: "21", color: [0, 83, 188], skin: [85, 55, 35], hair: [15, 15, 15], team: "MAVERICKS" }, { name: "NIC CLAXTON", number: "33", color: [0, 0, 0], skin: [95, 60, 40], hair: [20, 20, 20], team: "NETS" }, { name: "DENNIS SCHRODER", number: "17", color: [0, 0, 0], skin: [80, 50, 35], hair: [20, 20, 20], team: "NETS" }, { name: "D'ANGELO RUSSELL", number: "1", color: [85, 37, 130], skin: [120, 85, 60], hair: [25, 20, 15], team: "LAKERS" }, { name: "JARRED VANDERBILT", number: "2", color: [85, 37, 130], skin: [90, 55, 35], hair: [15, 15, 15], team: "LAKERS" }, { name: "BOBBY PORTIS", number: "9", color: [0, 71, 27], skin: [85, 50, 35], hair: [15, 15, 15], team: "BUCKS" }, { name: "BROOK LOPEZ", number: "11", color: [0, 71, 27], skin: [230, 180, 150], hair: [50, 35, 20], team: "BUCKS" }, { name: "GRAYSON ALLEN", number: "8", color: [29, 17, 96], skin: [255, 225, 200], hair: [80, 60, 40], team: "SUNS" }, { name: "JUSUF NURKIC", number: "20", color: [29, 17, 96], skin: [255, 225, 190], hair: [60, 40, 20], team: "SUNS" }, { name: "IVICA ZUBAC", number: "40", color: [200, 16, 46], skin: [255, 230, 210], hair: [40, 30, 20], team: "CLIPPERS" }, { name: "TERANCE MANN", number: "14", color: [200, 16, 46], skin: [110, 75, 50], hair: [20, 20, 20], team: "CLIPPERS" }, { name: "NORMAN POWELL", number: "24", color: [200, 16, 46], skin: [100, 65, 45], hair: [15, 15, 15], team: "CLIPPERS" }, { name: "KEON ELLIS", number: "23", color: [91, 43, 130], skin: [95, 60, 40], hair: [15, 15, 15], team: "KINGS" }, { name: "COLE ANTHONY", number: "50", color: [0, 125, 197], skin: [140, 100, 70], hair: [40, 30, 20], team: "MAGIC" }, { name: "WENDELL CARTER JR", number: "34", color: [0, 125, 197], skin: [85, 55, 35], hair: [15, 15, 15], team: "MAGIC" }, { name: "JALEN JOHNSON", number: "1", color: [225, 17, 52], skin: [110, 75, 55], hair: [20, 20, 20], team: "HAWKS" }, { name: "ONYEKA OKONGWU", number: "17", color: [225, 17, 52], skin: [80, 50, 35], hair: [15, 15, 15], team: "HAWKS" }, { name: "BOGDAN BOGDANOVIC", number: "13", color: [225, 17, 52], skin: [255, 225, 190], hair: [50, 40, 30], team: "HAWKS" }, { name: "DE'ANDRE HUNTER", number: "12", color: [225, 17, 52], skin: [90, 55, 35], hair: [15, 15, 15], team: "HAWKS" }, { name: "DYSON DANIELS", number: "11", color: [225, 17, 52], skin: [240, 195, 160], hair: [100, 80, 50], team: "HAWKS" }, { name: "MARK WILLIAMS", number: "5", color: [0, 120, 140], skin: [85, 50, 35], hair: [15, 15, 15], team: "HORNETS" }, { name: "NICK RICHARDS", number: "4", color: [0, 120, 140], skin: [75, 45, 30], hair: [10, 10, 10], team: "HORNETS" }, { name: "TRE MANN", number: "23", color: [0, 120, 140], skin: [150, 110, 80], hair: [40, 30, 20], team: "HORNETS" }, { name: "DUNCAN ROBINSON", number: "55", color: [152, 0, 46], skin: [255, 230, 210], hair: [130, 100, 70], team: "HEAT" }, { name: "CALEB MARTIN", number: "16", color: [0, 107, 182], skin: [130, 95, 70], hair: [25, 20, 15], team: "76ERS" }, { name: "ERIC GORDON", number: "23", color: [0, 107, 182], skin: [120, 85, 60], hair: [15, 15, 15], team: "76ERS" }, { name: "CHRISTIAN WOOD", number: "35", color: [85, 37, 130], skin: [110, 75, 50], hair: [20, 20, 20], team: "LAKERS" }, { name: "GABE VINCENT", number: "7", color: [85, 37, 130], skin: [140, 100, 75], hair: [30, 20, 15], team: "LAKERS" }, { name: "JAXSON HAYES", number: "11", color: [85, 37, 130], skin: [160, 115, 85], hair: [40, 30, 20], team: "LAKERS" }, { name: "COOPER FLAGG", number: "2", color: [0, 83, 155], skin: [255, 225, 200], hair: [80, 50, 30], team: "DUKE / PROSPECT" } ]; this.particles = []; this.ballHistory = []; this.fans = []; this.lives = 3; this.maxLives = 3; this.isGameOver = false; this.shotCount = 0; this.shotTiming = 0; this.timingDir = 1; this.isGreenShot = false; this.happyTimer = 0; this.hasReached100Coins = false; this.bestStreak = 0; for (let i = 0; i < 120; i++) { let teamChoice = p.random(this.players); this.fans.push({ x: (i % 30) * 30, row: Math.floor(i / 30), color: teamChoice.color, jerseyNum: Math.floor(p.random(100)), hasHeadband: p.random() < 0.2, skin: p.random(skinTones), hair: p.random(hairColors), offset: p.random(1000) }); } this.playerIndex = 1; // Default this.rarityColors = { "COMMON": [180, 180, 180], "RARE": [0, 120, 255], "EPIC": [180, 0, 255], "LEGENDARY": [255, 215, 0] }; this.state = "SELECT_PLAYER"; // Start with selection screen this.searchQuery = ""; this.scrollOffset = 0; this.mouseWasPressed = false; this.teamClickHeld = false; this.packCost = 100; this.lastUnlockedPlayers = []; this.packTimer = 0; this.player = { x: 150, y: 450, color: this.players[this.playerIndex].color, skin: this.players[this.playerIndex].skin, hair: this.players[this.playerIndex].hair, name: this.players[this.playerIndex].name, number: this.players[this.playerIndex].number }; this.loadGame(); this.resetBall(); } onKeyTyped(key) { if (this.state === "SELECT_PLAYER") { if (key.length === 1 && key.match(/[a-z0-9 ]/i)) { this.searchQuery += key.toUpperCase(); this.scrollOffset = 0; } } } onKeyPressed(keyCode) { if (this.state === "SELECT_PLAYER") { if (keyCode === 8) { // BACKSPACE this.searchQuery = this.searchQuery.substring(0, this.searchQuery.length - 1); this.scrollOffset = 0; } } } onMouseWheel(delta) { if (this.state === "SELECT_PLAYER") { this.scrollOffset += delta; this.scrollOffset = Math.max(0, this.scrollOffset); } } getRarity(p) { if (!p) return "COMMON"; const legends = ["MICHAEL JORDAN", "KOBE BRYANT", "SHAQUILLE O'NEAL", "LARRY BIRD", "MAGIC JOHNSON", "KAREEM ABDUL-JABBAR", "WILT CHAMBERLAIN", "HAKEEM OLAJUWON"]; const epics = ["LEBRON JAMES", "STEPH CURRY", "LUKA DONCIC", "GIANNIS ANTETOKOUNMPO", "KEVIN DURANT", "NIKOLA JOKIC", "JOEL EMBIID", "VICTOR WEMBANYAMA", "SHAI GILGEOUS-ALEXANDER", "JAYSON TATUM"]; const rares = ["ANTHONY EDWARDS", "JA MORANT", "KYRIE IRVING", "DAMIAN LILLARD", "DEVIN BOOKER", "ZION WILLIAMSON", "LAMELO BALL", "ANTHONY DAVIS", "KAWHI LEONARD", "PAUL GEORGE", "JALEN BRUNSON", "DONOVAN MITCHELL", "VICTOR WEMBANYAMA"]; if (legends.includes(p.name)) return "LEGENDARY"; if (epics.includes(p.name)) return "EPIC"; if (rares.includes(p.name)) return "RARE"; return "COMMON"; } getOverall(p) { const rarity = this.getRarity(p); if (rarity === "LEGENDARY") return 96 + (p.name.length % 4); if (rarity === "EPIC") return 90 + (p.name.length % 6); if (rarity === "RARE") return 84 + (p.name.length % 6); return 70 + (p.name.length % 14); } changeTeam() { this.playerIndex = (this.playerIndex + 1) % this.players.length; let pData = this.players[this.playerIndex]; this.player.color = pData.color; this.player.skin = pData.skin; this.player.hair = pData.hair; this.player.name = pData.name; this.player.number = pData.number; this.saveGame(); } createCustomTeam() { let name = window.prompt("Enter your Player Name:", "ROOKIE"); let num = window.prompt("Enter Jersey Number (0-99):", "99"); if (name && name.trim().length > 0) { let r = Math.floor(this.p.random(50, 230)); let g = Math.floor(this.p.random(50, 230)); let b = Math.floor(this.p.random(50, 230)); this.players.push({ name: name.trim().toUpperCase(), number: (num || "99").substring(0, 2), color: [r, g, b], skin: [220, 150, 100], hair: [30, 30, 30], team: "CUSTOM" }); this.playerIndex = this.players.length - 1; let pData = this.players[this.playerIndex]; this.player.color = pData.color; this.player.skin = pData.skin; this.player.hair = pData.hair; this.player.name = pData.name; this.player.number = pData.number; this.state = "PLAYING"; } } fullReset() { this.score = 0; this.streak = 0; this.level = 1; this.lives = 3; this.shotCount = 0; this.pointsInLevel = 0; this.levelUpTimer = 0; this.isGameOver = false; this.state = "PLAYING"; this.hoop.w = 80; this.resetBall(); } resetBall() { let p = this.p; this.isResetting = false; this.shotCount++; let startX = p ? p.random(50, 250) : 150; let startY = p ? p.random(400, 500) : 450; this.ball = { x: startX, y: startY, vx: 0, vy: 0, r: 14, angle: 0, rotationSpeed: 0, isHeld: false, isShot: false, lastX: startX, lastY: startY, hitRim: false, hitBackboard: false, isMoneyBall: (this.shotCount % 5 === 0) }; this.player.x = startX; this.player.y = startY + 60; this.hasScored = false; this.shotFromHotZone = false; // Activate Hot Zone every 3 shots this.hotZone.active = (this.shotCount % 3 === 0); this.hotZone.x = startX; this.hotZone.y = startY; } openPack() { if (this.coins >= this.packCost) { let checkUnowned = this.players.map((p, idx) => ({...p, id: idx})) .filter(p => !this.ownedIndices.includes(p.id)); if (checkUnowned.length === 0) { alert("You already have every player!"); return; } this.coins -= this.packCost; this.lastUnlockedPlayers = []; for (let k = 0; k < 3; k++) { let unowned = this.players.map((p, idx) => ({...p, id: idx})) .filter(p => !this.ownedIndices.includes(p.id)); if (unowned.length === 0) break; let roll = this.p.random(100); let targetRarity = "COMMON"; if (roll < 2) targetRarity = "LEGENDARY"; else if (roll < 10) targetRarity = "EPIC"; else if (roll < 30) targetRarity = "RARE"; let pool = []; const rarities = ["LEGENDARY", "EPIC", "RARE", "COMMON"]; let startIdx = rarities.indexOf(targetRarity); for (let i = startIdx; i < rarities.length; i++) { let r = rarities[i]; pool = unowned.filter(p => this.getRarity(p) === r); if (pool.length > 0) break; } if (pool.length === 0) pool = unowned; let chosen = this.p.random(pool); this.ownedIndices.push(chosen.id); this.lastUnlockedPlayers.push(chosen); } this.saveGame(); this.state = "OPEN_PACK"; this.packTimer = 180; } } update() { let p = this.p; if (this.state === "OPEN_PACK") { this.packTimer--; if (this.packTimer <= 0 && p.mouseIsPressed) { this.state = "SELECT_PLAYER"; } return; } if (this.state === "SELECT_PLAYER") { if (p.mouseIsPressed && !this.mouseWasPressed) { // Buy Pack Button if (p.mouseX > p.width/2 + 60 && p.mouseX < p.width/2 + 200 && p.mouseY > 70 && p.mouseY < 110) { this.openPack(); } let filtered = this.players.map((pl, idx) => ({ ...pl, originalIdx: idx })) .filter(pl => (pl.name.toUpperCase().includes(this.searchQuery) || pl.team.toUpperCase().includes(this.searchQuery))); for (let i = 0; i < filtered.length; i++) { let col = i % 2; let row = Math.floor(i / 2); let tx = (p.width / 2 - 250) + (col * 260); let ty = 140 + row * 55 - this.scrollOffset; if (ty > 130 && ty < 540) { // Click within visible area if (p.mouseX > tx && p.mouseX < tx + 240 && p.mouseY > ty && p.mouseY < ty + 45) { let originalIdx = filtered[i].originalIdx; if (this.ownedIndices.includes(originalIdx)) { let pData = filtered[i]; this.playerIndex = originalIdx; this.player.color = pData.color; this.player.skin = pData.skin; this.player.hair = pData.hair; this.player.name = pData.name; this.player.number = pData.number; this.state = "PLAYING"; this.saveGame(); } } } } } this.mouseWasPressed = p.mouseIsPressed; return; } this.mouseWasPressed = p.mouseIsPressed; // Menu Button Logic if (p.mouseIsPressed && p.mouseX > 680 && p.mouseX < 780 && p.mouseY > 510 && p.mouseY < 540) { if (!this.teamClickHeld) { if (this.state !== "SELECT_PLAYER") { this.state = "SELECT_PLAYER"; this.scrollOffset = 0; } else { this.changeTeam(); } this.teamClickHeld = true; } } else { this.teamClickHeld = false; } if (this.levelUpTimer > 0) this.levelUpTimer--; if (this.swishTimer > 0) this.swishTimer--; if (this.happyTimer > 0) this.happyTimer--; this.shakeAmount *= 0.9; // Particle Management for (let i = this.particles.length - 1; i >= 0; i--) { let part = this.particles[i]; part.x += part.vx; part.y += part.vy; part.life -= part.decay; if (part.life <= 0) this.particles.splice(i, 1); } this.hoop.netSway *= 0.9; // Decay net animation // Hoop movement in higher levels if (this.level >= 2) { this.hoop.x += this.hoop.speed * this.hoop.dir * (this.level * 0.5); if (this.hoop.x > 700 || this.hoop.x < 400) { this.hoop.dir *= -1; } } if (this.ball.isHeld) { // Ball stays in place for slingshot mechanic } else if (!this.ball.isShot) { // Dribbling animation when waiting let dribbleSpeed = 0.15; let dribbleHeight = 15; this.ball.y = this.player.y - 60 + p.abs(p.sin(p.frameCount * dribbleSpeed)) * dribbleHeight; this.ball.angle += 0.05; } else if (this.ball.isShot) { this.ball.vy += this.gravity; // Motion Trail History this.ballHistory.push({ x: this.ball.x, y: this.ball.y }); if (this.ballHistory.length > 8) this.ballHistory.shift(); this.ball.x += this.ball.vx; this.ball.y += this.ball.vy; if (this.streak >= 5) { for (let i = 0; i < 2; i++) { this.particles.push({ x: this.ball.x + this.p.random(-10, 10), y: this.ball.y + this.p.random(-10, 10), vx: this.p.random(-1, 1), vy: this.p.random(-2, 0), life: 255, decay: 15, color: [255, 100, 0] }); } } this.ball.angle += this.ball.rotationSpeed; this.ball.rotationSpeed *= 0.99; // Friction for spin // Rim Collisions (Front and Back) let rimPoints = [ { x: this.hoop.x, y: this.hoop.y }, { x: this.hoop.x + this.hoop.w, y: this.hoop.y } ]; for (let pt of rimPoints) { let d = p.dist(this.ball.x, this.ball.y, pt.x, pt.y); if (d < this.ball.r) { let normal = { x: (this.ball.x - pt.x) / d, y: (this.ball.y - pt.y) / d }; let dot = this.ball.vx * normal.x + this.ball.vy * normal.y; // Bouncy rims for realistic difficulty this.ball.vx = (this.ball.vx - 2 * dot * normal.x) * 0.7; this.ball.vy = (this.ball.vy - 2 * dot * normal.y) * 0.7; // Push ball out this.ball.x = pt.x + normal.x * this.ball.r; this.ball.y = pt.y + normal.y * this.ball.r; this.ball.rotationSpeed = this.ball.vx * 0.1; this.ball.hitRim = true; // Rim sparks for(let i=0; i<5; i++) { this.particles.push({ x: pt.x, y: pt.y, vx: p.random(-2,2), vy: p.random(-2,2), life: 255, decay: 20, color: [255, 150, 0] }); } } } // Backboard Collision let bbX = this.hoop.x + this.hoop.w + 5; if (this.ball.x + this.ball.r > bbX - 10 && this.ball.x - this.ball.r < bbX + 5 && this.ball.y > this.hoop.y - 110 && this.ball.y < this.hoop.y + 20) { this.ball.vx *= -0.6; this.ball.x = bbX - 10 - this.ball.r; this.ball.rotationSpeed = -this.ball.vy * 0.1; this.ball.hitBackboard = true; } // Bounce off floor if (this.ball.y + this.ball.r > 550) { this.ball.y = 550 - this.ball.r; this.ball.vy *= -0.6; this.ball.vx *= 0.8; } // Bounce off walls if (this.ball.x - this.ball.r < 0 || this.ball.x + this.ball.r > p.width) { this.ball.vx *= -0.7; this.ball.x = p.constrain(this.ball.x, this.ball.r, p.width - this.ball.r); } // Check for goal this.checkHoop(); // Air Friction this.ball.vx *= 0.995; this.ball.vy *= 0.995; // Auto-reset if out of bounds or stopped if (!this.isResetting && (this.ball.y > p.height + 50 || (Math.abs(this.ball.vx) < 0.2 && Math.abs(this.ball.vy) < 0.2 && this.ball.y > 520))) { if (!this.hasScored) { this.streak = 0; this.lives--; this.feedbackMessage = "BRICK!"; this.swishTimer = 60; this.shakeAmount = 12; if (this.lives <= 0) { this.isGameOver = true; this.state = "GAME_OVER"; } } this.isResetting = true; if (!this.isGameOver) { setTimeout(() => this.resetBall(), 500); } this.ball.isShot = false; } } if (p.mouseIsPressed) { let d = p.dist(p.mouseX, p.mouseY, this.ball.x, this.ball.y); if (d < this.ball.r && !this.ball.isShot) { this.ball.isHeld = true; this.isGreenShot = false; if (this.hotZone.active && p.dist(p.mouseX, p.mouseY, this.hotZone.x, this.hotZone.y) < this.hotZone.r) { this.shotFromHotZone = true; } } } else { if (this.ball.isHeld) { this.ball.isHeld = false; this.ball.isShot = true; let dx = this.ball.lastX - p.mouseX; let dy = this.ball.lastY - p.mouseY; let power = Math.sqrt(dx*dx + dy*dy); // Calculate "Perfect Power" for distance let distToHoop = p.dist(this.ball.x, this.ball.y, this.hoop.x + this.hoop.w/2, this.hoop.y); let idealPower = p.map(distToHoop, 300, 700, 60, 110); if (Math.abs(power - idealPower) < 5) { this.isGreenShot = true; this.feedbackMessage = "GREEN!"; this.swishTimer = 60; // Aim assist for green shots let angleToHoop = Math.atan2(this.hoop.y - 50 - this.ball.y, (this.hoop.x + this.hoop.w/2) - this.ball.x); let speed = power * 0.16; this.ball.vx = Math.cos(angleToHoop) * speed; this.ball.vy = Math.sin(angleToHoop) * speed; } else { this.ball.vx = dx * 0.15; this.ball.vy = dy * 0.15; } this.ball.rotationSpeed = this.ball.vx * 0.1; } } if (!this.ball.isShot) { this.ball.lastX = this.ball.x; this.ball.lastY = this.ball.y; } } checkHoop() { let p = this.p; // Check if ball passes through the horizontal plane of the rim let margin = 6; if (!this.hasScored && this.ball.vy > 0 && this.ball.x > this.hoop.x + margin && this.ball.x < this.hoop.x + this.hoop.w - margin && ((this.ball.lastY <= this.hoop.y && this.ball.y >= this.hoop.y) || (p.dist(this.ball.x, this.ball.y, this.hoop.x + this.hoop.w/2, this.hoop.y) < 15))) { this.streak++; if (this.streak > this.bestStreak) this.bestStreak = this.streak; let points = (this.streak > 2 ? 3 : 2); if (this.ball.isMoneyBall) points += 1; if (this.shotFromHotZone) points *= 2; this.score += points; this.coins += points * 5; // Reward coins if (this.coins >= 100 && !this.hasReached100Coins) { this.happyTimer = 180; this.hasReached100Coins = true; } this.saveGame(); this.hoop.netSway = 15; // Trigger net animation this.pointsInLevel++; this.hasScored = true; this.swishTimer = 60; // Swish Particles for (let i = 0; i < 20; i++) { this.particles.push({ x: this.ball.x, y: this.hoop.y, vx: p.random(-4, 4), vy: p.random(-2, 4), life: 255, decay: 10, color: [255, 255, 255] }); } if (this.isGreenShot) { this.feedbackMessage = "GREEN BEAN!"; this.shakeAmount = 15; } else if (this.shotFromHotZone) { this.feedbackMessage = "HOT ZONE!"; this.shakeAmount = 10; } else if (this.ball.hitBackboard) { this.feedbackMessage = "BANK!"; } else { this.feedbackMessage = "SWISH!"; } if (this.pointsInLevel >= this.pointsToNextLevel) { this.level++; this.pointsInLevel = 0; this.levelUpTimer = 90; // Show level up for ~1.5 seconds this.hoop.w = Math.max(50, 85 - (this.level * 2)); } } } draw() { let p = this.p; p.push(); if (this.shakeAmount > 0.1) { p.translate(p.random(-this.shakeAmount, this.shakeAmount), p.random(-this.shakeAmount, this.shakeAmount)); } if (this.state === "GAME_OVER") { p.pop(); p.background(10, 5, 20, 200); p.textAlign(p.CENTER, p.CENTER); p.fill(255); p.textSize(64); p.textStyle(p.BOLD); p.text("GAME OVER", p.width/2, p.height/2 - 100); p.textSize(24); p.text(`${this.player.name} finished with`, p.width/2, p.height/2 - 40); p.textSize(48); p.fill(255, 200, 0); p.text(`${this.score} POINTS`, p.width/2, p.height/2 + 20); // Replay Button let bx = p.width/2 - 100, by = p.height/2 + 80, bw = 200, bh = 50; if (p.mouseX > bx && p.mouseX < bx + bw && p.mouseY > by && p.mouseY < by + bh) { p.fill(255, 100, 0); if (p.mouseIsPressed) this.fullReset(); } else { p.fill(200, 60, 0); } p.rect(bx, by, bw, bh, 10); p.fill(255); p.textSize(20); p.text("PLAY AGAIN", p.width/2, by + 25); return; } if (this.state === "OPEN_PACK") { p.pop(); p.background(0); p.textAlign(p.CENTER, p.CENTER); let revealProgress = p.constrain(p.map(this.packTimer, 180, 120, 0, 1), 0, 1); if (this.packTimer > 120) { // Shaking Pack p.push(); p.translate(p.width/2 + p.random(-5,5), p.height/2 + p.random(-5,5)); p.fill(255, 215, 0); p.stroke(255); p.strokeWeight(4); p.rect(-80, -120, 160, 240, 10); p.fill(0); p.textSize(32); p.text("NBA\nPACK", 0, 0); p.pop(); } else { // Reveal Player Cards for (let i = 0; i < this.lastUnlockedPlayers.length; i++) { p.push(); let ply = this.lastUnlockedPlayers[i]; let xOffset = (i - (this.lastUnlockedPlayers.length - 1) / 2) * 250; p.translate(p.width/2 + xOffset, p.height/2); p.scale(p.map(this.packTimer, 120, 100, 0, 0.75, true)); let rar = this.getRarity(ply); let rCol = this.rarityColors[rar]; p.fill(ply.color); p.stroke(rCol); p.strokeWeight(12); p.rect(-150, -220, 300, 440, 20); // Rarity Tag p.fill(rCol); p.noStroke(); p.rect(-150, 180, 300, 40, 0, 0, 20, 20); p.fill(255); p.textSize(22); p.text(rar, 0, 200); p.fill(ply.skin); p.noStroke(); p.ellipse(0, -60, 100, 110); p.fill(ply.hair); p.arc(0, -80, 110, 80, p.PI, p.TWO_PI); // Overall Badge p.fill(255, 215, 0); p.stroke(0); p.strokeWeight(2); p.rect(-130, -200, 50, 50, 5); p.fill(0); p.noStroke(); p.textSize(24); p.text(this.getOverall(ply), -105, -175); p.fill(255); p.textSize(28); p.textStyle(p.BOLD); p.text(ply.name, 0, 60); p.textSize(18); p.text(ply.team, 0, 90); p.textSize(60); p.text("#" + ply.number, 0, 160); p.fill(255, 255, 0, 200 + p.sin(p.frameCount * 0.1 + i) * 55); p.textSize(32); p.text("NEW UNLOCK!", 0, -180); p.pop(); } if (this.packTimer <= 0) { p.fill(255); p.textSize(16); p.text("Click anywhere to continue", p.width/2, p.height - 40); } } return; } if (this.state === "SELECT_PLAYER") { p.pop(); p.background(20, 20, 30); p.textAlign(p.CENTER, p.CENTER); p.fill(255); p.textSize(32); p.textStyle(p.BOLD); p.text("SELECT YOUR STAR", p.width / 2, 40); // Coins Display p.fill(255, 215, 0); p.textSize(20); p.textAlign(p.RIGHT, p.CENTER); p.text(`COINS: ${this.coins} 💰`, p.width - 30, 40); // Search Bar UI p.fill(40, 40, 60); p.stroke(100); p.rect(p.width/2 - 200, 70, 250, 40, 20); // Buy Pack Button let isHoverPack = (p.mouseX > p.width/2 + 60 && p.mouseX < p.width/2 + 200 && p.mouseY > 70 && p.mouseY < 110); if (this.coins >= this.packCost) p.fill(isHoverPack ? [0, 220, 0] : [0, 180, 0]); else p.fill(80); p.rect(p.width/2 + 60, 70, 140, 40, 20); p.noStroke(); p.fill(255); p.textSize(14); p.textAlign(p.CENTER, p.CENTER); p.text(`BUY PACK (${this.packCost})`, p.width/2 + 130, 90); // Odds Display p.fill(200); p.textSize(9); p.textAlign(p.CENTER, p.TOP); p.text("ODDS: LEG 2% • EPIC 8% • RARE 20%", p.width/2 + 130, 115); p.textAlign(p.LEFT, p.CENTER); p.textSize(16); p.fill(255); p.text("Search: " + this.searchQuery + (p.frameCount % 40 < 20 ? "|" : ""), p.width/2 - 170, 90); if (this.searchQuery === "") { p.fill(150); p.text("Type to find...", p.width/2 - 170, 90); } let filtered = this.players.map((pl, idx) => ({ ...pl, originalIdx: idx })) .filter(pl => pl.name.includes(this.searchQuery) || pl.team.includes(this.searchQuery)); p.push(); for (let i = 0; i < filtered.length; i++) { let ply = filtered[i]; let isOwned = this.ownedIndices.includes(ply.originalIdx); let col = i % 2; let row = Math.floor(i / 2); let tx = (p.width / 2 - 250) + (col * 260); let ty = 140 + row * 55 - this.scrollOffset; if (ty > 120 && ty < 550) { // Button box if (isOwned) { p.fill(ply.color); p.stroke(255); } else { p.fill(40); p.stroke(80); } p.strokeWeight(1.5); p.rect(tx, ty, 240, 45, 8); // Profile Circle p.fill(isOwned ? ply.skin : 60); p.noStroke(); p.ellipse(tx + 22, ty + 22, 28, 28); p.fill(isOwned ? ply.hair : 30); p.arc(tx + 22, ty + 18, 28, 18, p.PI, p.TWO_PI); // Name and Team p.fill(isOwned ? 255 : 120); p.textAlign(p.LEFT, p.CENTER); p.textSize(ply.name.length > 16 ? 11 : 13); p.textStyle(p.BOLD); p.text(isOwned ? ply.name : "LOCKED", tx + 55, ty + 15); p.textStyle(p.NORMAL); p.textSize(10); p.fill(isOwned ? [255, 220] : 100); p.text(isOwned ? ply.team : "Get packs to unlock!", tx + 55, ty + 30); if (isOwned) { let rar = this.getRarity(ply); let ovr = this.getOverall(ply); // Shimmer for Special Cards if (rar === "LEGENDARY" || rar === "EPIC") { let shim = (p.frameCount * 5) % 300; p.stroke(255, 255, 255, p.map(p.abs(150 - shim), 0, 150, 200, 0)); p.strokeWeight(2); } else { p.stroke(255); p.strokeWeight(1.5); } p.fill(this.rarityColors[rar]); p.rect(tx + 180, ty + 5, 55, 15, 4); p.fill(255); p.noStroke(); p.textSize(8); p.textAlign(p.CENTER, p.CENTER); p.text(rar, tx + 207, ty + 12); // Overall Display p.fill(255, 215, 0); p.rect(tx + 180, ty + 25, 55, 15, 4); p.fill(0); p.textStyle(p.BOLD); p.text(ovr + " OVR", tx + 207, ty + 32); p.textStyle(p.NORMAL); } if (!isOwned) { p.textAlign(p.RIGHT, p.CENTER); p.textSize(16); p.text("🔒", tx + 230, ty + 22); } } } p.pop(); p.fill(150); p.textSize(12); p.textAlign(p.CENTER, p.CENTER); p.text("Use Mouse Wheel or drag to scroll. Type to search.", p.width / 2, 585); return; } // Draw Stadium Lighting Effect let grad = p.drawingContext.createRadialGradient(p.width/2, 100, 50, p.width/2, 300, 600); grad.addColorStop(0, 'rgba(120, 180, 255, 0.6)'); grad.addColorStop(1, 'rgba(10, 15, 30, 1)'); p.drawingContext.fillStyle = grad; p.rect(0, 0, p.width, 550); // Dynamic Spotlight Beams p.noStroke(); for (let i = 0; i < 4; i++) { let beamX = (p.width / 2) + p.sin(p.frameCount * 0.008 + i * 1.5) * 500; let opacity = 8 + p.sin(p.frameCount * 0.04 + i) * 6; if (this.swishTimer > 0 && this.feedbackMessage !== "BRICK!") opacity *= 3; p.fill(255, 255, 255, opacity); p.triangle(beamX - 150, 0, beamX + 150, 0, p.width / 2, 650); } // Vignette Effect let vin = p.drawingContext.createRadialGradient(p.width/2, p.height/2, 100, p.width/2, p.height/2, 600); vin.addColorStop(0, 'rgba(0,0,0,0)'); vin.addColorStop(1, 'rgba(0,0,0,0.6)'); p.drawingContext.fillStyle = vin; p.rect(0, 0, p.width, p.height); // Jumbotron p.fill(30); p.stroke(100); p.rect(p.width/2 - 100, -10, 200, 120, 5); // Main Screen p.noStroke(); p.fill(0); p.rect(p.width/2 - 90, 10, 180, 90); p.fill(0, 150, 255, 100 + p.sin(p.frameCount * 0.1) * 50); // Glow p.rect(p.width/2 - 90, 10, 180, 90); p.fill(255); p.textSize(12); p.textAlign(p.CENTER, p.CENTER); p.text("PRO ARENA LIVE", p.width/2, 35); p.textSize(24); p.text(this.score + " - 0", p.width/2, 65); // Draw Stands (Bleachers) p.noStroke(); for (let i = 0; i < 4; i++) { p.fill(20 + i * 10); p.rect(0, 300 + i * 65, p.width, 200); } // Draw Fans for (let fan of this.fans) { let isSwish = (this.swishTimer > 0 && this.feedbackMessage !== "BRICK!") || this.levelUpTimer > 0; let isBooing = (this.swishTimer > 0 && this.feedbackMessage === "BRICK!"); let bob = p.sin(p.frameCount * 0.1 + fan.offset) * 5; let cheerX = 0; let cheerY = 0; if (isSwish) { bob *= 3; cheerX = p.random(-2, 2); cheerY = p.random(-5, 0); } else if (isBooing) { cheerX = p.sin(p.frameCount * 0.5 + fan.offset) * 8; // Angry head shake } let fanY = 320 + fan.row * 65 + bob + cheerY; let fanX = fan.x + 15 + (fan.row * 10) + cheerX; // Arms (Cheering or Booing) if (isSwish) { p.stroke(fan.skin); p.strokeWeight(5); p.line(fanX - 12, fanY - 5, fanX - 20, fanY - 15); p.line(fanX - 20, fanY - 15, fanX - 25, fanY - 35); p.line(fanX + 12, fanY - 5, fanX + 20, fanY - 15); p.line(fanX + 20, fanY - 15, fanX + 25, fanY - 35); p.noStroke(); } else if (isBooing && fan.offset % 10 < 2) { // Occasional "Thumb Down" for booing fans p.stroke(fan.skin); p.strokeWeight(4); p.line(fanX + 12, fanY - 5, fanX + 25, fanY + 10); p.noStroke(); p.fill(255, 50, 50); p.textSize(8); p.text("BOO!", fanX, fanY - 45); } // Fan Shirt/Shoulders (NBA Gear) p.fill(fan.color); p.rect(fanX - 15, fanY - 10, 30, 25, 8, 8, 2, 2); p.ellipse(fanX, fanY + 10, 28, 20); // Rounded bottom // Tiny Jersey Number p.fill(255, 200); p.textAlign(p.CENTER, p.CENTER); p.textSize(8); p.text(fan.jerseyNum, fanX, fanY); // Neckline p.fill(fan.skin); p.arc(fanX, fanY - 10, 12, 8, 0, p.PI); // Simplified cartoon fan head p.fill(fan.skin); p.noStroke(); p.ellipse(fanX, fanY - 28, 20, 22); // Simple eyes p.fill(255); p.ellipse(fanX - 4, fanY - 28, 3, 3); p.ellipse(fanX + 4, fanY - 28, 3, 3); p.fill(60, 80, 120); p.ellipse(fanX - 4, fanY - 28, 1.5, 1.5); p.ellipse(fanX + 4, fanY - 28, 1.5, 1.5); // Simple smile p.stroke(0); p.strokeWeight(1); p.noFill(); p.arc(fanX, fanY - 20, 6, 4, 0, p.PI); p.noStroke(); // Simple hair p.fill(fan.hair); p.arc(fanX, fanY - 32, 22, 20, p.PI, p.TWO_PI); } // Sideline LED Board p.fill(10, 10, 40); p.rect(0, 540, p.width, 20); p.fill(0, 255, 150, 150 + p.sin(p.frameCount * 0.05) * 50); p.textSize(10); p.textAlign(p.LEFT, p.CENTER); for(let i=0; i 550) break; } p.endShape(); p.fill(255, 200, 0); p.noStroke(); p.ellipse(p.mouseX, p.mouseY, 12, 12); } // 2K-Style Next-Gen HUD p.push(); p.translate(p.width / 2 - 250, 20); // Glass Background p.fill(0, 0, 0, 180); p.stroke(255, 255, 255, 30); p.rect(0, 0, 500, 50, 5); // Team Stripe let teamCol = this.player.color; let hudGrad = p.drawingContext.createLinearGradient(0, 0, 150, 0); hudGrad.addColorStop(0, `rgb(${teamCol[0]},${teamCol[1]},${teamCol[2]})`); hudGrad.addColorStop(1, 'rgba(0,0,0,0)'); p.drawingContext.fillStyle = hudGrad; p.rect(0, 0, 180, 50, 5, 0, 0, 5); // Player Info p.fill(255); p.noStroke(); p.textAlign(p.LEFT, p.CENTER); p.textSize(16); p.textStyle(p.BOLD); p.text(this.player.name, 20, 18); p.textSize(11); p.fill(255, 180); p.text("LEVEL " + this.level + " • OVR " + this.getOverall(this.players[this.playerIndex]), 20, 35); // Score Big p.textAlign(p.CENTER, p.CENTER); p.textSize(32); p.fill(255); p.text(this.score, 230, 25); // Shot Clock (2K Style) p.fill(255, 200, 0); if (this.ball.isHeld) p.fill(255, 50, 0); p.textSize(24); let sClock = this.ball.isHeld ? Math.floor(p.frameCount % 24) : 24; p.text(sClock, 460, 25); p.textSize(10); p.fill(255, 100); p.text("SHOT CLOCK", 460, 42); // COINS UI p.fill(255, 215, 0); p.textSize(14); p.textAlign(p.LEFT, p.CENTER); p.text(`💰 ${this.coins}`, 330, 42); // LIVES UI for(let i=0; i 0) { p.fill(255, 150, 0); let meterW = p.map(p.constrain(this.streak, 0, 5), 0, 5, 0, 120); p.rect(280, 20, meterW, 10, 5); if (this.streak >= 5) { p.fill(255, 255, 255, p.abs(p.sin(p.frameCount*0.2)) * 255); p.textSize(10); p.text("ON FIRE!", 340, 40); } } p.pop(); // Side UI p.noStroke(); p.fill(255); p.textSize(20); p.textAlign(p.LEFT, p.TOP); p.text(`Level: ${this.level}`, 20, 20); // Menu Button p.push(); p.stroke(255); p.strokeWeight(2); if (p.mouseX > 680 && p.mouseX < 780 && p.mouseY > 510 && p.mouseY < 540) { p.fill(150, 50, 50); } else { p.fill(40, 40, 60); } p.rect(680, 510, 100, 30, 5); p.noStroke(); p.fill(255); p.textSize(12); p.textAlign(p.CENTER, p.CENTER); p.text("MENU", 730, 525); p.pop(); // High Score UI p.fill(255, 200); p.textSize(12); p.textAlign(p.LEFT, p.TOP); p.text(`Best Streak: ${this.bestStreak}`, 20, 45); if (this.levelUpTimer > 0) { p.textAlign(p.CENTER, p.CENTER); p.textSize(48); p.fill(255, 255, 0); p.stroke(0); p.strokeWeight(4); p.text(`LEVEL ${this.level}!`, p.width / 2, p.height / 2 - 50); p.noStroke(); } else if (this.swishTimer > 0) { p.textAlign(p.CENTER, p.CENTER); p.textSize(60); p.fill(255, 255, 255); p.stroke(this.feedbackMessage === "BRICK!" ? [255, 50, 50] : [0, 150, 255]); p.strokeWeight(6); let msg = this.feedbackMessage; if (this.hasScored) { if (this.streak > 2) msg = `HOT STREAK x${this.streak}!`; if (this.streak > 5) msg = "ON FIRE!!"; } p.text(msg, p.width / 2, p.height / 2); p.noStroke(); } if (this.happyTimer > 0) { p.push(); p.translate(p.width / 2, p.height / 2 - 100); let bounce = p.abs(p.sin(p.frameCount * 0.1)) * 20; // Giant Smiley Face p.stroke(0); p.strokeWeight(4); p.fill(255, 255, 0); // Yellow p.ellipse(0, bounce, 120, 120); // Eyes p.fill(0); p.ellipse(-25, bounce - 10, 15, 20); p.ellipse(25, bounce - 10, 15, 20); // Smile p.noFill(); p.strokeWeight(6); p.arc(0, bounce + 10, 70, 50, 0.2, p.PI - 0.2); // Text p.noStroke(); p.fill(255, 255, 0); p.textSize(40); p.textStyle(p.BOLD); p.textAlign(p.CENTER, p.CENTER); p.text("100 COINS! SO HAPPY!", 0, bounce + 100); p.pop(); } if (!this.ball.isShot && !this.ball.isHeld) { p.textAlign(p.CENTER, p.CENTER); p.textSize(18); p.text("Pull back and release the ball to shoot!", p.width/2, 100); } // Lucas Games Branding p.textAlign(p.RIGHT, p.BOTTOM); p.textSize(16); p.fill(255, 200); p.text("Lucas Games", p.width - 15, p.height - 10); p.pop(); } saveGame() { try { const data = { coins: this.coins, ownedIndices: this.ownedIndices, bestStreak: this.bestStreak, playerIndex: this.playerIndex }; localStorage.setItem("nba_shooting_sim_v2", JSON.stringify(data)); } catch (e) { console.error("Save failed", e); } } loadGame() { try { const saved = localStorage.getItem("nba_shooting_sim_v2"); if (saved) { const data = JSON.parse(saved); if (data.coins !== undefined) this.coins = data.coins; if (data.ownedIndices !== undefined) this.ownedIndices = data.ownedIndices; if (data.bestStreak !== undefined) this.bestStreak = data.bestStreak; if (data.playerIndex !== undefined && this.players[data.playerIndex]) { this.playerIndex = data.playerIndex; let pData = this.players[this.playerIndex]; this.player.color = pData.color; this.player.skin = pData.skin; this.player.hair = pData.hair; this.player.name = pData.name; this.player.number = pData.number; } } } catch (e) { console.error("Load failed", e); } } } window.GameLogic = GameLogic; // GAME_LOGIC_END (() => { const container = document.getElementById("renderDiv"); if (!container) { throw new Error("Missing renderDiv"); } if (typeof window.__P5_CLEANUP__ === "function") { try { window.__P5_CLEANUP__(); } catch (error) { console.warn("Failed to run p5 cleanup", error); } } const instance = new p5((p) => { let gameLogic = null; p.setup = () => { p.createCanvas(800, 600); p.pixelDensity(Math.min(2, window.devicePixelRatio || 1)); p.textAlign(p.CENTER, p.CENTER); if (typeof window.GameLogic === "function") { gameLogic = new window.GameLogic({ p }); } }; p.draw = () => { p.background(10, 15, 30); // Darker arena background if (gameLogic) { gameLogic.update(); gameLogic.draw(); } }; p.keyTyped = () => { if (gameLogic) gameLogic.onKeyTyped(p.key); }; p.keyPressed = () => { if (gameLogic) gameLogic.onKeyPressed(p.keyCode); }; p.mouseWheel = (event) => { if (gameLogic) gameLogic.onMouseWheel(event.delta); return false; // Prevent page scroll }; }, container); window.__P5_CLEANUP__ = () => { try { instance.remove(); } catch (error) { console.warn("Failed to remove p5 instance", error); } }; })();

NBA MOBILE

How to Play