Zahlenspirale

Erzeugt mit Javascript eine Zahlenspirale von 0 bis 400
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken
Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    HTMLResult Skip Results Iframe
EDIT ON
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1" />
    <title>spiral</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.7.1/svg.min.js"></script>
    <style>
        * {
            box-sizing: border-box;
            padding:0;
            margin:0;
        }
        html, body {
            width:100%;
            height:100%;
            overflow:hidden;
        }
        #svg svg {
            width:100%;
            height:100%;
        }
    </style>
    <script>
        function spiral(n)
        {
            let a = Math.floor((Math.floor(Math.sqrt(n))+1)/2)*2-1, // top number in group
                b = Math.floor((n-(a*a))/(Math.abs(a)+1)),          // direction number (0,1,2,3)
                c = (a*a) + (b * (a+1)),                            // top number in package
                x_1 = (n-c-((a+1)/2)+1),
                y_1 = (a+1)/2,
                x_2 = (a+1)/2,
                y_2 = (-1)*(n-c-((a+1)/2)+1),
                x_3 = (-1)*(n-c-((a+1)/2)+1),
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX