Dustyn Murray's Free Range Game Rating
About this app
Rate the graphics of Dustyn Murray's Free Range game across various console editions.
Dustyn Murray's Free Range Game Rating Dustyn Murray's Free Range Game Rating
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>Dustyn Murray's Free Range Game Rating</title>
<meta name="description" content="Rate the graphics and lag of Dustyn Murray's Free Range game on various console editions.">
<meta name="keywords" content="Dustyn Murray, Free Range, Game Rating, Graphics Rating, Lag Rating, Console">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Press Start 2P', cursive;
background: #f0f0f0;
}
#main-container {
text-align: center;
padding: 20px;
}
.btn-console {
margin: 5px;
font-size: 10px;
}
.console-name {
margin-bottom: 10px;
}
.rating-container {
display: none;
margin-top: 20px;
}
.star-rating {
color: #ffd700;
font-size: 24px;
}
</style>
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function() {
// Define console names and ratings array
var consoles = [
"RTX", // Best graphics
// ... add all other consoles here
"Windows 95 3D graphics" // Worst graphics
];
// Populate buttons with console names
$('#main-container').append('<div id="buttons-container"></div>');
for (var i = 0; i < 5000; i++) {
var rank = (i < 2500) ? `Best #${i + 1}` : `Worst #${4999 - i}`;
var btn = $('<button>')
.addClass('btn btn-console')
.text(`Copy ${rank}`)
.attr('data-console', consoles[i % consoles.length])
.attr('data-rank', i + 1)
.on('click', function() {
$('.rating-container').show();
$('.console-name').text(`Console: ${$(this).data('console')}`);
$('#graphics-rating').text('');
$('#lag-rating').text('');
});
$('#buttons-container').append(btn);
}
// Rating functionality
$('#rating-container').append('<div class="console-name"></div>');
$('#rating-container').append('<div id="graphics-rating"></div>');
$('#rating-container').append('<div id="lag-rating"></div>');
for (var j = 0; j < 10; j++) {
var graphicsStar = $('<span>')
.addClass('star-rating')
.html('★')
.attr('data-rating', j + 1)
.on('click', function() {
var rating = $(this).data('rating');
$('#graphics-rating').text(`Graphics Rating: ${rating}`);
});
var lagStar = $('<span>')
.addClass('star-rating')
.html('★')
.attr('data-rating', j + 1)
.on('click', function() {
var rating = $(this).data('rating');
$('#lag-rating').text(`Lag Rating: ${rating}`);
});
$('#graphics-rating').append(graphicsStar);
$('#lag-rating').append(lagStar);
}
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<h1>Dustyn Murray's Free Range Game Rating</h1>
<div id="buttons-container">
<!-- Buttons will be generated here -->
</div>
<div id="rating-container" class="rating-container">
<!-- Rating will be displayed here -->
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!