IOGraph | 鼠标游走的行为艺术

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

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

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

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

线条是鼠标的游走轨迹,白圈是鼠标点击,黑点是鼠标停留

看起来还不错是吧,一起来作画吧。

怎么做呢?

很简单。你只需要运行 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 | 笑着活下去

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容