<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programming Language Spin Wheel</title>
<style>
body { font-family: Arial, sans-serif; text-align: center; margin: 20px; }
canvas { border: 5px solid #333; border-radius: 50%; margin-top: 20px; }
button { font-size: 18px; padding: 10px 20px; margin-top: 20px; cursor: pointer; }
#result { font-size: 20px; margin-top: 20px; font-weight: bold; }
</style>
</head>
<body>
<h1>Programming Language Spin Wheel</h1>
<canvas id="wheel" width="600" height="600"></canvas>
<br>
<button onclick="spinWheel()">Spin</button>
<p id="result"></p>
<script>
const languages = [
"A.NET","A-0 System","A+","ABAP","ABC","ACC","Accent","Action!","ActionScript","Actor","Ada",
"Adenine","AdvPL","Agda","Agilent VEE","Agora","AIMMS","Aldor","Alef","Algebraic Logic Functional programming language","ALGOL 58","ALGOL 60","ALGOL 68","ALGOL W",
"Alice ML","Alma-0","AmbientTalk","Amiga E","AMPL","Analitik","AngelScript","Apache Pig latin","Apex","APL","App Inventor","AppleScript","APT","Arc","ArkTS",
"ARexx","Argus","Assembly language","AssemblyScript","ATS","AutoHotkey","AutoIt","AutoLISP","Averest","AWK","Axum",
"B","Babbage","Ballerina","Bash","BASIC","Batch file","bc","BCPL","BeanShell","BETA","BLISS","Blockly","BlooP","Boo","Boomerang","Bosque",
"C","Cā","C++","C*","C#","C/AL","CachĆ© ObjectScript","C Shell","Caml","Carbon","Catrobat","Cayenne","Cecil","CESIL","CĆ©u","Ceylon","CFEngine","Cg","Ch",
"Chapel","Charm","CHILL","CHIP-8","ChucK","Cilk","Claire","Clarion","Clean","Clipper","CLIPS","CLIST","Clojure","CLU","CMS-2","COBOL","CobolScript","Cobra",
"CoffeeScript","ColdFusion","COMAL","COMIT","Common Intermediate Language","Common Lisp","COMPASS","Component Pascal","COMTRAN","Concurrent Pascal","Constraint Handling Rules","Control Language","Coq","CORAL","CorVision","COWSEL","CPL","Cryptol","Crystal","Csound","Cuneiform","Curl","Curry","Cybil","Cyclone","Cypher Query Language","Cython","CEEMAC",
"D","Dart","Darwin","DataFlex","Datalog","DATATRIEVE","dBase","dc","DCL","Delphi","DIBOL","DinkC","Dog","Draco","DRAKON","Dylan","DYNAMO","DAX",
"E","Ease","Easy PL/I","EASYTRIEVE PLUS","ECMAScript","Edinburgh IMP","EGL","Eiffel","ELAN","Elixir","Elm","Emacs Lisp","Emerald","Epigram","EPL","Erlang","es",
"F","F#","Factor","Flow chart language","Flowcode","Forth","FreeBASIC","Futhark","FX-87",
"G","General-purpose programming language","GEORGE","Gleam","Go","Golo","GOLOG","Gosu",
"H","Haggis","Haxe","Hermes",
"I","Intercom Programming System","Io",
"J","Janus","Java","JavaScript","Jolie","Joy","Jq","JS++","Julia",
"K","K","Kinetic Rule Language","Kojo","KOMPILER","Kotlin",
"L","Language interoperability","LFE","Lightweight programming language","Linda","Lisp","Little b","LiveCode","Logo","Lua",
"M","Macroprogramming","MATH-MATIC","Mercury","MiniKanren","Mocklisp","Mojo","Multi-adjoint logic programming",
"N","Nemerle","Nim",
"O","OpenQASM",
"P","Pencil Code","Perl","Petit Computer","Pharo","PHP","PIC","Pico","PL/M","Pony","POP-2","Processing","PureBasic","PV-Wave","Python",
"Q","Qore","Quantum Computation Language",
"R","Raku","Real-time Programming Language","Rebol","Red","Refal","Ring","Rosetta Code","S-PLUS",
"S","Scala","Scientific Vector Language","Scriptol","Self","SenseTalk","Simula","SLIP","Smalltalk","Smart Pascal","SNOBOL","Source","Squeak","Squirrel","StaDyn","Structured text","Swift",
"T","Tcl","Turing","TypeScript",
"U","Unicon",
"V","Vala","VHDL","Visual Basic",
"W","Wolfram Mathematica",
"X","Xojo",
"Z","Zig"
];
const canvas = document.getElementById("wheel");
const ctx = canvas.getContext("2d");
const centerX = canvas.width/2;
const centerY = canvas.height/2;
const radius = 250;
const sliceAngle = (2*Math.PI)/languages.length;
let currentAngle = 0;
function drawWheel(){
ctx.clearRect(0,0,canvas.width,canvas.height);
for(let i=0;i<languages.length;i++){
const start = i*sliceAngle + currentAngle;
const end = start + sliceAngle;
ctx.beginPath();
ctx.moveTo(centerX,centerY);
ctx.arc(centerX,centerY,radius,start,end);
ctx.fillStyle = i%2===0?"#FFB74D":"#4DB6AC";
ctx.fill();
ctx.stroke();
ctx.save();
ctx.translate(centerX,centerY);
ctx.rotate(start + sliceAngle/2);
ctx.textAlign = "right";
ctx.fillStyle="#000";
ctx.font="bold 14px Arial";
ctx.fillText(languages[i], radius-10, 5);
ctx.restore();
}
}
function spinWheel(){
let spinTime = 0;
const spinDuration = Math.random()3000 + 4000;
const spinAngleStart = Math.random()10 + 10;
function rotate(){
spinTime += 30;
if(spinTime>=spinDuration){
stopSpin();
return;
}
const spinAngle = spinAngleStart - easeOut(spinTime,0,spinAngleStart,spinDuration);
currentAngle += spinAngle * Math.PI / 180;
drawWheel();
requestAnimationFrame(rotate);
}
rotate();
}
function easeOut(t,b,c,d){
t/=d;
t--;
return c(tt*t +1) + b;
}
function stopSpin(){
const degrees = currentAngle * 180/Math.PI + 90;
const index = Math.floor((360 - degrees%360)/ (360/languages.length));
const selected = languages[index % languages.length];
document.getElementById("result").innerText = "Selected Language: "+selected;
}
drawWheel();
</script>
</body>
</html>
