7
15

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.

Leap Motion + Unity 2017.3 + Macで、3Dお絵かきアプリを開発してみた

Last updated at Posted at 2018-03-11

概要

Leap Motion + Unity 2017.3 + Mac で、3Dお絵かきアプリを開発してみました。
Leap MotionのUnity向けのパッケージ「LeapMotionCoreAssets」をベースにしています。
leapmotion/LeapMotionCoreAssets

前提条件

Unityの初歩的知識(シーンについてなど)、使い方が理解できていること。
以下のサイトなどで使い方を学習しておくとよいでしょう。
Unity 概要 - Unity マニュアル

環境

以下の環境で開発しました。

  • Leap Motion ソフトウェア バージョン:2.3.1+31549 Firmware Revision: 1.7.0
  • Unity Version 2017.3.1f1 Personal
  • MacOS High Sierra バージョン 10.13.3

開発環境構築

Leap Motionのセットアップ

以下のサイトより、Leap Motionのセットアップを行います。
Desktop Setup — Leap Motion

Unityのインストール

以下のサイトを参考に、Unityのインストールを行います。
[Unity2017.3をMacにインストールする]
(https://qiita.com/shiutk/items/69b8ceaea0be09dcebea)

Unityでプロジェクトを新規作成

まず、Unityを起動し、「New Project」をクリックします。

Start_Unity.png

次に、Project nameとLocationを設定します。
一例として、Project nameを「3DPainting」、Locationを「/Users/ユーザ名/UnityProjects」に設定します。

Create_Project.png

そして、「Create project」をクリックすると、先ほど作成したプロジェクトが開きます。

Open_Project.png

LeapMotionCoreAssetsのインポート

まず、以下のサイトより、LeapMotionCoreAssetsをダウンロードします。
バージョンは「2.3.0」にします。
(それより上のバージョンだとMacに対応していない模様。。)
Release Leap Motion Core Assets v2.3.0 · leapmotion/LeapMotionCoreAssets · GitHub

次に、「Assets」 -> 「Import Package」 -> 「Custom Package...」を選択し、ダウンロードしたLeapMotionCoreAssetsをインポートします。
インポート時、以下の画面が表示されますが、「LeapMotion+OVR」と、「OVR」のチェックを外した状態で「Import」をクリックします。(ちなみに、「OVR」とはOculusのことのようです。)

Import_Unity_Package.png

LeapMotionCoreAssetsを使ってみる

一例として、「VoxelHand」を使用してみます。
まず、「Assets/LeapMotion/Scenes」に移動し、「VoxelHand」をダブルクリックします。

Select_Scenes_VoxelHand.png

すると、シーンが読み込まれるので、画面上部の再生ボタンをクリックします。

Play_VoxelHand.png

そして、LeapMotionに手をかざすと、以下のようにボクセル化された手が出現します。

Playing_VoxelHand.png

3Dお絵かきができるようにカスタマイズしてみる

まず、Hierarchyから「VoxelHand」を選択し、「Add Component」をクリックします。

Select_GameObject_VoxelHand.png

次に、検索欄に「Trigger」と入力し、「Trigger Drawing」を選択します。
すると、VoxelHandにTrigger DrawingがComponentとして追加されます。

Add_Component_Trigger_Drawing.png

同様の手順で、「Line Renderer」もComponentとして追加します。

Add_Component_Line_Renderer.png

追加できたら、先ほどと同様に画面上部の再生ボタンをクリックします。
そして、LeapMotionに手をかざして、人差し指を指した状態で動かすと、指でなぞった部分が以下のように黒く描画されます。

Play_3DPainting.png

作成したソースコード

以下にありますので、ご自由にお使いください。
hiesiea/3DPainting

参考URL

MacでLeapMotionをUnityで使う方法
MacにてUnity上でLeap Motionを動かしてみる

7
15
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
7
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?