Adeptus Titanicus Mission Generator
About this app
Generate random missions for Adeptus Titanicus featuring Loyalists and Traitors with customizable Battle Values.
Adeptus Titanicus Mission Generator Adeptus Titanicus Mission Generator Choose Faction: Loyalists Traitors Select Battle Value (BV): 1000 2000 3000 4000 5000 6000 Generate Mission
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Adeptus Titanicus Mission Generator</title>
<meta name="description" content="Generate random missions for Adeptus Titanicus featuring Loyalists and Traitors with customizable Battle Values.">
<meta name="keywords" content="Adeptus Titanicus, Mission Generator, Tabletop, Board Game, Faction Selector, BV Selector">
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous">
</script>
<!-- Font Awesome (6.6.0) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
// App Javascript Goes Here
document.addEventListener("DOMContentLoaded", function() {
const missionResultsDiv = $('#mission-results');
const factionSelector = $('#faction');
const bvSelector = $('#bv');
const generateButton = $('#generate-mission');
generateButton.click(function() {
const faction = factionSelector.val();
const bv = parseInt(bvSelector.val());
const attacker = generateUnit(faction, bv);
const defender = generateUnit(faction === 'Loyalists' ? 'Traitors' : 'Loyalists', bv);
const mission = `
<h4>Mission Details</h4>
<p><strong>Attacker:</strong> ${attacker.name}</p>
<p><strong>Defender:</strong> ${defender.name}</p>
<p><strong>Scenario:</strong> ${faction === 'Loyalists' ? "Hold Ground" : "Infiltration"}</p>
<p><strong>Opposing Forces:</strong> ${attacker.type} vs. ${defender.type}</p>
`;
missionResultsDiv.html(mission);
});
function generateUnit(faction, bv) {
const units = [
{ name: "Warhound Titan", type: faction, cost: 1000 },
{ name: "Reaver Titan", type: faction, cost: 2000 },
{ name: "Warlord Titan", type: faction, cost: 3000 },
{ name: "Imperator Titan", type: faction, cost: 4000 },
{ name: "Acastus Knight", type: faction, cost: 500 },
];
const possibleUnits = units.filter(unit => unit.cost <= bv);
return possibleUnits[Math.floor(Math.random() * possibleUnits.length)];
}
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(135deg, #c5e1fb 0%, #ffe0b2 100%);
font-family: 'Arial', sans-serif;
color: #333;
}
#main-container {
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
}
h4 {
color: #007bff;
}
.button {
background-color: #28a745;
color: white;
}
.button:hover {
background-color: #218838;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">Adeptus Titanicus Mission Generator</h1>
<div class="mb-3">
<label for="faction" class="form-label">Choose Faction:</label>
<select id="faction" class="form-select">
<option value="Loyalists">Loyalists</option>
<option value="Traitors">Traitors</option>
</select>
</div>
<div class="mb-3">
<label for="bv" class="form-label">Select Battle Value (BV):</label>
<select id="bv" class="form-select">
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>
<option value="5000">5000</option>
<option value="6000">6000</option>
</select>
</div>
<button id="generate-mission" class="btn button">Generate Mission</button>
<div id="mission-results" class="mt-3"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!