// Define element data (moved from ElementData.js) const elementData = { nutritional: [6, 7, 8, 11, 12, 15, 19, 20, 26, 29, 30], // C, N, O, Na, Mg, P, K, Ca, Fe, Cu, Zn poisonous: [33, 35, 48, 80, 81, 82, 83, 84, 88, 90, 92, 94, 95], // As, Br, Cd, Hg, Tl, Pb, Bi, Po, Ra, Th, U, Pu, Am }; // Atomic radii in picometers (pm) from Wikipedia const atomicRadii = [ /* H */ 53, /* He */ 31, /* Li */ 167, /* Be */ 112, /* B */ 87, /* C */ 67, /* N */ 56, /* O */ 48, /* F */ 42, /* Ne */ 38, /* Na */ 190, /* Mg */ 145, /* Al */ 118, /* Si */ 111, /* P */ 98, /* S */ 88, /* Cl */ 79, /* Ar */ 71, /* K */ 243, /* Ca */ 194, /* Sc */ 184, /* Ti */ 176, /* V */ 171, /* Cr */ 166, /* Mn */ 161, /* Fe */ 156, /* Co */ 152, /* Ni */ 149, /* Cu */ 145, /* Zn */ 142, /* Ga */ 136, /* Ge */ 125, /* As */ 114, /* Se */ 103, /* Br */ 94, /* Kr */ 88, /* Rb */ 265, /* Sr */ 219, /* Y */ 212, /* Zr */ 206, /* Nb */ 198, /* Mo */ 190, /* Tc */ 183, /* Ru */ 178, /* Rh */ 173, /* Pd */ 169, /* Ag */ 165, /* Cd */ 161, /* In */ 156, /* Sn */ 145, /* Sb */ 133, /* Te */ 123, /* I */ 115, /* Xe */ 108, /* Cs */ 298, /* Ba */ 253, /* La */ 169, /* Ce */ 131, /* Pr */ 247, /* Nd */ 206, /* Pm */ 205, /* Sm */ 238, /* Eu */ 231, /* Gd */ 233, /* Tb */ 225, /* Dy */ 228, /* Ho */ 226, /* Er */ 226, /* Tm */ 222, /* Yb */ 222, /* Lu */ 217, /* Hf */ 208, /* Ta */ 200, /* W */ 193, /* Re */ 188, /* Os */ 185, /* Ir */ 180, /* Pt */ 177, /* Au */ 174, /* Hg */ 171, /* Tl */ 156, /* Pb */ 154, /* Bi */ 143, /* Po */ 135, /* At */ 127, /* Rn */ 120, /* Fr */ 348, /* Ra */ 283, /* Ac */ 247, /* Th */ 245, /* Pa */ 243, /* U */ 241, /* Np */ 239, /* Pu */ 243, /* Am */ 244, /* Cm */ 245, /* Bk */ 244, /* Cf */ 245, /* Es */ 245, /* Fm */ 245, /* Md */ 246, /* No */ 246, /* Lr */ 246, /* Rf */ null, /* Db */ null, /* Sg */ null, /* Bh */ null, /* Hs */ null, /* Mt */ null, /* Ds */ null, /* Rg */ null, /* Cn */ null, /* Nh */ null, /* Fl */ null, /* Mc */ null, /* Lv */ null, /* Ts */ null, /* Og */ null ]; function loadScript(url) { return new Promise((resolve, reject) => { if (document.querySelector(`script[src="${url}"]`)) { resolve(); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.onload = () => resolve(); script.onerror = () => reject(new Error('Script loading failed for ' + url)); document.head.appendChild(script); }); } class Example extends Phaser.Scene { constructor() { super(); this.player = null; this.currentPopup = null; this.stateOfHealth = 100; // Maximum capacity (permanent health) this.stateOfCharge = 100; // Current charge level (temporary health) this.maxStateOfCharge = 100; // Maximum possible charge (affected by SoH) this.statusBar = null; this.statusText = null; this.artificialElements = [ 43, // Technetium 61, // Promethium ...Array.from({ length: 24 }, (_, i) => i + 95) // Elements 95-118 ]; this.naturalRadioactiveElements = { 90: 1.405e10, // Thorium-232 (4n Thorium series) 92: 4.468e9, // Uranium-238 (4n+2 Uranium series) 93: 2.14e6, // Neptunium-237 (4n+1 Neptunium series) 88: 1600, // Radium-226 (from Uranium series) 89: 21.772, // Actinium-227 (from Actinium series) 91: 32760, // Protactinium-231 (from Actinium series) 84: 138.376, // Polonium-210 (from Uranium series) 86: 3.8235, // Radon-222 (from Uranium series) 87: 4.18e-5, // Francium-223 (from Actinium series, 22 minutes converted to years) 85: 0.0138, // Astatine-218 (from Uranium series, 8.1 hours converted to years) }; this.elementSpawnTimer = null; this.maxCharge = 100; this.currentCharge = 100; this.chargeBar = null; this.chargeText = null; this.nutritionalElements = elementData.nutritional; this.poisonousElements = elementData.poisonous; this.elementList = [{ name: 'Hydrogen', number: 1, isRadioactive: false, atomicRadius: 53, uses: 'Most abundant element in the universe (75% by mass), fuel for fusion energy, used in welding, balloon inflation, and cryogenics' }, { name: 'Helium', number: 2, isRadioactive: false, atomicRadius: 31, uses: 'Cooling MRI magnets, party balloons, deep-sea diving mixtures, leak detection' }, { name: 'Lithium', number: 3, isRadioactive: false, atomicRadius: 167, uses: 'Rechargeable batteries, psychiatric medications, aerospace alloys' }, { name: 'Beryllium', number: 4, isRadioactive: false, atomicRadius: 112, uses: 'X-ray equipment, aerospace parts' }, { name: 'Boron', number: 5, isRadioactive: false, atomicRadius: 192, uses: 'Fiberglass, detergents, semiconductors' }, { name: 'Carbon', number: 6, isRadioactive: false, atomicRadius: 170, uses: 'Essential element, forms the basis of all known life forms, most abundant element in the human body after oxygen, fourth most abundant element in the universe by mass', }, { name: 'Nitrogen', number: 7, isRadioactive: false, atomicRadius: 155, uses: 'Essential component of amino acids, proteins, and DNA. Second most abundant element in human body tissues, seventh most abundant element in the universe by mass, makes up 78% of Earth\'s atmosphere' }, { name: 'Oxygen', number: 8, isRadioactive: false, atomicRadius: 152, uses: 'Most abundant element in human body, essential for breathing and cellular respiration, third most abundant element in the universe by mass, most abundant element in Earth\'s crust (46.6%)' }, { name: 'Fluorine', number: 9, isRadioactive: false, atomicRadius: 147, uses: 'Toothpaste, non-stick coatings, water fluoridation, etching glass' }, { name: 'Neon', number: 10, isRadioactive: false, atomicRadius: 154, uses: 'Neon signs, lasers, high-voltage indicators, refrigeration' }, { name: 'Sodium', number: 11, isRadioactive: false, atomicRadius: 190, uses: 'Essential electrolyte in human body, critical for nerve function and muscle contraction' }, { name: 'Magnesium', number: 12, isRadioactive: false, atomicRadius: 160, uses: 'Essential mineral in human body, crucial for energy metabolism, bone structure, and muscle function' }, { name: 'Aluminum', number: 13, isRadioactive: false, atomicRadius: 143, uses: 'Third most abundant element in Earth\'s crust (8.1%), used in aircraft construction, packaging, cookware, power lines' }, { name: 'Silicon', number: 14, isRadioactive: false, atomicRadius: 111, uses: 'Second most abundant element in Earth\'s crust (27.7%), essential for computer chips, solar panels, glass manufacturing' }, { name: 'Phosphorus', number: 15, isRadioactive: false, atomicRadius: 180, uses: 'Essential component of DNA, RNA, and ATP. Critical for energy metabolism and bone structure' }, { name: 'Sulfur', number: 16, isRadioactive: false, uses: 'Fertilizers, batteries, gunpowder, vulcanizing rubber' }, { name: 'Chlorine', number: 17, isRadioactive: false, uses: 'Water purification, PVC plastic, bleaching agent, disinfectants' }, { name: 'Argon', number: 18, isRadioactive: false, uses: 'Light bulbs, welding, window insulation, laser technology' }, { name: 'Potassium', number: 19, isRadioactive: false, uses: 'Essential electrolyte in human body, regulates heart rhythm and blood pressure' }, { name: 'Calcium', number: 20, isRadioactive: false, uses: 'Most abundant mineral in human body, essential for bone structure, muscle function, and nerve signaling' }, { name: 'Scandium', number: 21, isRadioactive: false, uses: 'Aerospace alloys, stadium lighting, high-end bicycle frames' }, { name: 'Titanium', number: 22, isRadioactive: false, uses: 'Aircraft parts, medical implants, jewelry, sporting equipment' }, { name: 'Vanadium', number: 23, isRadioactive: false, uses: 'Steel strengthening, aerospace applications' }, { name: 'Chromium', number: 24, isRadioactive: false, uses: 'Stainless steel production, chrome plating, leather tanning' }, { name: 'Manganese', number: 25, isRadioactive: false, uses: 'Steel production, batteries, ceramic glazes, fertilizers' }, { name: 'Iron', number: 26, isRadioactive: false, uses: 'Most abundant element on Earth by mass, essential component of hemoglobin in blood, crucial for oxygen transport throughout the body, most abundant transition metal in the universe' }, { name: 'Cobalt', number: 27, isRadioactive: false, atomicRadius: 152, uses: 'Magnets, high-strength alloys, batteries' }, { name: 'Nickel', number: 28, isRadioactive: false, atomicRadius: 163, uses: 'Stainless steel, batteries, coins, alloys' }, { name: 'Copper', number: 29, isRadioactive: false, uses: 'Essential trace mineral in human body, important for blood cell formation, iron metabolism, and enzyme function' }, { name: 'Zinc', number: 30, isRadioactive: false, uses: 'Essential trace mineral in human body, critical for immune function, growth, and wound healing' }, { name: 'Gallium', number: 31, isRadioactive: false, uses: 'Semiconductors, LEDs, solar panels, temperature measurement' }, { name: 'Germanium', number: 32, isRadioactive: false, uses: 'Fiber optics, infrared optics, solar cells, transistors' }, { name: 'Arsenic', number: 33, isRadioactive: false, uses: 'Highly toxic element that can cause severe poisoning' }, { name: 'Selenium', number: 34, isRadioactive: false, uses: 'Glass manufacturing, photocopiers, solar cells, supplements' }, { name: 'Bromine', number: 35, isRadioactive: false, uses: 'Flame retardants, water purification, photography, medicines' }, { name: 'Krypton', number: 36, isRadioactive: false, uses: 'Fluorescent lamps, flash photography, laser research' }, { name: 'Rubidium', number: 37, isRadioactive: false, uses: 'Atomic clocks, fiber optic telecommunications, night vision devices' }, { name: 'Strontium', number: 38, isRadioactive: false, uses: 'Fireworks (red color), ceramics, medical imaging' }, { name: 'Yttrium', number: 39, isRadioactive: false, uses: 'LED lights, laser technology, cancer treatments' }, { name: 'Zirconium', number: 40, isRadioactive: false, uses: 'Ceramics, jewelry (cubic zirconia)' }, { name: 'Niobium', number: 41, isRadioactive: false, uses: 'Superconducting magnets, jet engines, surgical implants' }, { name: 'Molybdenum', number: 42, isRadioactive: false, uses: 'Steel alloys, lubricants' }, { name: 'Technetium', number: 43, isRadioactive: true, uses: 'Medical imaging' }, { name: 'Ruthenium', number: 44, isRadioactive: false, uses: 'Electronics, solar cells, chemical catalysts' }, { name: 'Rhodium', number: 45, isRadioactive: false, uses: 'Catalytic converters, jewelry plating, laboratory equipment' }, { name: 'Palladium', number: 46, isRadioactive: false, uses: 'Catalytic converters, electronics, dental fillings, jewelry' }, { name: 'Silver', number: 47, isRadioactive: false, uses: 'Jewelry, photography, electronics, solar panels, antibacterial uses' }, { name: 'Cadmium', number: 48, isRadioactive: false, uses: 'Batteries, solar cells, pigments' }, { name: 'Indium', number: 49, isRadioactive: false, uses: 'Touch screens, LCD displays, solar panels, semiconductors' }, { name: 'Tin', number: 50, isRadioactive: false, uses: 'Soldering, food packaging, bronze alloys, window glass coating' }, { name: 'Antimony', number: 51, isRadioactive: false, uses: 'Flame retardants, batteries, semiconductors, alloys' }, { name: 'Tellurium', number: 52, isRadioactive: false, uses: 'Solar cells, thermoelectric devices, metal alloys, rubber processing' }, { name: 'Iodine', number: 53, isRadioactive: false, uses: 'Antiseptics, photography, dye production, thyroid treatments' }, { name: 'Xenon', number: 54, isRadioactive: false, uses: 'High-intensity lamps, medical imaging, ion rocket engines' }, { name: 'Cesium', number: 55, isRadioactive: false, uses: 'Atomic clocks, photoelectric cells, GPS satellites' }, { name: 'Barium', number: 56, isRadioactive: false, uses: 'X-ray imaging, spark plugs, green fireworks, drill bits' }, { name: 'Lanthanum', number: 57, isRadioactive: false, uses: 'Camera lenses, hybrid car batteries, studio lighting' }, { name: 'Cerium', number: 58, isRadioactive: false, uses: 'Catalytic converters, gas lantern mantles, glass polishing' }, { name: 'Praseodymium', number: 59, isRadioactive: false, uses: 'Aircraft engines, magnets, yellow glass, fiber optic cables' }, { name: 'Neodymium', number: 60, isRadioactive: false, uses: 'Strong magnets, lasers, hard drives, hybrid cars' }, { name: 'Promethium', number: 61, isRadioactive: true, uses: 'Nuclear batteries, luminous paint, atomic research' }, { name: 'Samarium', number: 62, isRadioactive: false, uses: 'Permanent magnets, cancer treatment' }, { name: 'Europium', number: 63, isRadioactive: false, uses: 'Red phosphors in displays, anti-forgery marks in banknotes' }, { name: 'Gadolinium', number: 64, isRadioactive: false, uses: 'MRI contrast agents, computer memory, neutron radiography' }, { name: 'Terbium', number: 65, isRadioactive: false, uses: 'Green phosphors in displays, sonar systems, fuel cells' }, { name: 'Dysprosium', number: 66, isRadioactive: false, uses: 'Wind turbines, electric vehicles, data storage devices' }, { name: 'Holmium', number: 67, isRadioactive: false, uses: 'Medical lasers, microwave equipment' }, { name: 'Erbium', number: 68, isRadioactive: false, uses: 'Fiber optic signal amplifiers, metalworking, pink glass coloring' }, { name: 'Thulium', number: 69, isRadioactive: false, uses: 'Portable X-ray devices, laser technology, radiation detection equipment' }, { name: 'Ytterbium', number: 70, isRadioactive: false, uses: 'Fiber optic technology, solar cells, stress gauges, laser systems' }, { name: 'Lutetium', number: 71, isRadioactive: false, uses: 'PET scan detectors, high refractive index glass, catalysts for petroleum cracking' }, { name: 'Hafnium', number: 72, isRadioactive: false, uses: 'Computer chips, high-temperature ceramics' }, { name: 'Tantalum', number: 73, isRadioactive: false, uses: 'Electronic components, surgical implants, aircraft engines, rocket nozzles' }, { name: 'Tungsten', number: 74, isRadioactive: false, uses: 'Light bulb filaments, X-ray tubes, radiation shielding, armor-piercing ammunition' }, { name: 'Rhenium', number: 75, isRadioactive: false, uses: 'Jet engine components, filaments, electrical contacts, thermocouples' }, { name: 'Osmium', number: 76, isRadioactive: false, uses: 'Electrical contacts, fountain pen tips, instrument pivots, staining biological samples' }, { name: 'Iridium', number: 77, isRadioactive: false, uses: 'Spark plugs, crucibles, medical radiotherapy, high-temperature equipment' }, { name: 'Platinum', number: 78, isRadioactive: false, uses: 'Catalytic converters, jewelry, laboratory equipment, cancer treatments' }, { name: 'Gold', number: 79, isRadioactive: false, uses: 'Jewelry, electronics, monetary standard, medical devices, dental work' }, { name: 'Mercury', number: 80, isRadioactive: false, uses: 'Historical thermometers, dental amalgams, fluorescent lamps, switches' }, { name: 'Thallium', number: 81, isRadioactive: false, uses: 'Radiation detection, specialized glass, infrared detectors' }, { name: 'Lead', number: 82, isRadioactive: false, uses: 'Radiation shielding, batteries, construction, ammunition' }, { name: 'Bismuth', number: 83, isRadioactive: false, uses: 'Pharmaceuticals, cosmetics, fire detection systems' }, { name: 'Polonium', number: 84, isRadioactive: true, uses: 'Static elimination, thermoelectric devices' }, { name: 'Astatine', number: 85, isRadioactive: true, uses: 'Cancer therapy research, radioactive isotope studies' }, { name: 'Radon', number: 86, isRadioactive: true, uses: 'Cancer treatment, geological research, radiation therapy' }, { name: 'Francium', number: 87, isRadioactive: true, }, { name: 'Radium', number: 88, isRadioactive: true, uses: 'Historical luminous paint, early cancer treatment, research' }, { name: 'Actinium', number: 89, isRadioactive: true, uses: 'Medical applications' }, { name: 'Thorium', number: 90, isRadioactive: true, uses: 'High-temperature ceramics, aerospace alloys' }, { name: 'Protactinium', number: 91, isRadioactive: true, }, { name: 'Uranium', number: 92, isRadioactive: true }, { name: 'Neptunium', number: 93, isRadioactive: true }, { name: 'Plutonium', number: 94, isRadioactive: true, uses: 'Space missions power source' }, { name: 'Americium', number: 95, isRadioactive: true, uses: 'Smoke detectors, thickness measurements' }, { name: 'Curium', number: 96, isRadioactive: true }, { name: 'Berkelium', number: 97, isRadioactive: true }, { name: 'Californium', number: 98, isRadioactive: true }, { name: 'Einsteinium', number: 99, isRadioactive: true }, { name: 'Fermium', number: 100, isRadioactive: true }, { name: 'Mendelevium', number: 101, isRadioactive: true }, { name: 'Nobelium', number: 102, isRadioactive: true }, { name: 'Lawrencium', number: 103, isRadioactive: true }, { name: 'Rutherfordium', number: 104, isRadioactive: true }, { name: 'Dubnium', number: 105, isRadioactive: true }, { name: 'Seaborgium', number: 106, isRadioactive: true }, { name: 'Bohrium', number: 107, isRadioactive: true }, { name: 'Hassium', number: 108, isRadioactive: true }, { name: 'Meitnerium', number: 109, isRadioactive: true }, { name: 'Darmstadtium', number: 110, isRadioactive: true }, { name: 'Roentgenium', number: 111, isRadioactive: true }, { name: 'Copernicium', number: 112, isRadioactive: true }, { name: 'Nihonium', number: 113, isRadioactive: true }, { name: 'Flerovium', number: 114, isRadioactive: true }, { name: 'Moscovium', number: 115, isRadioactive: true }, { name: 'Livermorium', number: 116, isRadioactive: true }, { name: 'Tennessine', number: 117, isRadioactive: true }, { name: 'Oganesson', number: 118, isRadioactive: true }]; this.cameraFollow = true; this.highestPlatformY = 0; this.platformSpacing = 150; this.ground = null; this.backgroundMusic = null; this.elements = null; this.score = 0; this.scoreText = null; this.maxHeight = 0; // Track maximum height reached this.lava = null; this.lavaSpeed = 50; // Base speed at which lava rises this.lavaStartY = 0; // Initial lava position this.lavaHeightDebt = 0; // Track how much height the lava needs to "catch up" this.lavaSpeedBoosts = []; // Track active speed boosts } preload() { this.load.image('clouds', 'https://play.rosebud.ai/assets/Big Clouds Blended.png?Re5k'); this.load.image('lava', 'https://play.rosebud.ai/assets/red.png?k1YD'); this.periodicTableCells = {}; this.load.image('red', `https://play.rosebud.ai/assets/red.png?k1YD`); this.load.image('groundTexture', 'https://play.rosebud.ai/assets/Dirt_02-256x256.png?SO8S'); this.load.image('platformTexture', 'https://play.rosebud.ai/assets/Stone_05-256x256.png?Lztr'); this.load.image('player', 'https://play.rosebud.ai/assets/platformer_character.png?Uf8y'); this.load.audio('backgroundMusic', 'https://play.rosebud.ai/assets/rosebud_official_theme_01.mp3?hYi9'); } create() { // Set the sky background color this.cameras.main.setBackgroundColor(0x87CEEB); this.cameras.main.backgroundColor.setTo(135, 206, 235); // RGB values for sky blue this.createPeriodicTable(); this.isGameOver = false; this.stateOfHealth = 100; this.stateOfCharge = 100; this.maxStateOfCharge = 100; this.maxHeight = 0; this.score = 0; this.lavaSpeed = 50; this.baseLavaSpeed = 50; this.maxLavaSpeed = 150; // Maximum speed cap for lava this.isLavaSpeedBoosted = false; this.lavaSpeedBoosts = []; this.lavaHeightDebt = 0; this.highestPlatformY = 0; this.lastSpawnedElement = null; this.currentPopup = null; this.elements = this.physics.add.group({ allowGravity: true, collideWorldBounds: true, bounceX: 0.4, bounceY: 0.4 }); this.physics.add.collider(this.elements, this.elements); // Add scrolling clouds with higher alpha for better visibility against the sky this.clouds = this.add.tileSprite(0, 0, this.sys.game.config.width, this.sys.game.config.height, 'clouds') .setOrigin(0, 0) .setScrollFactor(0) .setAlpha(0.7); // Increased cloud visibility this.createPlayer(); this.createGround(); this.createPlatforms(); this.addBreathingAnimation(); this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); this.physics.add.collider(this.player, this.ground); this.physics.add.collider(this.player, this.platforms, null, (player, platform) => { // Always allow collision when falling if (player.body.velocity.y > 0) { return true; } // Allow phasing through only when jumping up const playerBottom = player.y + (player.height * player.scaleY / 2); const platformTop = platform.y - (platform.height * platform.scaleY / 2); return playerBottom <= platformTop; }, this); this.physics.add.collider(this.elements, this.ground); this.physics.add.overlap(this.player, this.elements, this.collectElement, null, this); const initialElementCount = 5; // Reduced from 10 to 5 elements const screenWidth = this.sys.game.config.width; const screenHeight = this.sys.game.config.height; const familiarElements = this.elementList.filter(element => { if ([1, 2, 6, 7, 8, 9, 10, 14].includes(element.number)) { return true; // H, He, C, N, O, F, Ne, Si } if ([11, 12, 13, 15, 16, 17].includes(element.number)) { return true; // Na, Mg, Al, P, S, Cl } return false; }).map(element => ({ ...element, weight: 10 // Equal weights for initial elements })); this.time.delayedCall(2000, () => { const totalWeight = familiarElements.reduce((sum, el) => sum + el.weight, 0); let random = Phaser.Math.Between(1, totalWeight); let selectedElement; for (const element of familiarElements) { random -= element.weight; if (random <= 0) { selectedElement = element; break; } } const spawnX = Phaser.Math.Between(50, screenWidth - 50); const spawnY = Phaser.Math.Between(100, screenHeight - 150); const container = this.add.container(spawnX, spawnY); this.createElementVisuals(container, selectedElement); const element = this.physics.add.existing(container); this.elements.add(element.body.gameObject); element.body.setCircle(30); element.body.setBounce(0.4); element.body.setCollideWorldBounds(true); element.body.setMass(1); element.body.setFriction(0); element.body.setDrag(0); container.name = selectedElement.name; container.number = selectedElement.number; container.isRadioactive = selectedElement.isRadioactive; container.uses = selectedElement.uses; const angle = Phaser.Math.FloatBetween(-Math.PI, Math.PI); const speed = Phaser.Math.Between(50, 150); element.body.setVelocity( Math.cos(angle) * speed, Math.sin(angle) * speed ); }); this.physics.add.collider(this.elements, this.ground); this.physics.add.collider(this.elements, this.platforms); this.physics.add.overlap(this.player, this.elements, this.collectElement, null, this); this.scoreText = this.add.text(16, 16, 'Height: 0m', { fontSize: '32px', fill: '#fff' }).setScrollFactor(0); const statusBarX = 16; const statusBarY = 60; const barWidth = 200; const barHeight = 30; this.statusBackground = this.add.rectangle(statusBarX, statusBarY, barWidth, barHeight, 0x000000, 0) .setOrigin(0) .setScrollFactor(0) .setDepth(0); this.socBar = this.add.rectangle(statusBarX, statusBarY, barWidth, barHeight, 0x00ff00) .setOrigin(0) .setScrollFactor(0); this.dischargedBar = null; this.unusableBar = null; this.statusTextBg = this.add.rectangle(statusBarX + (barWidth / 2), statusBarY + (barHeight / 2), 50, 20, 0x000000, 0) .setScrollFactor(0) .setOrigin(0.5) .setDepth(2); this.statusText = this.add.text(statusBarX + (barWidth / 2), statusBarY + (barHeight / 2), '100%', { fontSize: '16px', fill: '#fff' }).setScrollFactor(0).setOrigin(0.5).setDepth(3); this.updateStatusBar(); if (!this.scoreText) { this.scoreText = this.add.text(16, 16, 'Height: 0m', { fontSize: '32px', fill: '#fff' }) .setScrollFactor(0); // Make score text stay on screen } this.sound.stopAll(); this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.1 }); this.backgroundMusic.play(); this.elementSpawnTimer = this.time.addEvent({ delay: 1000, // Spawn every second callback: this.spawnRandomElement, callbackScope: this, loop: true }); } update() { this.lavaContainer.y -= this.lavaSpeed * (this.game.loop.delta / 1000); this.lava.body.position.y = this.lavaContainer.y; this.lavaContainer.each(sprite => { if (sprite.rotation === undefined) sprite.rotation = 0; sprite.rotation += 0.001 * (this.game.loop.delta / 16); }); const currentTime = this.time.now; this.lavaSpeedBoosts = this.lavaSpeedBoosts.filter(boost => currentTime < boost.endTime); const totalSpeedBoost = Math.min( this.lavaSpeedBoosts.length * 15, // Reduced boost per element to 15 this.maxLavaSpeed - this.baseLavaSpeed // Cap the total boost ); const effectiveSpeed = Math.min(this.lavaSpeed + totalSpeedBoost, this.maxLavaSpeed); if (this.lavaHeightDebt > 0) { const debtReduction = effectiveSpeed * (this.game.loop.delta / 1000); this.lavaHeightDebt = Math.max(0, this.lavaHeightDebt - debtReduction); this.lava.y -= effectiveSpeed * (this.game.loop.delta / 1000); } else { this.lava.y -= this.lavaSpeed * (this.game.loop.delta / 1000); } this.lava.body.position.y = this.lava.y; this.elements.getChildren().forEach(element => { if (element.y > this.lava.y) { this.lavaHeightDebt += 800; // Add 800 pixels of debt per element if (this.lavaSpeedBoosts.length * 15 < (this.maxLavaSpeed - this.baseLavaSpeed)) { this.lavaSpeedBoosts.push({ endTime: currentTime + 2000 // 2000ms boost duration }); } element.destroy(); } }); if (this.stateOfHealth <= 0) { this.gameOver('GAME OVER\nHealth depleted!\nClick to restart'); return; } else if (this.stateOfCharge <= 0 && !this.isGameOver) { this.stateOfCharge = 0; // Ensure charge is exactly 0 this.updateStatusBar(); this.gameOver('GAME OVER\nCharge depleted!\nClick to restart'); return; } if (this.isGameOver || this.player.isMelted) { this.stateOfCharge = 0; this.updateStatusBar(); this.platforms.active = false; this.platforms.children.iterate(platform => { if (platform.isMoving && platform.movementTween) { platform.movementTween.stop(); } }); this.physics.pause(); return; } const playerFeetY = this.player.y + (this.player.height * this.player.scaleY / 2); if (!this.isGameOver && !this.player.isMelted && this.stateOfCharge > 0 && playerFeetY > this.lava.y && !this.player.isLavaImmune && this.physics.world.isPaused === false) { const depthInLava = playerFeetY - this.lava.y; const damagePerSecond = Math.min(75, 15 + (depthInLava / 5)); const damage = damagePerSecond * (this.game.loop.delta / 1000); let newCharge = this.stateOfCharge - damage; if (newCharge <= 0) { this.stateOfCharge = 0; this.player.isMelted = true; // Mark player as melted this.updateStatusBar(); // Update the status bar immediately this.platforms.active = false; this.platforms.children.iterate(platform => { if (platform.isMoving && platform.movementTween) { platform.movementTween.stop(); } }); if (this.breathingTween) { this.breathingTween.stop(); this.breathingTween = null; } this.player.setScale(2 / 5); this.physics.pause(); this.player.body.enable = false; this.gameOver('GAME OVER\nMelted by lava!\nClick to restart'); return; // Exit immediately after game over } else { this.stateOfCharge = newCharge; } this.updateStatusBar(); } // Calculate the current height and update display const heightInPixels = Math.abs(Math.min(0, Math.floor(this.player.y))); let heightInMeters = Math.floor(heightInPixels / 10); // Convert pixels to meters if (heightInMeters > this.maxHeight) { this.maxHeight = heightInMeters; this.scoreText.setText('Height: ' + this.maxHeight + 'm'); } else if (heightInMeters < 0) { this.scoreText.setText('Height: ' + this.maxHeight + 'm'); } // Update clouds position for parallax effect this.clouds.tilePositionX += 0.1; // Only update sky color if no special effect is active if (!this.specialSkyEffectActive) { const startColor = new Phaser.Display.Color(135, 206, 235); // Sky blue RGB const burgundyColor = new Phaser.Display.Color(128, 0, 32); // Burgundy RGB const blackColor = new Phaser.Display.Color(0, 0, 0); // Black RGB // Calculate progress for each transition (0 to 1) const toBurgundyProgress = Math.min(heightInMeters / 1000, 1); const toBlackProgress = heightInMeters > 1000 ? Math.min((heightInMeters - 1000) / 1000, 1) : 0; // First interpolate from sky blue to burgundy const intermediatColor = Phaser.Display.Color.Interpolate.ColorWithColor( startColor, burgundyColor, 100, toBurgundyProgress * 100 ); // Then interpolate from the intermediate color to black if above 1000m const finalColor = toBlackProgress > 0 ? Phaser.Display.Color.Interpolate.ColorWithColor( new Phaser.Display.Color(intermediatColor.r, intermediatColor.g, intermediatColor.b), blackColor, 100, toBlackProgress * 100 ) : intermediatColor; // Set the background color using RGB values from the final interpolated color this.cameras.main.setBackgroundColor(Phaser.Display.Color.GetColor( finalColor.r, finalColor.g, finalColor.b )); } if (!this.isGameOver && !this.player.isMelted && this.player.y < this.highestPlatformY + 300) { this.addPlatformSet(600); } if (this.platforms && this.platforms.children && this.platforms.getChildren().length > 0) { this.platforms.children.iterate(platform => { if (platform && platform.y > this.player.y + 1000) { if (platform.isMoving && platform.movementTween) { platform.movementTween.stop(); platform.movementTween.remove(); platform.movementTween = null; } platform.destroy(); } return true; }); } // Check if player physics should be processed if (!this.player || !this.player.body || this.isGameOver || this.player.isMelted) { return; } // Handle horizontal movement const currentSpeed = this.player.moveSpeed * (this.player.moveSpeedMod || 1); if (this.cursors.left.isDown) { this.player.setVelocityX(-currentSpeed); this.player.flipX = false; } else if (this.cursors.right.isDown) { this.player.setVelocityX(currentSpeed); this.player.flipX = true; } else { // Apply smooth deceleration const drag = 0.9; this.player.setVelocityX(this.player.body.velocity.x * drag); } // Handle jumping const canJump = this.player.body.touching.down && this.player.canJump !== false; const wantsToJump = this.cursors.up.isDown || Phaser.Input.Keyboard.JustDown(this.spaceKey); if (canJump && wantsToJump) { const jumpVelocity = this.player.customJumpVelocity || this.player.jumpVelocity; this.player.setVelocityY(jumpVelocity); } } createGround() { const screenWidth = this.sys.game.config.width; const screenHeight = this.sys.game.config.height; const groundHeight = 100; // Increased ground height this.lavaStartY = screenHeight + 100; // Start below the screen const hexWidth = 100; // Width of hexagon const hexHeight = 86; // Height of hexagon (approximated for visual balance) const columns = Math.ceil(screenWidth / (hexWidth * 0.75)) + 1; // Overlap columns const rows = Math.ceil(screenHeight / hexHeight) + 1; // Add extra row this.lavaContainer = this.add.container(0, this.lavaStartY); for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { const xOffset = col * (hexWidth * 0.75); const yOffset = row * hexHeight + (col % 2) * (hexHeight / 2); const lavaHex = this.add.sprite(xOffset, yOffset, 'lava'); lavaHex.setScale(1.2); // Slightly larger to ensure coverage lavaHex.setAlpha(1); // Fully opaque lavaHex.setTint(0xff4000); // More orange-red color this.lavaContainer.add(lavaHex); } } this.lava = this.lavaContainer; this.physics.add.existing(this.lava, true); this.ground = this.add.tileSprite(0, screenHeight - groundHeight, screenWidth, groundHeight, 'groundTexture'); this.ground.setOrigin(0, 0); this.ground.tileScaleX = 1; this.ground.tileScaleY = 1; this.ground.tilePositionY = this.ground.height - groundHeight; this.ground.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); this.physics.add.existing(this.ground, true); const naturalRadioactiveNumbers = Object.keys(this.naturalRadioactiveElements).map(Number); const randomElementNumber = Phaser.Utils.Array.GetRandom(naturalRadioactiveNumbers); const elementData = this.elementList.find(el => el.number === randomElementNumber); if (elementData) { const elementX = Phaser.Math.Between(100, screenWidth - 100); const elementY = screenHeight - groundHeight - 400; // Significantly higher above ground const container = this.add.container(elementX, elementY); this.createElementVisuals(container, elementData); const element = this.physics.add.existing(container); this.elements.add(element.body.gameObject); element.body.setCircle(30); element.body.setBounce(0.4); element.body.setCollideWorldBounds(true); element.body.setMass(1); element.body.setFriction(0); element.body.setDrag(0); const angleToPlayer = Math.atan2(this.player.y - elementY, 300 - elementX); const launchAngle = angleToPlayer + Math.PI + Phaser.Math.FloatBetween(-Math.PI / 4, Math.PI / 4); const speed = Phaser.Math.Between(200, 400); element.body.setVelocity( Math.cos(launchAngle) * speed, Math.sin(launchAngle) * speed ); container.name = elementData.name; container.number = elementData.number; container.isRadioactive = elementData.isRadioactive; container.uses = elementData.uses; } } createPlatforms() { // Single platform group for both static and moving platforms this.platforms = this.physics.add.staticGroup({ immovable: true }); this.highestPlatformY = this.player.y + 200; this.addPlatformSet(400); this.physics.world.setBounds(0, -Infinity, this.sys.game.config.width, Infinity); // Apply pixel art filter to all platforms this.platforms.children.entries.forEach(platform => { platform.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); platform.isMoving = false; // Flag to track if platform is moving }); } createPlayer() { // Initialize player state this.activeNobleGasEffect = false; // Create player sprite this.player = this.physics.add.sprite(300, 400, 'player'); this.player.setScale(2 / 5); // Set up player physics this.player.setBounce(0); this.player.setCollideWorldBounds(true); this.player.body.setGravityY(350); // Further reduced gravity for higher jumps this.player.body.setMaxVelocity(250, 700); // Increased max vertical velocity for higher jumps this.player.body.setDrag(500, 0); // Horizontal drag only this.player.body.setSize(this.player.width * 0.6, this.player.height * 0.8); // Initialize player properties this.player.isMelted = false; this.player.moveSpeed = 200; this.player.jumpVelocity = -650; // Significantly increased jump velocity for higher jumps // Set up camera this.cameras.main.startFollow(this.player); this.cameras.main.setDeadzone(100, 100); } addBreathingAnimation() { this.breathingTween = this.tweens.add({ targets: this.player, scaleY: this.player.scaleY * 1.05, duration: 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } checkWin() { const remainingNonRadioactive = this.elements.getChildren().filter(element => !element.isRadioactive ).length; const totalNonRadioactive = this.elementList.filter(element => !element.isRadioactive ).length; if (remainingNonRadioactive === 0 && this.score > 0) { this.victory(); } } victory() { this.physics.pause(); const victoryText = this.add.text( this.cameras.main.centerX, this.cameras.main.centerY, 'VICTORY!\nYou collected all non-radioactive elements!\nClick to restart', { fontSize: '32px', fill: '#fff', align: 'center' } ); victoryText.setOrigin(0.5); victoryText.setScrollFactor(0); this.input.on('pointerdown', () => { this.scene.restart(); }); } createPhysicsElement(container, elementData, x, y, velocityConfig = null) { const element = this.physics.add.existing(container); this.elements.add(element.body.gameObject); element.body.setCircle(30); element.body.setBounce(0.4); element.body.setCollideWorldBounds(true); element.body.setMass(1); element.body.setFriction(0); element.body.setDrag(0); container.name = elementData.name; container.number = elementData.number; container.isRadioactive = elementData.isRadioactive; container.uses = elementData.uses; if (velocityConfig) { if (velocityConfig.type === 'random') { const angle = Phaser.Math.FloatBetween(-Math.PI / 3, Math.PI / 3); const speed = Phaser.Math.Between(100, 300); element.body.setVelocity( Math.cos(angle) * speed, Math.sin(angle) * speed ); } else if (velocityConfig.type === 'specific') { element.body.setVelocity(velocityConfig.x, velocityConfig.y); } } return element; } collectElement(player, element) { if (this.stateOfCharge <= 0) { return; } let displayName = element.name; // Check for elements with alternative names and change sky color temporarily if ([29, 47, 79, 82, 80, 51, 74, 19, 11].includes(element.number)) { this.specialSkyEffectActive = true; const currentColor = { r: (this.cameras.main.backgroundColor.color >> 16) & 0xff, g: (this.cameras.main.backgroundColor.color >> 8) & 0xff, b: this.cameras.main.backgroundColor.color & 0xff }; let targetColor; const isAlternativeName = displayName !== element.name; switch (element.number) { case 29: // Copper/Cuprum targetColor = isAlternativeName ? { r: 0, // Electric blue for Cuprum g: 191, b: 255 } : currentColor; break; case 47: // Silver/Argentum targetColor = isAlternativeName ? { r: 220, // Mirror-like silver g: 220, b: 255 } : currentColor; break; case 79: // Gold/Aurum targetColor = isAlternativeName ? { r: 255, // Golden sun g: 223, b: 0 } : currentColor; break; case 82: // Lead/Plumbum targetColor = isAlternativeName ? { r: 50, // Dark shield color g: 50, b: 80 } : currentColor; break; case 80: // Mercury/Hydrargyrum targetColor = isAlternativeName ? { r: 230, // Liquid silver g: 230, b: 255 } : currentColor; break; case 51: // Antimony/Stibium targetColor = isAlternativeName ? { r: 255, // Fire-resistant orange g: 140, b: 0 } : currentColor; break; case 74: // Tungsten/Wolfram targetColor = isAlternativeName ? { r: 64, // Metallic gray g: 74, b: 84 } : currentColor; break; case 19: // Potassium/Kalium targetColor = isAlternativeName ? { r: 255, // Reactive purple g: 0, b: 255 } : currentColor; break; case 11: // Sodium/Natrium targetColor = isAlternativeName ? { r: 255, // Reactive yellow g: 255, b: 0 } : currentColor; break; } if (isAlternativeName) { // Flash effect with smooth transition only for alternative names const duration = 500; // Duration for each transition (fade in/out) // Fade to element color this.tweens.addCounter({ from: 0, to: 100, duration: duration, ease: 'Cubic.easeOut', onUpdate: (tween) => { const progress = tween.getValue() / 100; const r = Math.floor(currentColor.r + (targetColor.r - currentColor.r) * progress); const g = Math.floor(currentColor.g + (targetColor.g - currentColor.g) * progress); const b = Math.floor(currentColor.b + (targetColor.b - currentColor.b) * progress); this.cameras.main.setBackgroundColor(Phaser.Display.Color.GetColor(r, g, b)); }, onComplete: () => { // Fade back to original color after 5 seconds this.time.delayedCall(5000, () => { this.tweens.addCounter({ from: 100, to: 0, duration: duration, ease: 'Cubic.easeIn', onUpdate: (tween) => { const progress = tween.getValue() / 100; const r = Math.floor(currentColor.r + (targetColor.r - currentColor.r) * progress); const g = Math.floor(currentColor.g + (targetColor.g - currentColor.g) * progress); const b = Math.floor(currentColor.b + (targetColor.b - currentColor.b) * progress); this.cameras.main.setBackgroundColor(Phaser.Display.Color.GetColor(r, g, b)); }, onComplete: () => { this.specialSkyEffectActive = false; } }); }); } }); } } if (this.currentPopup && !this.currentPopup.destroyed) { this.currentPopup.destroy(); } this.currentPopup = null; const notificationWidth = 200; const notificationHeight = 200; const padding = 10; const notificationGraphics = this.add.graphics(); notificationGraphics.fillStyle(0x000000, 0.5); notificationGraphics.fillRect( this.sys.game.config.width - notificationWidth - padding, padding, notificationWidth, notificationHeight ); if (Math.random() < 0.3) { // 30% chance to show alternative name switch (element.name) { case 'Gold': displayName = 'Aurum'; break; case 'Silver': displayName = 'Argentum'; break; case 'Copper': displayName = 'Cuprum'; break; case 'Iron': displayName = 'Ferrum'; break; case 'Tin': displayName = 'Stannum'; break; case 'Lead': displayName = 'Plumbum'; break; case 'Potassium': displayName = 'Kalium'; break; case 'Sodium': displayName = 'Natrium'; break; case 'Mercury': displayName = 'Hydrargyrum'; break; case 'Antimony': displayName = 'Stibium'; break; case 'Tungsten': displayName = 'Wolfram'; break; } } const notificationText = this.add.text( this.sys.game.config.width - (notificationWidth / 2) - padding, padding + (notificationHeight / 2), `${displayName}\nAtomic Number: ${element.number}${element.isRadioactive ? '\nRADIOACTIVE!' : ''}${element.uses ? '\n\nUses:\n' + element.uses : ''}`, { fontSize: '14px', fill: '#ffffff', align: 'center', wordWrap: { width: notificationWidth - 10 } } ); notificationText.setOrigin(0.5); this.currentPopup = this.add.container(0, 0, [notificationGraphics, notificationText]); this.currentPopup.setScrollFactor(0); this.time.delayedCall(2000, () => { if (this.currentPopup && !this.currentPopup.destroyed) { this.currentPopup.destroy(); this.currentPopup = null; } }); if (element.isRadioactive) { if (this.artificialElements.includes(element.number)) { this.maxHeight = 0; this.scoreText.setText('Height: 0m'); const elementName = element.name; element.destroy(); this.updateGameState(-100, -100, elementName); // Pass element name for artificial element death return; } if (this.naturalRadioactiveElements[element.number] && !this.player.isShielded) { // Calculate radiation damage based on half-life const halfLife = this.naturalRadioactiveElements[element.number]; let radiationDamage = Math.ceil(12 + (-Math.log10(halfLife))); // Calculate chemical damage if element is also poisonous let chemicalDamage = 0; if (this.poisonousElements.includes(element.number)) { switch (element.number) { case 84: // Polonium (extremely toxic) chemicalDamage = 35; break; case 94: // Plutonium (extremely toxic) chemicalDamage = 32; break; case 95: // Americium (very high toxicity) chemicalDamage = 30; break; case 93: // Neptunium (very high toxicity) chemicalDamage = 28; break; case 92: // Uranium (very toxic) chemicalDamage = 25; break; case 88: // Radium (highly toxic) chemicalDamage = 23; break; case 89: // Actinium (toxic) chemicalDamage = 22; break; case 90: // Thorium (moderately toxic) chemicalDamage = 20; break; case 87: // Francium (toxic but short-lived) chemicalDamage = 18; break; case 86: // Radon (toxic gas) chemicalDamage = 15; break; case 85: // Astatine (toxic but rare) chemicalDamage = 15; break; default: chemicalDamage = 15; // Standard toxic elements } } // Apply both radiation and chemical damage to health and charge if (!this.updateGameState(-radiationDamage, -(radiationDamage + chemicalDamage))) { if (this.stateOfHealth <= 0) { this.gameOver(`GAME OVER\nKilled by radiation from ${element.name}!\nClick to restart`); } else { this.gameOver(`GAME OVER\nChemically Poisoned by ${element.name}!\nClick to restart`); } element.destroy(); return; } } } else if (this.nutritionalElements.includes(element.number)) { this.stateOfCharge = Math.min(this.stateOfHealth, Math.min(this.maxStateOfCharge, this.stateOfCharge + 15)); } else if (this.poisonousElements.includes(element.number)) { this.stateOfCharge = Math.max(0, this.stateOfCharge - 25); if (this.stateOfCharge <= 0) { this.stateOfCharge = 0; this.updateStatusBar(); this.gameOver('GAME OVER\nChemically Poisoned!\nClick to restart'); return; } } this.updateStatusBar(); if ([29, 47, 79, 82, 80, 51, 74, 19, 11].includes(element.number)) { const isAlternativeName = displayName === element.alternativeName || (element.number === 29 && displayName === 'Cuprum') || // Copper/electrical conductivity (element.number === 47 && displayName === 'Argentum') || // Silver/reflection (element.number === 79 && displayName === 'Aurum') || // Gold/treasure (element.number === 82 && displayName === 'Plumbum') || // Lead/heavy shield (element.number === 80 && displayName === 'Hydrargyrum') || // Mercury/flowing liquid (element.number === 51 && displayName === 'Stibium') || // Antimony/flame retardant (element.number === 74 && displayName === 'Wolfram') || // Tungsten/hardness (element.number === 19 && displayName === 'Kalium') || // Potassium/reactivity (element.number === 11 && displayName === 'Natrium'); // Sodium/reactivity let color; let specialEffect = ''; switch (element.number) { case 29: // Cuprum (Copper) color = 0xcd7f32; if (isAlternativeName) { this.player.setVelocityX(this.player.body.velocity.x * 2); this.player.moveSpeed *= 2; // Double movement speed specialEffect = 'electricity'; this.time.delayedCall(5000, () => { this.player.moveSpeed = 200; // Reset to default speed }); } break; case 47: // Argentum (Silver) color = 0xc0c0c0; if (isAlternativeName) { this.player.setAlpha(0.5); this.time.delayedCall(5000, () => this.player.setAlpha(1)); } break; case 79: // Aurum (Gold) color = 0xffd700; if (isAlternativeName) { this.maxHeight += 100; this.scoreText.setText('Height: ' + this.maxHeight + 'm'); } break; case 82: // Plumbum (Lead) color = 0x4a4a4a; if (isAlternativeName) { this.player.isShielded = true; this.player.setTint(0x808080); // Gray tint to show shielding this.time.delayedCall(8000, () => { this.player.isShielded = false; this.player.clearTint(); }); } break; case 80: // Hydrargyrum (Mercury) color = 0x8b8b8b; if (isAlternativeName) { this.player.body.setDragX(0); this.time.delayedCall(5000, () => this.player.body.setDragX(500)); } break; case 51: // Stibium (Antimony) color = 0x9494b8; if (isAlternativeName) { this.player.isLavaImmune = true; this.player.setTint(0xFF4500); // Orange-red tint for lava immunity this.time.delayedCall(6000, () => { this.player.isLavaImmune = false; this.player.clearTint(); }); } break; case 74: // Wolfram (Tungsten) color = 0x36454f; if (isAlternativeName) { const platform = this.platforms.create(this.player.x, this.player.y + 50, 'platformTexture') .setScale(0.5, 0.04165) .refreshBody(); platform.setTint(0x36454f); // Tungsten color tint platform.setData('temporary', true); this.time.delayedCall(10000, () => { if (platform.active) { platform.destroy(); } }); } break; case 19: // Kalium (Potassium) color = 0x800080; if (isAlternativeName) { this.player.setVelocityY(-800); specialEffect = 'explosion'; } break; case 11: // Natrium (Sodium) color = 0xb8860b; if (isAlternativeName) { this.player.setVelocityY(-700); specialEffect = 'flame'; } break; } if (isAlternativeName) { this.cameras.main.flash(500, (color >> 16) & 0xff, (color >> 8) & 0xff, color & 0xff ); let particleConfig = { x: this.player.x, y: this.player.y, speed: { min: -200, max: 200 }, angle: { min: 0, max: 360 }, scale: { start: 0.6, end: 0 }, blendMode: 'ADD', lifespan: 8000, tint: color, quantity: 3 }; switch (specialEffect) { case 'electricity': particleConfig.speed = { min: -400, max: 400 }; particleConfig.scale = { start: 0.3, end: 0 }; particleConfig.quantity = 5; break; case 'explosion': particleConfig.speed = { min: -300, max: 300 }; particleConfig.scale = { start: 1, end: 0 }; particleConfig.quantity = 8; break; case 'flame': particleConfig.speed = { min: -100, max: 100 }; particleConfig.angle = { min: -30, max: 30 }; particleConfig.scale = { start: 0.8, end: 0 }; break; } const particles = this.add.particles('red'); const emitter = particles.createEmitter({ x: this.player.x, y: this.player.y, speed: { min: -100, max: 100 }, angle: { min: 0, max: 360 }, scale: { start: 0.3, end: 0 }, blendMode: 'ADD', lifespan: 4000, tint: color, quantity: 1 }); this.time.delayedCall(8000, () => { particles.destroy(); }); } } else if (element.name === 'Hydrogen') { this.player.setVelocityY(-400); } else if (this.isNobleGas(element.name)) { this.applyNobleGasEffect(element); } element.destroy(); this.checkWin(); this.spawnNewElement(element.name, element.number); } spawnNewElement(prevName, prevNumber) { const elementData = this.elementList.find(el => el.name === prevName && el.number === prevNumber); if (!elementData) return; const screenWidth = this.sys.game.config.width; const spawnX = Phaser.Math.Between(50, screenWidth - 50); const spawnY = Math.min(this.player.y - 800, this.highestPlatformY - 200); // Spawn between player and highest platform const container = this.add.container(spawnX, spawnY); this.createElementVisuals(container, elementData); const element = this.physics.add.existing(container); this.elements.add(element.body.gameObject); element.body.setCircle(30); element.body.setBounce(0.4); element.body.setCollideWorldBounds(true); element.body.setMass(1); // Ensure consistent mass element.body.setFriction(0); // Reduce friction between elements element.body.setDrag(0); // No air resistance container.name = elementData.name; container.number = elementData.number; container.isRadioactive = elementData.isRadioactive; container.uses = elementData.uses; const angle = Phaser.Math.FloatBetween(-Math.PI / 3, Math.PI / 3); const speed = Phaser.Math.Between(100, 300); const velocityX = Math.sin(angle) * speed; const velocityY = Math.cos(angle) * speed; element.body.setVelocity(velocityX, velocityY); element.body.setAngularVelocity(Phaser.Math.Between(-100, 100)); } isNobleGas(elementName) { const nobleGases = ['Helium', 'Neon', 'Argon', 'Krypton', 'Xenon', 'Radon', 'Oganesson']; return nobleGases.includes(elementName); } applyNobleGasEffect(element) { if (this.player.activeNobleGasEffect) { return; // Don't apply if another noble gas effect is active } const AIR_MASS = 15; let effect; switch (element.name) { case 'Helium': // Atomic number 2 - Much lighter than air effect = { velocity: -800, duration: 4000, gravityMod: -400 // Much lighter gravity }; break; case 'Neon': // Atomic number 10 - Still lighter than air effect = { velocity: -600, duration: 4000, gravityMod: -200 // Lighter gravity }; break; case 'Argon': // Atomic number 18 - Heavier than air effect = { velocity: -400, duration: 4000, gravityMod: 200, // Heavier gravity moveSpeedMod: 0.8 // Slight movement penalty }; break; case 'Krypton': // Atomic number 36 - Much heavier than air effect = { velocity: -300, duration: 4000, gravityMod: 400, // Much heavier gravity moveSpeedMod: 0.6 // Moderate movement penalty }; break; case 'Xenon': // Atomic number 54 - Very heavy effect = { velocity: -200, duration: 4000, gravityMod: 600, // Very heavy gravity weakJump: true, // Allow weak jumping instead of disabling moveSpeedMod: 0.3, // Severe movement penalty jumpMod: 0.3 // Jump height reduced to 30% }; break; case 'Radon': // Atomic number 86 - Radioactive noble gas effect = { velocity: -100, duration: 2000, gravityMod: 800, disableJump: true, moveSpeedMod: 0.2 }; break; case 'Oganesson': // Atomic number 118 - Densest noble gas effect = { velocity: -50, duration: 1500, // Very short duration gravityMod: 1000, // Maximum gravity effect disableJump: true, // Completely disable jumping moveSpeedMod: 0.1, // Most severe movement penalty radioactiveEffect: true // Special radioactive effect }; break; } if (effect) { this.player.activeNobleGasEffect = true; const originalGravity = this.player.body.gravity.y; const originalJumpVelocity = -830; this.player.setVelocityY(effect.velocity); this.player.body.setGravityY(originalGravity + effect.gravityMod); this.player.moveSpeedMod = effect.moveSpeedMod || 1; this.player.canJump = !effect.disableJump || effect.weakJump; if (effect.weakJump) { this.player.customJumpVelocity = originalJumpVelocity * effect.jumpMod; } else if (!effect.disableJump) { const jumpMod = effect.gravityMod < 0 ? 1.5 : 0.7; this.player.customJumpVelocity = originalJumpVelocity * jumpMod; } let particleColor; switch (element.name) { case 'Helium': particleColor = 0xFFA07A; // Salmon pink/orange break; case 'Neon': particleColor = 0xFF4500; // Bright red-orange break; case 'Argon': particleColor = 0x9370DB; // Medium purple break; case 'Krypton': particleColor = 0x98FF98; // Pale green break; case 'Xenon': particleColor = 0x87CEEB; // Sky blue break; case 'Radon': particleColor = 0x800080; // Purple break; case 'Oganesson': particleColor = 0x4B0082; // Indigo break; default: particleColor = 0xFFFFFF; // White as fallback } const particles = this.add.particles('red'); const emitter = particles.createEmitter({ follow: this.player, scale: { start: 0.1, end: 0 }, speed: 10, lifespan: 100, blendMode: 'ADD', tint: particleColor, quantity: 1 }); if (element.name === 'Radon') { const radiationParticles = this.add.particles('red'); const radiationEmitter = radiationParticles.createEmitter({ follow: this.player, scale: { start: 0.4, end: 0 }, speed: 50, lifespan: 300, blendMode: 'ADD', tint: 0x32CD32, quantity: 3, angle: { min: 0, max: 360 } }); } else if (effect.radioactiveEffect) { const radiationParticles = this.add.particles('red'); const radiationEmitter = radiationParticles.createEmitter({ follow: this.player, scale: { start: 0.4, end: 0 }, speed: 50, lifespan: 300, blendMode: 'ADD', tint: 0x32CD32, quantity: 3, angle: { min: 0, max: 360 } }); const damageInterval = this.time.addEvent({ delay: 500, callback: () => { this.stateOfHealth = Math.max(0, this.stateOfHealth - 5); this.maxStateOfCharge = this.stateOfHealth; this.stateOfCharge = Math.min(this.stateOfCharge, this.maxStateOfCharge); this.updateStatusBar(); if (this.stateOfHealth <= 0) { this.gameOver(`GAME OVER\nKilled by radiation from ${element.name}!\nClick to restart`); } }, repeat: effect.duration / 500 - 1 }); } this.time.delayedCall(effect.duration, () => { this.player.body.setGravityY(originalGravity); this.player.customJumpVelocity = null; // Reset custom jump velocity this.player.moveSpeedMod = 1; // Reset movement speed this.player.canJump = true; // Re-enable jumping this.player.activeNobleGasEffect = false; // Clear active noble gas effect emitter.stop(); particles.destroy(); // Clean up any remaining Radon particle effects this.children.list.forEach(child => { if (child.type === 'ParticleEmitterManager') { child.destroy(); } }); }); } } createPlatform(x, y) { // Create static platform const platform = this.platforms.create(x, y, 'platformTexture') .setScale(0.5, 0.04165) .refreshBody() .setImmovable(true); // Set texture filtering and visibility properties platform.setAlpha(1); platform.setVisible(true); platform.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); return platform; } addPlatformSet(height) { const screenWidth = this.sys.game.config.width; const platformWidth = 128; const baseY = this.highestPlatformY - height; const levels = Math.ceil(height / this.platformSpacing); const heightFactor = Math.abs(baseY); for (let level = 0; level < levels; level++) { const baseYForLevel = baseY + (level * this.platformSpacing); if (baseYForLevel > this.sys.game.config.height - 50) { continue; } const platformsPerLevel = Phaser.Math.Between(2, 3); const verticalVariation = this.platformSpacing * 0.4; for (let i = 0; i < platformsPerLevel; i++) { const sectionWidth = screenWidth / platformsPerLevel; const baseX = (i * sectionWidth) + (sectionWidth / 2); const randomOffset = Phaser.Math.Between(-50, 50); const x = Phaser.Math.Clamp( baseX + randomOffset, platformWidth / 2, screenWidth - platformWidth / 2 ); const randomY = baseYForLevel + Phaser.Math.Between(-verticalVariation, verticalVariation); // Create static platform const platform = this.createPlatform(x, randomY); // Element spawn logic const baseAtomChance = 0.05; const heightBonus = Math.min(0.15, heightFactor / 20000); const atomSpawnChance = baseAtomChance + heightBonus + 0.05; if (Phaser.Math.FloatBetween(0, 1) < atomSpawnChance) { const worldHeight = Math.abs(platform.y); const availableElements = this.elementList.filter(element => { if ([1, 2, 6, 7, 8, 9, 10, 14].includes(element.number)) return true; if ([11, 12, 13, 15, 16, 17].includes(element.number)) return true; if ([3, 4, 5].includes(element.number)) return worldHeight > 2000; if ([26, 27, 28, 29, 30].includes(element.number)) return worldHeight > 3000; return false; }); if (availableElements.length > 0) { const randomElement = Phaser.Utils.Array.GetRandom(availableElements); const container = this.add.container(x, randomY - 40); this.createElementVisuals(container, randomElement); const element = this.createPhysicsElement(container, randomElement); element.body.setVelocity(0, 0); } } } } this.highestPlatformY -= height; } spawnRandomElement() { const worldY = Math.min(this.player.y, this.highestPlatformY); const worldHeight = Math.abs(worldY); const availableElements = this.elementList.filter(element => { if ([1, 2, 6, 7, 8, 9, 10, 14].includes(element.number)) { return true; // Always available (H, He, C, N, O, F, Ne, Si) } if ([11, 12, 13, 15, 16, 17].includes(element.number)) { return true; // Always available (Na, Mg, Al, P, S, Cl) } if ([3, 4, 5].includes(element.number)) { return worldHeight > 2000; // Only Li, Be, B need height } if ([26, 27, 28, 29, 30].includes(element.number)) { return worldHeight > 3000; // Fe, Co, Ni, Cu, Zn } if (element.number > 26 && !element.isRadioactive) { return worldHeight > 4000; // Must be at least 400m up } if (element.isRadioactive && [92, 90, 88].includes(element.number)) { return worldHeight > 4000; // More accessible height for familiar radioactive } if (element.isRadioactive && element.number <= 92) { // Increasing probability based on height and atomic properties const heightThreshold = 6000 + (element.number * 20); const heightFactor = worldHeight / heightThreshold; return heightFactor > 1 && Math.random() < (heightFactor * 0.5); } if (element.number >= 93 && element.number <= 103) { // Dynamic threshold for transuranium elements const baseThreshold = 9000; const complexity = (element.number - 92) * 500; return worldHeight > (baseThreshold + complexity) && Math.random() < 0.3; } // Superheavy elements with increasing rarity const superheavyThreshold = 12000 + ((element.number - 103) * 1000); return worldHeight > superheavyThreshold && Math.random() < 0.2; }).map(element => ({ ...element, weight: this.calculateElementWeight(element, worldHeight) })); // Calculate environmental factors const height = Math.abs(this.player.y); const heightFactor = height / 1000; // Every 1000 pixels affects spawn rates const timeElapsed = this.time.now / 1000; // Time in seconds // Dynamic weight adjustment based on environment const adjustedElements = availableElements.map(element => ({ ...element, weight: this.calculateDynamicWeight(element, heightFactor, timeElapsed) })); let randomElement; const totalWeight = adjustedElements.reduce((sum, el) => sum + el.weight, 0); let random = Phaser.Math.Between(1, Math.floor(totalWeight)); // Select element based on adjusted weights for (const element of adjustedElements) { random -= element.weight; if (random <= 0) { randomElement = this.elementList.find(e => e.number === element.number); break; } } this.lastSpawnedElement = randomElement; this.spawnNewElement(randomElement.name, randomElement.number); } createElementVisuals(container, elementData) { const graphics = this.add.graphics(); const electronSize = 3; const nucleusSize = electronSize * 2; graphics.lineStyle(2, 0xffffff); graphics.fillStyle(elementData.isRadioactive ? 0x8B3A3A : 0xff0000); graphics.strokeCircle(0, 0, nucleusSize); graphics.fillCircle(0, 0, nucleusSize); graphics.lineStyle(1, 0xffffff); const atomicRadius = atomicRadii[elementData.number - 1] || 100; const period = this.getElementPeriod(elementData.number); const visibleShells = Math.min(period, 7); const pmToGameUnits = 0.5; const maxRadius = atomicRadius * pmToGameUnits; const shellRadii = Array(visibleShells).fill(0).map((_, index) => (maxRadius * (index + 1)) / visibleShells ); const aufbauConfiguration = { 1: 2, // 1s² 2: 8, // 2s² 2p⁶ 3: 18, // 3s² 3p⁶ 3d¹⁰ 4: 32, // 4s² 4p⁶ 4d¹⁰ 4f¹⁴ 5: 32, // 5s² 5p⁶ 5d¹⁰ 5f¹⁴ 6: 18, // 6s² 6p⁶ 6d¹⁰ 7: 8 // 7s² 7p⁶ }; const electronConfiguration = this.calculateElectronConfiguration(elementData.number); let currentShell = 1; for (const [shell, electronCount] of Object.entries(electronConfiguration)) { const shellNumber = parseInt(shell); if (electronCount === 0 || shellNumber > period) continue; const radius = shellRadii[shellNumber - 1]; if (!radius) continue; // Skip if shell radius is not defined graphics.strokeCircle(0, 0, radius); for (let i = 0; i < electronCount; i++) { const angle = (i / electronCount) * Math.PI * 2; const electronGraphics = this.add.graphics(); electronGraphics.fillStyle(0x00FF00); electronGraphics.fillCircle( Math.cos(angle) * radius, Math.sin(angle) * radius, electronSize ); container.add(electronGraphics); } currentShell++; } container.add(graphics); } gameOver(message = 'GAME OVER\nRadioactive element collected!\nClick to restart', isArtificial = false) { if (this.isGameOver) return; this.isGameOver = true; this.player.body.enable = false; this.player.isMelted = true; this.physics.pause(); if (message.includes('radiation') || message.includes('Radioactive')) { this.stateOfHealth = 0; } this.stateOfCharge = 0; this.updateStatusBar(); if (this.breathingTween) { this.breathingTween.stop(); this.breathingTween = null; } if (this.player) { this.player.setScale(2 / 5); } this.physics.pause(); this.player.setVelocity(0, 0); // Directly call finalizeGameOver without fade effect if (this.currentPopup && !this.currentPopup.destroyed) { this.time.delayedCall(1000, () => this.finalizeGameOver(message, isArtificial)); } else { this.finalizeGameOver(message, isArtificial); } } finalizeGameOver(message, isArtificial = false) { if (this.player) { this.player.isMelted = false; } this.sound.stopAll(); this.time.removeAllEvents(); if (this.platforms) { this.platforms.getChildren().forEach(platform => { if (platform.isMoving && platform.movementTween) { platform.movementTween.stop(); platform.movementTween.remove(); platform.movementTween = null; } }); } // Clean up existing elements this.add.particles().destroy(); if (this.elements) { this.elements.clear(true, true); } if (this.platforms) { this.platforms.clear(true, true); } // Reset game states this.isGameOver = false; this.stateOfHealth = 100; this.stateOfCharge = 100; this.maxStateOfCharge = 100; this.maxHeight = 0; this.score = 0; this.lavaSpeed = 50; this.isLavaSpeedBoosted = false; this.baseLavaSpeed = 50; this.lavaSpeedBoosts = []; this.lavaHeightDebt = 0; this.highestPlatformY = 0; this.lastSpawnedElement = null; this.currentPopup = null; if (this.player) { this.player.moveSpeedMod = 1; this.player.canJump = true; this.player.customJumpVelocity = null; this.player.isShielded = false; this.player.isLavaImmune = false; } this.elements.clear(true, true); // Create dramatic game over text presentation // Create game over text immediately visible if (isArtificial) { // Show Fatal Error text const warningText = this.add.text( this.cameras.main.centerX, this.cameras.main.centerY - 100, 'FATAL ERROR', { fontSize: '48px', fill: '#ff0000', align: 'center' } ); warningText.setOrigin(0.5); warningText.setScrollFactor(0); // Show detailed message const gameOverText = this.add.text( this.cameras.main.centerX, this.cameras.main.centerY, message, { fontSize: '32px', fill: '#ff0000', align: 'center' } ); gameOverText.setOrigin(0.5); gameOverText.setScrollFactor(0); } else { // Standard game over text const gameOverText = this.add.text( this.cameras.main.centerX, this.cameras.main.centerY, message, { fontSize: '32px', fill: '#fff', align: 'center' } ); gameOverText.setOrigin(0.5); gameOverText.setScrollFactor(0); } const restartHandler = () => { this.input.off('pointerdown', restartHandler); this.sound.stopAll(); this.add.particles().destroy(); this.stateOfHealth = 100; this.stateOfCharge = 100; this.isGameOver = false; this.scene.restart(); }; this.input.once('pointerdown', restartHandler); } updateGameState(healthDelta = 0, chargeDelta = 0, artificialElement = null) { this.stateOfHealth = Math.max(0, Math.min(100, this.stateOfHealth + healthDelta)); this.maxStateOfCharge = Math.min(this.stateOfHealth, 100); const newCharge = this.stateOfCharge + chargeDelta; this.stateOfCharge = Math.max(0, Math.min(newCharge, this.maxStateOfCharge)); // Check for artificial element death first if (artificialElement) { this.gameOver(`${artificialElement}\n\nStatus: TERMINATED\nClick to restart`, true); return false; } // Then check other death conditions if (this.stateOfHealth <= 0) { this.gameOver('GAME OVER\nHealth depleted!\nClick to restart'); return false; } if (this.stateOfCharge <= 0) { this.gameOver('GAME OVER\nCharge depleted!\nClick to restart'); return false; } this.updateStatusBar(); return true; } updateStatusBar() { this.stateOfHealth = Math.max(0, Math.min(100, this.stateOfHealth)); this.maxStateOfCharge = Math.min(this.stateOfHealth, 100); this.stateOfCharge = Math.min(this.stateOfCharge, this.maxStateOfCharge); const barWidth = 200; if (this.dischargedBar) this.dischargedBar.destroy(); if (this.unusableBar) this.unusableBar.destroy(); const sohPercentage = this.stateOfHealth / 100; const socPercentage = this.stateOfCharge / 100; const unusableWidth = barWidth * (1 - sohPercentage); if (unusableWidth > 0) { this.unusableBar = this.add.rectangle( 16 + (barWidth * sohPercentage), 60, unusableWidth, 30, 0xff0000 ).setOrigin(0) .setDepth(1); this.unusableBar.setScrollFactor(0); } const dischargedWidth = barWidth * (sohPercentage - socPercentage); if (dischargedWidth > 0) { this.dischargedBar = this.add.rectangle( 16 + (barWidth * socPercentage), 60, dischargedWidth, 30, 0x000000 ).setOrigin(0) .setDepth(1); this.dischargedBar.setScrollFactor(0); } this.socBar.width = barWidth * socPercentage; this.socBar.setFillStyle(0x00ff00); this.socBar.setDepth(1); if (socPercentage < 0.3) { this.statusText.setColor('#ff0000'); } else { this.statusText.setColor('#ffffff'); } // Create black background for status text this.statusTextBg.setFillStyle(0x000000); this.statusTextBg.setAlpha(0.7); this.statusTextBg.setDepth(2); this.statusText.setText( `${Math.round(socPercentage * 100)}%` ); } calculateElectronConfiguration(atomicNumber) { const exceptionalConfigs = { 21: { 1: 2, 2: 8, 3: 9, 4: 2 }, // Sc: [Ar] 3d¹ 4s² 22: { 1: 2, 2: 8, 3: 10, 4: 2 }, // Ti: [Ar] 3d² 4s² 23: { 1: 2, 2: 8, 3: 11, 4: 2 }, // V: [Ar] 3d³ 4s² 24: { 1: 2, 2: 8, 3: 13, 4: 1 }, // Cr: [Ar] 3d⁵ 4s¹ 25: { 1: 2, 2: 8, 3: 13, 4: 2 }, // Mn: [Ar] 3d⁵ 4s² 26: { 1: 2, 2: 8, 3: 14, 4: 2 }, // Fe: [Ar] 3d⁶ 4s² 27: { 1: 2, 2: 8, 3: 15, 4: 2 }, // Co: [Ar] 3d⁷ 4s² 28: { 1: 2, 2: 8, 3: 16, 4: 2 }, // Ni: [Ar] 3d⁸ 4s² 29: { 1: 2, 2: 8, 3: 18, 4: 1 }, // Cu: [Ar] 3d¹⁰ 4s¹ 41: { 1: 2, 2: 8, 3: 18, 4: 12, 5: 1 }, // Nb: [Kr] 4d⁴ 5s¹ 42: { 1: 2, 2: 8, 3: 18, 4: 13, 5: 1 }, // Mo: [Kr] 4d⁵ 5s¹ 44: { 1: 2, 2: 8, 3: 18, 4: 15, 5: 1 }, // Ru: [Kr] 4d⁷ 5s¹ 45: { 1: 2, 2: 8, 3: 18, 4: 16, 5: 1 }, // Rh: [Kr] 4d⁸ 5s¹ 46: { 1: 2, 2: 8, 3: 18, 4: 18 }, // Pd: [Kr] 4d¹⁰ 47: { 1: 2, 2: 8, 3: 18, 4: 18, 5: 1 }, // Ag: [Kr] 4d¹⁰ 5s¹ 57: { 1: 2, 2: 8, 3: 18, 4: 18, 5: 9, 6: 2 }, // La: [Xe] 5d¹ 6s² 58: { 1: 2, 2: 8, 3: 18, 4: 19, 5: 9, 6: 2 }, // Ce: [Xe] 4f¹ 5d¹ 6s² 64: { 1: 2, 2: 8, 3: 18, 4: 25, 5: 9, 6: 2 }, // Gd: [Xe] 4f⁷ 5d¹ 6s² 78: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 17, 6: 1 }, // Pt: [Xe] 4f¹⁴ 5d⁹ 6s¹ 79: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 1 }, // Au: [Xe] 4f¹⁴ 5d¹⁰ 6s¹ 89: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 9, 7: 2 }, // Ac: [Rn] 6d¹ 7s² 90: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 10, 7: 2 }, // Th: [Rn] 6d² 7s² 91: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 11, 7: 2 }, // Pa: [Rn] 5f² 6d¹ 7s² 92: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 12, 7: 2 }, // U: [Rn] 5f³ 6d¹ 7s² 93: { 1: 2, 2: 8, 3: 18, 4: 32, 5: 18, 6: 13, 7: 2 } // Np: [Rn] 5f⁴ 6d¹ 7s² }; if (exceptionalConfigs[atomicNumber]) { return exceptionalConfigs[atomicNumber]; } const configuration = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0, 6: 0, 7: 0 }; let electrons = atomicNumber; const fillOrder = [{ shell: 1, max: 2 }, // 1s { shell: 2, max: 8 }, // 2s, 2p { shell: 3, max: 8 }, // 3s, 3p { shell: 4, max: 2 }, // 4s { shell: 3, max: 10 }, // 3d { shell: 4, max: 6 }, // 4p { shell: 5, max: 2 }, // 5s { shell: 4, max: 10 }, // 4d { shell: 5, max: 6 }, // 5p { shell: 6, max: 2 }, // 6s { shell: 4, max: 14 }, // 4f { shell: 5, max: 10 }, // 5d { shell: 6, max: 6 }, // 6p { shell: 7, max: 2 }, // 7s { shell: 5, max: 14 }, // 5f { shell: 6, max: 10 }, // 6d { shell: 7, max: 6 } // 7p ]; for (const level of fillOrder) { const fillCount = Math.min(electrons, level.max); configuration[level.shell] += fillCount; electrons -= fillCount; if (electrons <= 0) break; } return configuration; } getElementPeriod(atomicNumber) { if (atomicNumber <= 2) return 1; if (atomicNumber <= 10) return 2; if (atomicNumber <= 18) return 3; if (atomicNumber <= 36) return 4; if (atomicNumber <= 54) return 5; if (atomicNumber <= 86) return 6; return 7; } calculateElementWeight(element, worldHeight) { let weight = 0; // Base weight calculation if (element.number <= 26) { weight = 10 + (20 / element.number); // Higher chance for lighter elements } else if ([92, 90, 88].includes(element.number)) { weight = 8 + (worldHeight / 2000); // Familiar radioactive elements } else if (element.isRadioactive && element.number <= 92) { weight = 5 + (worldHeight / 3000); // Natural radioactive elements } else { weight = Math.max(1, Math.floor(20 / Math.sqrt(element.number - 26))); } // Environmental modifiers const heightBonus = Math.min(5, worldHeight / 2000); weight += heightBonus; // Element type modifiers if (this.nutritionalElements.includes(element.number)) { weight *= 1.2; // Boost nutritional elements } if (this.poisonousElements.includes(element.number)) { weight *= 0.8; // Reduce poisonous elements } return Math.max(1, Math.floor(weight)); } calculateDynamicWeight(element, heightFactor, timeElapsed) { let baseWeight = element.weight; // Time-based progression const timeMultiplier = Math.min(2, 1 + (timeElapsed / 300)); // Max 2x after 5 minutes // Height-based adjustments const heightMultiplier = Math.min(3, 1 + (heightFactor / 10)); // Max 3x at 10000 pixels // Element property adjustments let propertyMultiplier = 1; if (element.isRadioactive) { propertyMultiplier *= heightMultiplier * 0.5; // Radioactive elements more common at height } if (this.nutritionalElements.includes(element.number)) { propertyMultiplier *= Math.max(0.5, 2 - (heightFactor / 5)); // Less nutritional at height } return Math.max(1, Math.floor(baseWeight * timeMultiplier * propertyMultiplier)); } createPeriodicTable() { const cellSize = 12; const padding = 1; const startX = 10; const startY = this.sys.game.config.height - 180; const periodicTableLayout = [ [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2], [3, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 6, 7, 8, 9, 10], [11, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 13, 14, 15, 16, 17, 18], [19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36], [37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54], [55, 56, 57, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86], [87, 88, 89, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 0, 0], [0, 0, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 0, 0] ]; // Create background for periodic table const bgWidth = (cellSize + padding) * 18 + padding; const bgHeight = (cellSize + padding) * 10 + padding; const background = this.add.rectangle(startX - padding, startY - padding, bgWidth, bgHeight, 0x000000, 0.5) .setOrigin(0) .setScrollFactor(0) .setDepth(100); periodicTableLayout.forEach((row, rowIndex) => { row.forEach((atomicNumber, colIndex) => { if (atomicNumber > 0) { const x = startX + colIndex * (cellSize + padding); const y = startY + rowIndex * (cellSize + padding); const element = this.elementList.find(e => e.number === atomicNumber); let cellColor = 0x666666; // Color coding for different element types if (element) { if (element.isRadioactive) { cellColor = 0x8B0000; // Dark red for radioactive elements } else if (this.nutritionalElements.includes(atomicNumber)) { cellColor = 0x228B22; // Forest green for nutritional elements } else if (this.poisonousElements.includes(atomicNumber)) { cellColor = 0x800080; // Purple for poisonous elements } } const cell = this.add.rectangle(x, y, cellSize, cellSize, cellColor) .setOrigin(0) .setScrollFactor(0) .setDepth(101); const text = this.add.text(x + cellSize / 2, y + cellSize / 2, atomicNumber.toString(), { fontSize: '8px', fill: '#ffffff' }) .setOrigin(0.5) .setScrollFactor(0) .setDepth(102); this.periodicTableCells[atomicNumber] = { cell, text, defaultColor: cellColor }; } }); }); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 600, height: 600, pixelArt: true, crisp: true, physics: { default: 'arcade', arcade: { gravity: { y: 200 }, debug: false } }, scene: Example }; window.phaserGame = new Phaser.Game(config);