Overview / 概要

The m5core2_eyes project displays touch-tracking eyes on the M5Stack Core 2, inspired by the nostalgic xeyes.

[日本語]

m5core2_eyesは、 M5Stack Core 2 の画面上のタッチを見つめる目を表示する、あの懐かしいxeyes風のソフトウェアです。

Video / 動画

Motivation / 開発のきっかけ

The M5Stack Core 2 offers a compelling combination of features: a compact, cute design, an intuitive touchscreen, and an integrated accelerometer. My motivation was to build interesting content that utilizes these unique aspects of the M5Stack. As I pondered ideas, I was reminded of xeyes—that wonderfully nostalgic program where animated eyes followed your mouse cursor. This sparked an idea: why not bring that same playful concept to the M5Stack, and even enhance it with the accelerometer? This resulted in a project where two digital eyes on its screen playfully follow your touches and even spin around when you give the M5Stack a gentle tap.

[日本語]

M5Stack Core2は、コンパクトでかわいらしいデザイン、直感的に操作できるタッチスクリーン、そして加速度センサーを内蔵しているなど、魅力的な機能が揃ったデバイスです。私は、こうしたM5Stackの特徴を活かした面白いコンテンツを作りたいと思いました。そんなときに思い出したのが「xeyes」です。マウスカーソルを追いかけるアニメーションの目が印象的な、懐かしいプログラムです。私は、この遊び心のある発想をM5Stackで再現し、さらに加速度センサーで進化させたら面白いのでは？と思いました。こうして、タッチに合わせて目が動き、軽くトンと叩くと目を回す、遊び心あふれる「デジタルの目」が誕生しました。

Installation / インストール方法

1. Register an M5Stack Community account if you haven't already.

2. Launch the M5Burner .

3. Click USER CUSTOM in the lower left corner.

4. Log in to the M5Stack Community.

5. Click the Share Burn button.

6. Enter NOmrydGI4FXocM31 in the Share Code field.

7. Click the lightning icon ⚡ .

[日本語]

1. M5Stack Community のアカウントをまだ登録していない場合は登録してください。

2. M5Burner を起動します。

3. 左下隅の USER CUSTOM をクリックします。

4. M5Stack Communityにログインします。

5. Share Burn ボタンをクリックします。

6. Share Code フィールドに NOmrydGI4FXocM31 と入力します。

7. 稲妻アイコン ⚡ をクリックします。

Installation for developers / インストール方法（開発者向け）

1. Clone the repository:

   git clone https://github.com/cubic9com/m5core2_eyes.git
   cd m5core2_eyes

2. Install Visual Studio Code if you haven't already.

3. Open the project using Visual Studio Code:

   code .

4. Install PlatformIO IDE extension:

   • Go to the Extensions view (Ctrl+Shift+X).
   • Search for PlatformIO IDE and install it.

5. Open PlatformIO Home:

   • In the left Activity Bar, click PlatformIO icon.
   • In the left Primary Sidebar, go to QUICK ACCESS > PIO Home > Open.

6. Open the project:

   • In the right Editor Group, click Open Project in the PIO HOME tab.
   • Select the cloned m5core2_eyes project folder.

7. Build and upload the project:

   • In the left Primary Sidebar, go to PROJECT TASKS > m5stack-core2 > General > Upload.

[日本語]

1. リポジトリをクローンします:

   git clone https://github.com/cubic9com/m5core2_eyes.git
   cd m5core2_eyes

2. まだインストールしていない場合は、Visual Studio Code をインストールします。

3. Visual Studio Code でプロジェクトを開きます:

   code .

4. PlatformIO IDE 拡張機能をインストールします:

   • 左サイドバーの「拡張機能」ビュー (Ctrl+Shift+X) を開きます。
   • PlatformIO IDE を検索してインストールします。

5. PlatformIO Home を開きます:

   • 左のアクティビティバーで PlatformIO アイコンをクリックします。
   • 左のメインサイドバーから QUICK ACCESS > PIO Home > Open を選択します。

6. プロジェクトを開きます:

   • 右のエディターグループ内の PIO HOME タブで Open Project をクリックします。
   • クローンした m5core2_eyes プロジェクトフォルダーを選択します。

7. プロジェクトをビルド＆アップロードします:

   • 左のメインサイドバーから PROJECT TASKS > m5stack-core2 > General > Upload を選択します。

License / ライセンス

Copyright (C) 2025, cubic9com All rights reserved.

This project is licensed under the MIT license.

See the LICENSE file for details.