«Графика Pascal На Html5» Или «Что Opera Сделала С Rainbow Dash»

Видел на тематическом сайте, посвящённом сериалу.

Мой маленький пони Код Turbo Pascal, использующий старинный модуль Graph и рисующий несколько символов.

Код содержал только вызовы функций и комментарии, javascript его прекрасно разбирал.

Остается только добавить свои графические функции.

Окончательный вариант

   

 var colors = ["#000000", "#0000AA", "#00AA00", "#00AAAA", "#AA0000", "#AA00AA", "#AA5500", "#AAAAAA", 
 "#555555", "#5555FF", "#55FF55", "#55FFFF", "#FF5555", "#FF55FF", "#FFFF55", "#FFFFFF"];
 function setcolor(colorIndex)
 {
  ctx.strokeStyle = colors[colorIndex];
 }
 function line(x1, y1, x2, y2)
 {
  ctx.beginPath();
  ctx.moveTo(x1, y1);
  ctx.lineTo(x2, y2);
  ctx.stroke();
  ctx.closePath();
 }
 function setlinestyle(p, t, width)
 {
  ctx.lineWidth = width;
 }
 
 function setfillstyle(t, colorIndex)
 {
  ctx.fillStyle = colors[colorIndex];
 }
 
 function ellipse(x, y, st, end, xrad, yrad)
 {
  ctx.save();
  ctx.translate(x, y);
  ctx.scale(xrad, -yrad);
  ctx.beginPath();
  ctx.arc(0, 0, 1, st * Math.PI / 180.0, end * Math.PI / 180.0, false); 
  ctx.restore();
  ctx.stroke();
 }
 
 function fillellipse(x, y, xrad, yrad)
 {
  ctx.save();
  ctx.translate(x, y);
  ctx.scale(xrad, yrad);
  ctx.beginPath();
  ctx.arc(0, 0, 1, 0, Math.PI * 2, true);
  ctx.fill();
  ctx.closePath();
  ctx.restore();
 }
 

   

Но на этом я не остановился, и результат виден здесь .

В данный момент я думаю о том, как еще можно все это ускорить.

Идеи? Теги: #html5 Canvas #my Little Pony #Turbo Pascal #Ненормальное программирование #JavaScript #HTML

• Google Купила Домен Abcdefghijklmnopqrstuvwxyz.com Для Холдинга Alphabet

  19 Oct, 24

• Дизайнер И Переводчик Ищет Работу

  19 Oct, 24

• Роль Математики В Машинном Обучении

  19 Oct, 24

• Как И Почему «Ашан» Построил Платформу Для Работы С Большими Данными В Публичном Облаке

  19 Oct, 24

• Можно Ли Заработать На Игровом Автомате С Купюроприемником?

  19 Oct, 24

• Обычная История В Автосалоне Nokia

  19 Oct, 24

• Android - Фильтрация Точек На Карте В Зависимости От Расстояния Друг От Друга

  19 Oct, 24

• Еженедельный Состав #010

  19 Oct, 24

• Какие Домашние Животные Нравятся Настоящему Айтишнику?

  19 Oct, 24

• Внедрение Зависимостей В .Net Mark Seaman 1 – Зависимости Между Уровнями Приложения

  19 Oct, 24