MOSA Software Meeting 2014

iPad でペン⼊入⼒力力を!
iPad におけるペン⼊入⼒力力とデジタルインク開発
新村剛史 (しんむらたけし)
株式会社ワコム
ジャパン・アジアパシフィック統括本部
タブレット営業本部
テクノロジーマーケティング Gr
1 •　All Rights Reserved. Copyright © 2014 Wacom Co., Ltd..

⾃自⼰己紹介＆⾃自社紹介
新村剛史 (しんむらたけし)
1975年年⽣生まれおうし座 O型
ジャパン・アジアパシフィック統括本部
タブレット営業本部
マーケティング部
テクノロジーマーケティング Gr
マネージャー
• 早稲⽥田⼤大学商学部出⾝身超ド⽂文系
• 某中堅SIerでSEとして主に⾦金金融を担当
• 某窓の会社で Visual Studio と .NET Framework の製品マーケを担当
• 株式会社ワコムで開発者向けマーケティングを担当

株式会社ワコム

アジェンダ
• iPad でペン⼊入⼒力力を
• Wacom Stylus SDK
• WILL - デジタルインク
• まとめ

iPad でペン⼊入⼒力力を

インクはアナログからデジタルへ
• ⼿手書きの記録媒体は時代とともに変化
アナログインクから
• 記録媒体は変わってもインクの本質は変わらなかった。
壁画パピルス⽊木簡紙
デジタルインクへタブレット端末

アナログインクとデジタルインク
アナログインク
ペン側にインクを持ち、
記録媒体にこすり付ける。
デジタルインク
ペンとパネルからの情報を
ソフトウェアでインクを再現。
座標
筆圧
傾き
ソフトウェア

デジタルインクとは
• ポイントとストローク
• アナログインクは連続、デジタルインクは⾮非連続。
• なめらかな表現を実現するには作り込みが必要。

Ink
Pens
Medium（紙）

ペンの種類
パネル電磁誘導式静電容量量式
ペンデジタイザペンアクティブスタイラスパッシブスタイラス
ペン先
特徴
• 細いペン先
• 精密な描画
• 筆圧、傾き、スイッチetc
• 電池が不不要
• 細いペン先
• 筆圧、スイッチetc
• Bluetooth
• 電池が必要
• 太いペン先
• パネルを問わない
• 電池が不不要

iPad⽤用筆圧対応スタイラスペン
• クリエイティブ（イラスト等）⽤用途
• 筆圧機能2048レベル
• 描画箇所が⾒見見えやすいペン先
（2.9mm）
• ノートテイキング（メモ書き）⽤用途
• 筆圧機能1024レベル
• 細かい⽂文字も書きやすい極細のペン先
（1.9mm）

製品概要
l 製品名
l Intuos Creative Stylus 2
l 概要
l iPad⽤用クリエイティブスタイラスペン
l 特⻑⾧長
l 2.9mmのペン先
l 2048レベルの筆圧機能
l 多くのクリエイティブアプリに対応
l パームリジェクション機能
l ペンケース付属
替え芯1本、充電⽤用USBケーブル付属

製品概要
l 製品名
l Bamboo Stylus fineline
l 概要
l iPad⽤用極細スタイラスペン
l 特⻑⾧長
l 先端1.9mmの極細スタイラス
l 筆圧1024レベル対応
l パームリジェクション機能
l ペン先を保護するキャップ付
l 2⾊色のカラーバリエーション

動作の仕組み
Bluetooth : 筆圧
タッチEvent : 座標
⼊入⼒力力情報の作成
Wacom Stylus
SDKWILLSDK
静電気

Wacomが提供するSDK
• Wacom Stylus SDK (iPad専⽤用)
• Bluetooth からの情報を取得
• ペンの特性による座標誤差の修正
• WILL SDK
• マルチプラットフォームにおけるデジタルインクの共通化
• ⼊入⼒力力ディバイスを選ばない。

Wacom Stylus SDK

設定
インポートすべきヘッダー
#import WacomDevice/WacomDeviceFramework.h
実装すべきプロトコル
@interface ViewController : UIViewController !
WacomDiscoveryCallback, WacomStylusEventCallback
WacomDiscoveryCallback
• Bluetoothのスタイラス接続に関連するプロトコル。
WacomStylusEvnetCallback
• スタイラスからの信号を受け取るためのプロトコル。

主なクラス
• WacomManager
• スタイラスとの接続の管理理を⾏行行うクラス。
• Singleton
• WacomDevice
• スタイラスの情報を表すクラス
• TouchManager
• タッチの情報を管理理するクラス
• Singleton
• WacomStylusEvent
• Bluetooth で送信される情報を受け取るためのクラス
• TrackedTouch
• スタイラスの座標のズレを補正するクラス

デバイスを接続する

Bluetooth - WacomDiscoveryCallback
-(void) deviceDiscovered:(WacomDevice *)device
• 接続可能なスタイラスが⾒見見つかった場合のイベント!
-(void) deviceConnected:(WacomDevice *)device
• スタイラスのペアリングが完了了した場合のイベント!
-(void) deviceDisconnected:(WacomDevice *)device
• スタイラスの操作でペアリングが解除された場合のイベント!
-(void) discoveryStatePoweredOff
• Bluetoothが OFF になっている場合のイベント
• 現⾏行行 iOS では OS が警告を表⽰示するため、使⽤用されない

ペアリングのフロー
ペアリング開始ペアリング解除
deviceDiscoverd
deviceConnected
deviceDisconnected
registerForNotifications
startDeviceDiscovery
selectDevice
stopDeviceDiscovery
deselectDevice
WacomDiscoveryCallback のイベントハンドラ
WacomManager のメソッド

スタイラス検出範囲の指定
• Bluetoothの電波強度度に応じてスタイラスの検出範囲を指定する。
• 0~-100の間で設定。-100で全範囲を対象とする。
• デフォルト値は-60で約28インチの範囲。
• ただし、電波の強度度なので範囲は⼀一定ではない。
[[WacomManager getManager] setMinimumSignalStrength:-60];

ペンからの⼊入⼒力力を受け付ける

座標の補正 (設定)
• アクティブスタイラスの特性上、座標にズレが発⽣生する。
• そのずれを SDK で補正する。
右利利き⽤用補正設定(デフォルト)!
[[TouchManager GetTouchManager] setHandedness:eh_Right];!
左利利き⽤用補正設定!
[[TouchManager GetTouchManager] setHandedness:eh_Left];!

座標の補正 (補正処理理)
• TouchManager に UITouch を登録し、必要に応じて座標を補正
/// touchBegan で呼び出し!
[[TouchManager GetTouchManager] addTouches:touches!
knownTouches:[event touchesForView:self] view:self];!
!
/// touchMoved / touchEnded / touchCancelled で呼び出し!
[[TouchManager GetTouchManager] moveTouches:touches!
!
/// touchCancelled / touchEnded の最後に呼び出し!
[[TouchManager GetTouchManager] removeTouches:touches!

座標の補正 (補正後の座標取得)
• TrackedTouch.currentLocation で補正後の座標を取得
• 指によるタッチの場合は補正はされない
NSArray *trackedTouches !
= [[TouchManager GetTouchManager] getTrackedTouches];!
!
for (TrackedTouch *trackedTouch in trackedTouches)!
{!
/// 補正後の座標取得
CGPoint p1 = trackedTouch.currentLocation;!
/// 補正前の座標取得
CGPoint p2 = trackedTouch.currentTouchLocation;!
}!

筆圧の検知
• stylusEvent で筆圧データが渡される
• 筆圧の値をクラス変数で保持して、レンダリング時に使⽤用する
-(void)stylusEvent:(WacomStylusEvent *)stylusEvent!
{!
switch ([stylusEvent getType])!
{!
/// 省省略略!
case eStylusEventType_PressureChange:!
mPressure = [stylusEvent getPressure];!
break;!
/// 省省略略!
}!
}注：座標取得と筆圧取得のタイミングは厳密には異異なる

パームリジェクション
• ⼿手⾸首をついてもペンのみを検出する機能
• 筆圧がかかり始めたタイミングの⼊入⼒力力のみを
ペンとして扱う
touchBegan
筆圧
[TouchManager GetTouchManager]!
.touchRejectionEnabled = YES;
• 利利き⼿手に関しても考慮
• TrackedTouchesはペン⼊入⼒力力のみを返す
注：touchBegan で必ず最初のPoint
が取れるとは限らない。

スイッチ
{!
{!
/// 省省略略!
case eStylusEventType_ButtonPressed:!
buttonId = [stylusEvent getButton];!
/// 何かの処理理!
break;!
case eStylusEventType_ButtonReleased:!
buttonId = [stylusEvent getButton];!
/// 何かの処理理!
break;!
/// 省省略略!
}!
}

バッテリー残量量
{!
{!
/// 省省略略!
case eStylusEventType_BatteryLevelChanged:!
butteryLevel = [stylusEvent getBatteryLevel];!
break;!
/// 省省略略!
}!
}

ペンIDの取得
• ペン毎に固有の ID を取得可能
• 現時点では Bluetooth の MAC アドレスを使⽤用
• 今後、他の形式のペンとIDの形態を統⼀一予定
{!
{!
/// 省省略略!
case eStylusEventType_MACAddressAvaiable:!
penID = [stylusEvent getMACAddress];!
break;!
/// 省省略略!
}!
}

WILL SDK

質問です。⼆二つのメモの違いは？

紙とペンの替りではなく…
⾒見見た⽬目以外のデータを取得、利利⽤用可能。
何時書いた？
どこで書いた？
他の⼈人が後から書
き⾜足してない？
この署名は本当に
本⼈人の物？
さらなる付加価値をインクに与える

Ink
Pens
Medium（紙）

WILLの特徴
美しい
筆跡
WILL
データ
の
標準化
データ
埋め込
み
インク
の
配信

WILLの特徴 – 美しい筆跡
iOS
曲線が滑滑らかでない。WILL
• WILL では美しい曲線、跳
ね、払いを再現。
• ペンのみでなく指でも美し
い筆跡を実現可能。
Windows 8, Android
早く書くと「はら
い」が滑滑らかでない。
美しい
筆跡

WILLの特徴 – インクデータの標準化
• OS、アプリを問わずデータの共有が可能
• 軽量量なデータ形式で保管や送信が容易易
従来のデジタルインク
WILL
データの
標準化

WILLの特徴 – データの埋め込み
特定の筆跡のみを抽出したり
• 筆跡の中に⾒見見えないデータを埋め込み
• いつ、だれが、どこで・・・
Author : Takeshi Shinmura
Time : 2014/07/04 20:14:22
Latitude : 35.6960062
Longtitude : 139.6909536
多くの筆跡データを解析したり
データ
埋め込み

WILLの特徴 – インクの配信
• リアルタイムでインクデータを配信、異異なるデバイス上で
リアルタイムに筆跡を再現可能。
筆跡の断⽚片を配信
筆跡を断⽚片化
筆跡を再構築
動画でなく、インクデータを配信
→ 軽量量なデータでネットワーク負荷を軽減
たとえば…
• 遠隔会議システムの書き込み機能
• デジタルホワイトボードの内容を参加者の⼿手元端末に配信
インク
の配信

WILLの特徴
美しい
筆跡
WILL
データ
の
標準化
データ
埋め込
み
インク
の
配信

まとめ

まとめ
iOS での「⼿手書き」を⼀一緒に考えてみましょう。
• Wacom Stylus SDK
• http://www.wacomeng.com/iOS/
• WILL SDK
• http://will.wacom.com/

MOSA Software Meeting 2014

Recomendados

Recomendados

Más contenido relacionado

Similar a MOSA Software Meeting 2014

Similar a MOSA Software Meeting 2014 (20)

Más de Takeshi Shinmura

Más de Takeshi Shinmura (7)

Último

Último (9)

MOSA Software Meeting 2014