Line

Developer
Gregory Potdevin
Size
1,781 Kb
Views
16,192
  1. Line Previews
  2. Line HTML Codes
  3. Line JS Codes

How do I make an line?

What is a line? How do you make a line? This script and codes were developed by Gregory Potdevin on 01 October 2022, Saturday.

Line Previews
IQ Test

Line - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Line</title>
</head>
<body> <button onclick="refresh()">refresh</button>
<pre id="level"></pre> <script src="js/index.js"></script>
</body>
</html>

Line - Script Codes JS Codes

function randomLevel(){ var n = 5 + Math.floor(Math.random() * 6); var totalAngle = 0 var level = ""; var turnCnt = 0 var prevAngle = 0 level += ('{type: "line"},\n'); for(var i=0; i<n; i++){ var rand = Math.random() if (turnCnt > 2){ turnCnt = 0; prevAngle = 0 level += ('{type: "line"},\n'); } else if (rand < 0.15){ turnCnt = 0; prevAngle = 0 level += ('{type: "circle"},\n'); } else if (rand < 0.4){ turnCnt = 0; prevAngle = 0 level += ('{type: "line"},\n'); } else { turnCnt++; var angle = 30 + Math.floor(Math.random()*240); var scale = Math.floor(8 + Math.random()*7)/10; if (prevAngle == 0){ if (Math.random() < 0.5) angle = -angle; prevAngle = angle < 0 ? -1 : 1 } else { angle = -prevAngle*angle; prevAngle = -1; } totalAngle += angle level += ('{type: "turn", angle: ' + angle + ', scale: ' + scale + '},\n'); } } //if (totalAngle != 0){ while(totalAngle > 360) totalAngle -= 360; while(totalAngle < -360) totalAngle += 360; level += ('{type: "turn", angle: ' + (-totalAngle) + '},\n'); level += ('{type: "line"}\n'); //} return level
}
var el = document.getElementById("level");
el.innerHTML = randomLevel()
function refresh(){ var el = document.getElementById("level"); el.innerHTML = randomLevel()
}
Line - Script Codes
Line - Script Codes
Home Page Home
Developer Gregory Potdevin
Username GregoryPotdevin
Uploaded October 01, 2022
Rating 3
Size 1,781 Kb
Views 16,192
Do you need developer help for Line?

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!

Gregory Potdevin (GregoryPotdevin) Script Codes
Name
RefinementListFilter sort
CheckboxFilter
Searchkit 0.8
Penninghen
A Pen by Gregory Potdevin
HTML Select
Shape Maker
Control
Climb
Turn
Create amazing blog posts with AI!

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!