Random Weapon Generator
How do I make an random weapon generator?
Random effect addition. What is a random weapon generator? How do you make a random weapon generator? This script and codes were developed by Adam Grayson on 10 November 2022, Thursday.
Random Weapon Generator - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Random Weapon Generator</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> .statsBox .name .type .left p span Damage p span Speed p span Element .right .power .speed .effect .effectBtn New Weapon <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Random Weapon Generator - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
* { box-sizing: border-box;
}
html, body { font: 600 16px/24px "Lato", sans-serif; color: #2682D5; background: #2682D5;
}
html span, body span { font: 400 16px/24px "Lato", sans-serif;
}
.statsBox { width: 90%; background: #ffffff; margin: 20px auto 0; padding: 20px; border-radius: 3px; overflow: hidden;
}
.statsBox .left { width: 50%; float: left;
}
.statsBox .left p { display: block;
}
.statsBox .right { width: 50%; float: right; text-align: right;
}
.effectBtn { width: 90%; margin: 20px auto 0; padding: 10px 20px; border-radius: 3px; background: #ffffff; text-align: center; cursor: pointer;
}
.type { font-style: italic; font-weight: normal; padding-bottom: 10px;
}
Random Weapon Generator - Script Codes JS Codes
(function() { var addEffect, addMod, clone, effects, generateWeapon, mods, randomNum, setText, weapons; effects = ['', 'Bees', 'Flame', 'Frost', 'Earth', 'Wind', 'Explosions', 'Corrosion', 'Poison']; mods = [ { 'name': 'Dull', 'attr': 'power', 'value': -2 }, { 'name': 'Balanced', 'attr': 'power', 'value': 0 }, { 'name': 'Polished', 'attr': 'power', 'value': 2 }, { 'name': 'Cumbersome', 'attr': 'speed', 'value': -2 }, { 'name': 'Quick', 'attr': 'speed', 'value': 2 } ]; weapons = [ { 'name': 'Battle Hammer', 'type': 'blunt', 'power': 1, 'speed': 2 }, { 'name': 'Scimitar', 'type': 'sword', 'power': 2, 'speed': 4 }, { 'name': 'Walking Stick', 'type': 'Staff', 'power': 1, 'speed': 4 }, { 'name': 'Hatchet', 'type': 'Axe', 'power': 2, 'speed': 2 } ]; addEffect = function(effects, weaponObj) { var randomEffectNum; randomEffectNum = randomNum(0, effects.length - 1); weaponObj.effect = effects[randomEffectNum]; if (weaponObj.effect !== '') { weaponObj.name = weaponObj.name + ' of ' + weaponObj.effect; } return weaponObj; }; addMod = function(modObj, weaponObj) { var randomEffectNum, selectedMod; randomEffectNum = randomNum(0, modObj.length - 1); selectedMod = modObj[randomEffectNum]; weaponObj.mod = selectedMod.name; weaponObj[selectedMod.attr] += selectedMod.value; weaponObj.name = selectedMod.name + ' ' + weaponObj.name; return weaponObj; }; randomNum = function(min, max) { return Math.round(Math.random() * (max - min)) + min; }; setText = function(weaponObj) { $('.name').text(weaponObj.name); $('.type').text(weaponObj.type); $('.power').text(weaponObj.power); $('.speed').text(weaponObj.speed); if (weaponObj.effect === '') { $('.effect').text('None'); } else { $('.effect').text(weaponObj.effect); } }; $('.effectBtn').click(function() { return generateWeapon(); }); clone = function(object) { var copy, k, v; copy = {}; for (k in object) { v = object[k]; copy[k] = v; } return copy; }; generateWeapon = function() { var selectedWeapon, weapon; selectedWeapon = clone(weapons[randomNum(0, 2)]); weapon = addEffect(effects, selectedWeapon); weapon = addMod(mods, selectedWeapon); return setText(weapon); }; generateWeapon();
}).call(this);
Developer | Adam Grayson |
Username | agrayson |
Uploaded | November 10, 2022 |
Rating | 3 |
Size | 4,209 Kb |
Views | 36,432 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
HTML5 GeoLocation Example | 3,685 Kb |
Spinning Circles | 3,581 Kb |
Dynamic circle menus with SASS | 3,928 Kb |
RPG Cooldown | 2,902 Kb |
Random Weapon Generator | 4,209 Kb |
Drag and Drop File Preview | 3,444 Kb |
Responsive square grid in pure CSS | 2,140 Kb |
Circle Progression Plugin | 2,612 Kb |
CCS3 Navigation Hover Effect | 1,953 Kb |
Simple Accordion | 2,952 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Haml Calendar | Katydecorah | 5,643 Kb |
A Pen by Patrick Cox | Pcridesagain | 2,899 Kb |
Segments mouse following | Nosir | 2,909 Kb |
IPhone5S SVG Space Grey | Onlinechris | 75,035 Kb |
Shape Outside - Polygon | Stacy | 3,954 Kb |
Animated Slide Hamburger Mobile Menu | BJack | 2,247 Kb |
A Pen by Andrea Verlicchi | Verlok | 2,018 Kb |
Calendar | Miroot | 2,033 Kb |
A Pen by Alexandru Pora | Axpro | 1,615 Kb |
Find The Penguin | Lelder | 2,212 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!