12
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

2018年だけどデスクトップマスコットを作りたかったんだ

Posted at

デスクトップマスコット、いいですよね......
2018年も終わりますが「作業中に癒やしを得るためにはデスクトップマスコットしかない!」と思って作りました。

本体は GitHub/electron-desktop-character に置いておきます。PR 待ってます。

前提条件

Electron を実行可能な環境であること

What's This

ドラッグ可能なデスクトップマスコットを、スクリーンの最前面に配置できます。

desktop.gif

Setup

まず GitHub/electron-desktop-charactergit clone します。

1. マスコットの画像を配置する

character ディレクトリに、表示したいお好みの画像を配置します。
(ex. character/character0.pngcharacter/character1.png)

2. 設定を変更する

まず、settings.json.samplesettings.json にリネームします。
次に、settings.json 内の images の部分を先程配置した画像のパスに変更します。

例えばこんな感じ

settings.json
{
  "images": [
    "character/character0.png",
    "character/character1.png",
    "character/character2.png",
    "character/character3.png",
  ],
  "width": 200,
  "interval": 2000
}

Usage

以下のコマンドを実行してアプリを起動してください。

$ cd electron-desktop-character
$ electron .

デスクトップマスコットが最前面に表示されます!

Advanced Usage

settings.json 内にはいくつかの設定可能な項目があります。

  • width: アプリケーションウィンドウの幅
  • interval: 画像切替のインターバル
12
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?