IOGraph | 鼠標游走的行為藝術

簡評:有時候你不得不懷疑戰(zhàn)斗名族的程序員是不是有種神跡的藝術天賦,像大名鼎鼎的 PRISMA 一樣或油,IOGraph 也是俄羅斯人的藝術程序作品。

IOGraph 是一個桌面應用程序,適用于 Windows停忿、macOS 和 Linux 三大平臺,之前稱之為 MousePath蚊伞,顧名思義席赂,就是一個記錄鼠標動作的程序吮铭。

它是由俄羅斯設計師兼程序員 Anatoly Zenkov 制作叠蝇,這個項目一開始是一個簡單的嘗試栅表,用計算機代碼創(chuàng)造出視覺上有趣的東西,然后他把作品發(fā)布在了 Flickr 上蚕涤,引起了很多人的興趣癞揉,索性就和同事 Andrey Shipilov 開發(fā)出這個應用程序纸肉。

我們在 IOGraph Pictures ? r/IOgraph 上可以查看網(wǎng)友分享的作品:

線條是鼠標的游走軌跡,白圈是鼠標點擊烧董,黑點是鼠標停留

看起來還不錯是吧毁靶,一起來作畫吧。

怎么做呢逊移?

很簡單预吆。你只需要運行 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;

}

官網(wǎng)鏈接:IOGraphica
推薦閱讀:FaceApp | 笑著活下去

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末扇商,一起剝皮案震驚了整個濱河市凤瘦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌案铺,老刑警劉巖蔬芥,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異控汉,居然都是意外死亡笔诵,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門姑子,熙熙樓的掌柜王于貴愁眉苦臉地迎上來乎婿,“玉大人,你說我怎么就攤上這事街佑⌒霍幔” “怎么了?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵沐旨,是天一觀的道長森逮。 經(jīng)常有香客問我,道長磁携,這世上最難降的妖魔是什么吊宋? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上璃搜,老公的妹妹穿的比我還像新娘。我一直安慰自己鳞上,他們只是感情好这吻,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著篙议,像睡著了一般唾糯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鬼贱,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天移怯,我揣著相機與錄音,去河邊找鬼这难。 笑死舟误,一個胖子當著我的面吹牛,可吹牛的內容都是我干的姻乓。 我是一名探鬼主播嵌溢,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蹋岩!你這毒婦竟也來了赖草?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤剪个,失蹤者是張志新(化名)和其女友劉穎秧骑,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扣囊,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡乎折,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了如暖。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片笆檀。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖盒至,靈堂內的尸體忽然破棺而出酗洒,到底是詐尸還是另有隱情,我是刑警寧澤枷遂,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布樱衷,位于F島的核電站,受9級特大地震影響酒唉,放射性物質發(fā)生泄漏矩桂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一痪伦、第九天 我趴在偏房一處隱蔽的房頂上張望侄榴。 院中可真熱鬧雹锣,春花似錦、人聲如沸癞蚕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桦山。三九已至攒射,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間恒水,已是汗流浹背会放。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留钉凌,地道東北人咧最。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像甩骏,于是被迫代替她去往敵國和親窗市。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內容