Вы только что пригласили специалиста гуманитарных наук в свой дом, и вы говорите ему / ей

«Вы знаете, я отличный программист, и я могу делать х и у и г ...»

Он быстро скучает и спрашивает:

«Если вы действительно хороший программист, можете ли вы создать программу, позволяющую мне рисовать, мне просто нужно рисовать линии на экране с помощью мыши и выбирать разные цвета любым способом».

Ваш код может импортировать стандартные библиотеки. Ваш код может потребовать, чтобы цвета выбирались с клавиатуры.

Это код-гольф ; самый короткий код выигрывает.

Отверстия от пуль

• Линии нарисованы, перемещая мышь вокруг, нажимая левую кнопку.

• Линейный алгоритм Брезенхэма не нужен, любой встроенный алгоритм поможет

• Если пользователь может каким-либо образом изменить толщину линии, вы получите бонус * 0,8, но это не обязательно.

• Я думаю, что было бы лучше реализовать рисование линий самостоятельно, но если вы хотите, вы можете импортировать библиотеку для этого, просто скажите это в описании кода.

• Минимум 5 разных цветов (красный, зеленый, синий, белый, черный). Если вы сделаете их случайным образом, вы получите штраф * 1.2. Вы можете изменить их по своему усмотрению (как кнопки, так и нажатия клавиш в порядке).

• Рисовать их, нажимая мышь между точками или от руки, было бы лучше (то есть, как вы делаете в рисовании) и дает вам бонус * 0,7, но любой другой метод в порядке: (пример) щелкните две точки и проведите линию между этими точками ?

• Холст для рисования должен быть 600х400

• Изменение цвета должно изменить цвет только тех линий, которые будут нарисованы в будущем.

• Выполнение команды «Очистить все» не обязательно, но если вы реализуете это, вы получаете бонус * 0,9 .

HTML + jQuery + CSS - 507 x (0,7 x 0,8 x 0,9) = 255,528

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

Функции:

• Нажмите и перетащите режим рисования. ( 0,7 )
• Семь цветов (черный + радуга).
• Переменная ширина кисти (управление ползунком). ( 0,8 )
• Очистить все функции. ( 0,9 )

Демонстрация в реальном времени: http://jsfiddle.net/onsLkh8y/9/

HTML - 84 байта

<input id="r" type="range" min="1" max="9"><canvas id="c" width="600" height="400"/>

CSS - 35 байт

#c{border:1px solid;cursor:pointer}

JQuery - 388/446 байт

W3C-совместимые браузеры (например, Chrome) - 388 байт

var t=c.getContext('2d');$.each('black0red0orange0yellow0green0blue0purple0clear'.split(0),function(k,v){
$(r).before($('<button>'+v+'</button>').click(function(){k>6?t.clearRect(0,0,600,400):t.strokeStyle=v}))})
$(c).mousedown(function(e){t.lineWidth=$(r).val();t.beginPath();t.moveTo(e.offsetX,e.offsetY)})
.mousemove(function(e){if(e.which==1){t.lineTo(e.offsetX,e.offsetY);t.stroke()}})

Кросс-браузерная версия (исправления для Firefox, Safari, IE) - 446 байт

var t=c.getContext('2d');$.each('black0red0orange0yellow0green0blue0purple0clear'.split(0),function(k,v){
$(r).before($('<button>'+v+'</button>').click(function(){k>6?t.clearRect(0,0,600,400):t.strokeStyle=v}))})
var d,p=$(c).offset();$(c).mousedown(function(e){d=t.lineWidth=$(r).val();t.beginPath()t.moveTo(e.pageX-p.left,
e.pageY-p.top)}).mousemove(function(e){if(d){t.lineTo(e.pageX-p.left,e.pageY-p.top);t.stroke()}}).mouseup(function(){d=0})

Исправления:

• FireFox - event.offset[X|Y]не определены.
• Safari - event.whichи event.buttonsне имеет смысла mousemove.
• Internet Explorer - работает с обоими вышеперечисленными исправлениями, хотя использования e.buttonsбыло бы достаточно.

Обработка - 93 · 0,9 = 83,7

Благодаря отсутствию накладных расходов на рисование, но очень многословному синтаксису, при обработке лучший результат, вероятно, достигается без каких-либо приятных функций и только одного бонуса:

void setup(){
size(600,400);
}
void draw(){
if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);
}

Оценка: 93 · 0,9 = 83,7 (Новые строки предназначены только для удобства чтения и не учитываются в оценке.)

Тем не менее, все бонусы гораздо интереснее:

void setup(){
size(600,400);
}
int i,x,y;
void draw(){
stroke(7*i%256,5*i%256,i%256);
strokeWeight(i%9);
if(keyPressed)i++;
if(!mousePressed){x=mouseX;y=mouseY;if(x<0)background(0);}
}
void mouseReleased(){
line(x,y,mouseX,mouseY);
}

Оценка: 221 · 0,8 · 0,7 · 0,9 = 111,4

Используется так:

• Нажмите и перетащите мышь, чтобы нарисовать прямую линию.

• При нажатии перетащите мышь за левую часть окна и отпустите кнопку мыши, чтобы очистить экран.

• Удерживая нажатой любую клавишу, можно переключаться между значениями красного, зеленого и синего цвета рисунка и различными значениями толщины мазка. Так как периоды езды на велосипеде различны, практически все комбинации могут быть достигнуты (с небольшим количеством попытки).

Редактировать:

Так как рисование от руки дает бонус 0,7, вот еще одно решение:

void setup(){
size(600,400);
}
int i;
void draw(){
stroke(7*i%256,5*i%256,i%256);
strokeWeight(i%9);
if(keyPressed)i++;
if(key>9)background(0);
if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);
}

Оценка: 188 · 0,8 · 0,7 · 0,9 = 94,8

Используется так:

• Нажмите и перетащите, чтобы нарисовать линии от руки.

• Удерживайте клавишу Tab, чтобы изменить цвет и толщину обводки. Это также можно сделать во время рисования (см. Рисунок).

• Нажмите любую клавишу, кроме вкладки, а затем вкладку, чтобы очистить экран.

Python 2,7 - 339 197 324 * (0,7 * 0,8 * 0,9) = 163

Редактировать: я обнаружил, что Pygame может рисовать линии с переменной шириной, так что вот обновление.

Эксперимент по использованию модулей PyGame.

Простая программа рисования, которая рисует линии от события MOUSEDOWN (значение 5) до события MOUSEUP (значение 6). Он использует функцию pygame.gfxdraw.line (). Нажатие клавиши TAB будет переключаться между 8 цветами. Нажатие клавиши BACKSPACE очистит дисплей до тщательно обработанной бумаги белого цвета. Клавиша ENTER циклически изменяет размер кисти на 0-7 пикселей по ширине.

Я новичок в code-golf, поэтому, возможно, я пропустил некоторые методы уменьшения размера кода.

import pygame as A,pygame.draw as G
P=A.display
D=P.set_mode((600,400))
C=(0,255)
S=[(r,g,b) for r in C for g in C for b in C]
w=n=1
while n:
 e=A.event.wait()
 t=e.type
 if t==12:n=0
 if t==2:
  if e.key==9:n+=1
  if e.key==13:w+=1
  if e.key==8:D.fill(S[7])
 if t==5:p=e.pos
 if t==6:G.line(D,S[n%8],p,e.pos,w%8)
 P.flip()

Пример изображения 1:

Пример изображения 2:

C # 519 x 0,7 x 0,8 x 0,9 = 261,6 с использованием метода DrawLine.

Golfed:

using System;using System.Drawing;using System.Windows.Forms;class f:Form{[STAThread]static void Main(){f F=new f{Width=600,Height=400};Point s=default(Point);sbyte[]c={0,0,0,1};F.MouseDown+=(_,e)=>{s=new Point(e.X,e.Y);};F.MouseUp+=(_,e)=>{F.CreateGraphics().DrawLine(new Pen(Color.FromArgb(255,c[0],c[1],c[2]),c[3]),s.X,s.Y,e.X,e.Y);};F.KeyPress+=(a,e)=>{unchecked{switch(e.KeyChar){case'r':c[0]++;break;case'g':c[1]++;break;case'b':c[2]++;break;case't':c[3]++;break;case'c':F.Invalidate();break;}}};F.ShowDialog();}}

Удобочитаемый:

using System;
using System.Drawing;
using System.Windows.Forms;

class f : Form
{
    [STAThread]
    static void Main()
    {
        f F = new f { Width = 600, Height = 400 };
        Point s = default(Point);
        sbyte[] c = { 0, 0, 0, 1 };
        F.MouseDown += (_, e) => { s = new Point(e.X, e.Y); };
        F.MouseUp += (_, e) => { F.CreateGraphics().DrawLine(new Pen(Color.FromArgb(255, c[0], c[1], c[2]), c[3]), s.X, s.Y, e.X, e.Y); };
        F.KeyPress += (a, e) =>
        {
            unchecked
            {
                switch (e.KeyChar)
                {
                    case 'r': c[0]++; break;
                    case 'g': c[1]++; break;
                    case 'b': c[2]++; break;
                    case 't': c[3]++; break;
                    case 'c': F.Invalidate();break;
                }

            }
        };
        F.ShowDialog();
    }
}

Удерживая r , g или b на клавиатуре, он меняет цвет следующей строки, увеличивая массив sbyte по соответствующему индексу. Это начнется в 0 снова при переполнении. Так что это дает нам много цветов. То же самое касается толщины линии, которая увеличивается удерживанием t . Нажатие c очищает форму.

Mathematica - 333 х 0,7 х 0,8 х 0,9 = 168

l = {}; c = Black; s = .01;
ColorSetter@Dynamic@c
Dynamic@s~Slider~{0, .02}
Button["Clear", l = {}]
"/" Checkbox@Dynamic@b
EventHandler[
 Dynamic@Graphics@{White, Rectangle@{600, 400}, l},
 {"MouseDown" :> 
   AppendTo[l, p = {}; {c, Thickness@s, Line@Dynamic@p}], 
  "MouseDragged" :> (p = 
     Append[p, MousePosition@"Graphics"][[If[b, {1, -1}, All]]]),
  "MouseUp" :> (l[[-1, 3]] = Line@p)
  }
 ]

Tcl / Tk, 252

х 0,8 х 0,7 х 0,9

= 127,008

253 х 0,8 х 0,7 х 0,9 = 127 512

254 х 0,8 х 0,7 х 0,9 = 128,016

255 х 0,8 х 0,7 х 0,9 = 128,52

grid [canvas .c -w 600 -he 400]
set c red
incr t
lmap k {1
B1-Motion
3
MouseWheel
2} s {{set L [.c cr l %x %y %x %y -f $c -w $t]}
{.c coo $L "[.c coo $L] %x %y"}
{set c [tk_chooseColor]}
{if $t|%D>0 {incr t [expr %D/120]}}
{.c de all}} {bind . <$k> $s}

grid [canvas .c -w 600 -he 400]
set c red
set t 0
bind .c <1> {set L [.c cr l %x %y %x %y -f $c -w $t]}
bind .c <B1-Motion> {.c coo $L "[.c coo $L] %x %y"}
bind .c <3> {set c [tk_chooseColor]}
bind .c <MouseWheel> {if $t||%D>0 {incr t [expr %D/120]}}
bind .c <2> {.c de all}

Чтобы использовать это:

• Левая кнопка мыши ведет себя как запрос вопросов
• Начальный цвет красный. Правая мышь показывает диалог, который позволяет пользователю выбрать цвет, который будет использоваться в следующий раз. Всегда нажимайте кнопку ОК, иначе цвет будет неопределенным. Я мог бы это исправить, но это будет потреблять байты
• Чтобы отрегулировать толщину линии, которая будет использоваться в следующий раз, вы можете вращать колесико мыши: вверх = толще, вниз = тоньше
• Чтобы очистить изображение, нажмите среднюю кнопку мыши

Простой тест:

DarkBASIC Pro - 318 х 0,7 х 0,9 = 200,34

Самое интересное здесь - это использовать побитовую логику текущего скан-кода клавиатуры для изменения цвета. Я использую два разных бита из кода сканирования для каждого канала - так что возможен почти любой 6-битный цвет.

• Удерживайте нажатой любую клавишу на клавиатуре, чтобы использовать цвет (на моей американской клавиатуре: белый = F5, черный = нет клавиши, красный = 2, зеленый = - (минус), синий = b)
• Щелкните правой кнопкой мыши, чтобы очистить

Вот скомпилированный EXE: Скачать

#constant a set current bitmap
set display mode 800,400,32
create bitmap 1,800,400
do
s=scancode()
ink rgb((s&&3)*85,((s/4)&&3)*85,((s>>4)&&3)*85),0
m=mousex()
n=mousey()
o=mouseclick()
if o*(d=0) then d=1:x=m:y=n
a 1
if (o=0)*d then d=0:line x,y,m,n
if o=2 then cls
a 0
cls
copy bitmap 1,0
if d then line x,y,m,n
loop

BBC BASIC - 141 без бонусов

Мой первый язык программирования и, как правило, больше не используется мной :)

SYS "SetWindowPos",@hwnd%,0,0,0,600,400,6:VDU 26
1 MOUSE X,Y,b
IF b=4 THEN GOTO 4
GOTO 1
4 MOUSE x,y,b
IF b=0 THEN LINE X,Y,x,y:GOTO 1
GOTO 4

Python 2.7 - 384 * .8 * .7 = 215.04

from Tkinter import*;o=1
a='0f';C=['#'+r+g+b for r in a for g in a for b in a]
def i(a):global o;o+=1
def d(a):global o;o-=1
def I(a):global u;u+=1
def D(a):global u;u-=1
m=Tk();u=0;c=Canvas(width=600,height=400);c.bind("<B1-Motion>",lambda x:c.create_rectangle((x.x,x.y,x.x+o,x.y+o),fill=C[u],outline=C[u]));m.bind("q",i);m.bind("w",d);m.bind("x",D);m.bind("z",I);c.pack();mainloop()

Со всеми бонусами: 462 * .9 * .8 * .7 = 232,848

from Tkinter import*;o=1
a='0f';C=['#'+r+g+b for r in a for g in a for b in a]
def i(a):global o;o+=1
def d(a):global o;o-=1
def I(a):global u;u+=1
def D(a):global u;u-=1
m=Tk();u=0;c=Canvas(width=600,height=400);c.bind("<B1-Motion>",lambda x:c.create_rectangle((x.x,x.y,x.x+o,x.y+o),fill=C[u],outline=C[u]));m.bind("q",i);m.bind("w",d);m.bind("x",D);m.bind("z",I);m.bind("m",lambda _:c.create_rectangle((0,0,602,402),fill=C[7],outline=C[5]));c.pack();mainloop()