Project Sinus

PHP/JS+HTML+CSS/Python/др.

Сообщение Project Sinus
» 29 мар 2018, 12:12

Hello World! Всем привет! Я тут сделал очень маленькую програмку "Project Sinus" на HTML + JS. Суть её в том, чтобы рисовать красивые линии на экране ;). Внизу, под окном с линиями есть поле для ввода интервала между линиями.

Поексперементируйте, там много чего прикольного межет получиться ;))

Надеюсь что вам понравится!





 Исходный код
Код: Выделить всё
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Project Sinus</title>
</head>
<body>
    <div align="center">
        <canvas width="100px" height="100px" id="canvas" style="border: 1px solid #000000"></canvas>
        <br/>
        <input value="ERROR" id="inp" type="text"/>
        <input onclick="set ()" value="OK" type="button"/>
    </div>
    <script type="text/javascript">
   
      var cs = document.getElementById('canvas');
      var cx = canvas.getContext('2d');
     
      var hg = 300;
      var wd = 300;
     
      var ang = 0;
     
      var speed = 0.1;
     
      cs.width = hg;
      cs.height = wd;
     
      var interval = 0.1;
      var inp = document.getElementById('inp');
      inp.value = interval;
     
      function set () {
        ang = 0;
        interval = inp.value;
      }
     
      var mv = setInterval(function () {
       
        ang += speed;
        var sin = Math.sin(ang)*10;
        var cos = Math.cos(ang)*10;
       
        cx.clearRect(ang*5, 0, ang * 2.5, hg);
        for(var i = -40; i < 50; i ++) {
          cx.fillStyle = "blue";
          cx.fillRect(ang * 5, sin + hg / 2 + i*interval, 1, 1);
          cx.fillStyle = "red";
        cx.fillRect(ang * 5, cos + hg / 2 + i*interval, 1, 1);
        }
       
      }, 1000/60);
   
    </script>
</body>
</html>
Сколько языков программирования ты знаешь — столько раз ты ПРОГРАММИСТ!

 Мои проекты
WarStrategy: viewtopic.php?f=20&t=13573
INI Editor Pro: viewtopic.php?f=14&t=13354
Симулятор Бомжа: viewtopic.php?f=116&t=13457
Mineсraft 2D JS: viewtopic.php?f=116&t=13642
Змейка на JS: viewtopic.php?f=116&t=13990
Project Sinus JS: viewtopic.php?f=116&t=13837

Black Square
Аватара пользователя

Участник
Сообщений: 171
Я тут с 03 фев 2017
Откуда: Киев
Двиг: C2, СC, JS
Лицензия: Business
Skype: sviatkoslav@gmail.co
Репутация 10 [ ? ]

Сообщение Project Sinus
» 29 мар 2018, 12:38

Пожалуйста напишите какая конфигурация вам понравилась больше всего! ;)
Сколько языков программирования ты знаешь — столько раз ты ПРОГРАММИСТ!

 Мои проекты
WarStrategy: viewtopic.php?f=20&t=13573
INI Editor Pro: viewtopic.php?f=14&t=13354
Симулятор Бомжа: viewtopic.php?f=116&t=13457
Mineсraft 2D JS: viewtopic.php?f=116&t=13642
Змейка на JS: viewtopic.php?f=116&t=13990
Project Sinus JS: viewtopic.php?f=116&t=13837

Black Square
Аватара пользователя

Участник
Сообщений: 171
Я тут с 03 фев 2017
Откуда: Киев
Двиг: C2, СC, JS
Лицензия: Business
Skype: sviatkoslav@gmail.co
Репутация 10 [ ? ]

Сообщение Project Sinus
» 29 мар 2018, 13:13

1-10 норм такие
Вперед и вверх
☟︎♏︎●︎●︎□︎
Black Square
Аватара пользователя

Участник
Сообщений: 106
Я тут с 07 май 2017
Двиг: cc
Лицензия: free
Репутация 21 [ ? ]



Вернуться в Web

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх