IOGraph | 鼠标游走的行为艺术

IOGraph | 鼠标游走的行为艺术_第1张图片

简评:有时候你不得不怀疑战斗名族的程序员是不是有种神迹的艺术天赋,像大名鼎鼎的 PRISMA 一样,IOGraph 也是俄罗斯人的艺术程序作品。

IOGraph 是一个桌面应用程序,适用于 Windows、macOS 和 Linux 三大平台,之前称之为 MousePath,顾名思义,就是一个记录鼠标动作的程序。

它是由俄罗斯设计师兼程序员 Anatoly Zenkov 制作,这个项目一开始是一个简单的尝试,用计算机代码创造出视觉上有趣的东西,然后他把作品发布在了 Flickr 上,引起了很多人的兴趣,索性就和同事 Andrey Shipilov 开发出这个应用程序。

我们在 IOGraph Pictures • r/IOgraph 上可以查看网友分享的作品:

IOGraph | 鼠标游走的行为艺术_第2张图片
线条是鼠标的游走轨迹,白圈是鼠标点击,黑点是鼠标停留

IOGraph | 鼠标游走的行为艺术_第3张图片
看起来还不错是吧,一起来作画吧。
IOGraph | 鼠标游走的行为艺术_第4张图片

怎么做呢?

很简单。你只需要运行 IOGraph 程序,然后把它最小化,几个小时后它将记录期间的鼠标运动,并自动生成一幅画作。

感兴趣的话还可以研究下源代码:

package core;
import java.awt.BorderLayout;
import java.awt.Frame;
import java.awt.GraphicsDevice;
import java.awt.GraphicsEnvironment;
import java.awt.MouseInfo;
import java.awt.Point;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

import processing.core.PApplet;

public class MousePath extends PApplet {

    public static void main(String args[]) {
        Frame f = new Frame("Mouse Path. [S] Save. [R] Restart. [D] Dots recording toggle. © Anatoly Zenkov (anatolyzenkov.com)");
        GraphicsEnvironment e = GraphicsEnvironment.getLocalGraphicsEnvironment();
        GraphicsDevice s = e.getDefaultScreenDevice();
        float scale = Math.min((float) s.getDisplayMode().getWidth(), 1280) / (float) s.getDisplayMode().getWidth();
        //scale = 1;
        f.setSize((int) (s.getDisplayMode().getWidth() * scale), (int) (s.getDisplayMode().getHeight() * scale));
        f.addWindowListener(new WindowAdapter() {
            public void windowClosing(WindowEvent we) {
                System.exit(0);
            }
        });
        f.setResizable(false);
        f.setLayout(new BorderLayout());
        MousePath p = new MousePath();
        f.add(p, BorderLayout.CENTER);
        p.init();
        f.setVisible(true);
    }

    private float _scale = -1f;
    private float _radius;
    private boolean _stops;
    private Point _prevP;
    private Point _newP;
    private Point _stopP;

    public MousePath() {
        this.start();
    }
    
    public MousePath(float scale) {
        _scale = scale;
        this.start();
    }

    public void setup() {
        GraphicsEnvironment e = GraphicsEnvironment.getLocalGraphicsEnvironment();
        GraphicsDevice s = e.getDefaultScreenDevice();
        if (_scale == -1f) _scale = Math.min((float) s.getDisplayMode().getWidth(), 1280f) / (float) s.getDisplayMode().getWidth();
        _stops = true;
        size((int) (s.getDisplayMode().getWidth() * _scale), (int) (s.getDisplayMode().getHeight() * _scale));
        _newP = MouseInfo.getPointerInfo().getLocation();
        _prevP = _newP;
        _stopP = _newP;
        strokeWeight(.2f*_scale);
        frameRate(60);
        smooth();
        background(255);
    }

    public void draw() {
        _newP = MouseInfo.getPointerInfo().getLocation();
        line(_newP.x * _scale, _newP.y * _scale, _prevP.x * _scale, _prevP.y * _scale);
        if (!_stops) {
            _prevP = _newP;
            return;
        }
        int dx = _newP.x - _stopP.x;
        int dy = _newP.y - _stopP.y;
        int d = dx * dx + dy * dy;
        if (d < 400) {
            _radius += .3;
            _prevP = _newP;
            return;
        }
        if (_radius > 20) {
            fill(255, 200f * max(0f, 1f - sqrt(_radius) / 20));
            ellipse(_stopP.x * _scale, _stopP.y * _scale, _radius * .5f* _scale, _radius * .5f* _scale);
            fill(0);
            ellipse(_stopP.x * _scale, _stopP.y * _scale, sqrt(_radius)* _scale, sqrt(_radius)* _scale);
            noFill();
        }
        _prevP = _newP;
        _stopP = _newP;
        _radius = 0;
    }

    public void keyReleased() {
        if (key == 's' || key == 'S') {
            String n = nf(hour(), 2) + "_" + nf(minute(), 2) + "_" + nf(second(), 2);
            save("mousePath-" + n + ".tif");
            status("Saved to 'mousePath_" + n + ".tif'");
            return;
        }
        if (key == 'r' || key == 'R') {
            background(255);
        }
        if (key == 'd' || key == 'D') {
            _stops = !_stops;
        }
    }

    private static final long serialVersionUID = 1L;

}

官网链接:IOGraphica
推荐阅读:FaceApp | 笑着活下去

你可能感兴趣的:(IOGraph | 鼠标游走的行为艺术)