Clip-A-Doodle-Draw の使いかた

この記事にはプロモーションを含みます。

English

概要

「Clip-A-Doodle-Draw」は、動画を視聴しながら描画したりテキストを追加したりできるシンプルなテレストレーションツールです。サッカーなどの試合内容を手軽に説明・分析することをサポートするために開発しました。
 ver1.6.0からはスコアボード付きで試合の撮影もできるようになりました。


1. アプリの主な機能と使い方

1.1 動画の再生

デバイスに保存している動画の再生およびYouTubeにアップロードしている動画を再生(正確にはWeb版YouTubeの動画再生ページを表示)できます

1.2 図形の描画やテキストの追加

  • 動画を再生しながらフリーハンドや図形の描画およびテキストの追加ができます
  • 描画した内容は元の動画には反映されません

1.3 ビデオ撮影と保存機能(ver1.6.0より)

  • スコアボード付きで試合動画を撮影し、デバイス内に動画を保存できます
    *描画機能で描画した内容は動画で保存できません


2. アプリの基本操作(再生・描画編)

2.1 動画のインポート

<デバイスに保存している動画の場合>

  1. ホーム画面で「Video file」タブを選択します(デフォルトで選択されています)
  2. 「Open Video File」でデバイス内のファイルから再生したい動画を選択します
  3. 「Play Video」で再生画面に進み、動画を再生します

<YouTubeにアップロードしている動画の場合>

  1. ホーム画面で「YouTube video」タブを選択します
  2. 入力フォームに、再生したい動画のURLまたはVideo IDを入力します
  3. 「Play YouTube Video」で再生画面に進み、動画を再生します

YouTubeアプリまたはWeb版YouTubeの「共有」機能を使ってClip-A-Doodle-Drawに動画のURLを送ることもできます。その場合、入力フォームに該当URLがセットされます。

2.2 動画の再生

<デバイスに保存している動画の場合>

  • 動画の再生/一時停止等は画面下部のコントロールバーから操作します
  • コントロールバーはコントロールバーの右端の[ < ] ボタンで隠すことができます
  • 動画の進行バーをスライドして任意の場面に移動できます
  • サポートされる動画形式はMP4, MOV です
  • 再生中の動作
    • 10秒進む/戻る
      • 10秒単位で動画を進めたり戻したりできます
    • 倍速再生
      • 動画を2倍速、4倍速、8倍速で再生できます
      • ボタンを押すたびに速度が変わります
  • 一時停止中の動作
    • 3フレーム進む/戻る
      • 3フレーム単位で動画を進めたり戻したりできます
    • スロー再生
      • 動画を0.5倍速、0.2倍速のスローモーションで再生できます
      • ボタンを押すたびに速度が変わります

<YouTubeにアップロードしている動画の場合>

  • Web版のYouTubeの操作と同じです
  • 動画のコントロールをする場合には描画ツールの選択を解除してください

2.3 描画

  1. 画面右側にある描画ツールをタップして選択し描画します
  2. 描画ツールをオフにするには、ツールを再度タップします
    (YouTubeの動画を操作する際は、描画ツールの選択を解除してください)
  3. 描画ツールの左側にある [ > ] ボタンで描画ツールを隠すことができます
  • ペンツール: 動画上に自由に線を描けます
  • 図形ツール: 矢印、矩形や円などの図形を追加できます
  • テキストツール: 動画上に注釈を追加できます
  • 図形移動ツール: 描画した図形やテキストを移動します(描画単位で移動します)
  • 線の太さツール: 線やテキストのサイズを調整します
  • 色選択ツール: 色を選択します
  • 多角形領域ツール:指定した頂点で囲われた領域を追加します
    • 頂点を設定する
      描画する領域の頂点を設定するには、多角形領域描画ツールを選択した状態で画面をタップしてください。タップするたびに新しい頂点が追加されます。
    • 描画を終了する
      領域の設定を終了するには、設定したいずれかの頂点を再びタップしてください。頂点が接続され、設定した頂点で囲まれた領域が描画されます。

2.4 視覚効果の適用(ver1.3.0より)

  • 遠近感を表現した図形の描画
    • 図形に遠近感を加え、ちょっとだけ立体的な表現ができます
    • 遠近効果ボタンperspective_buttonをONにしてから描画します。
    • スライダーで遠近効果を調整します
      • perspective_anchor_icon_imageは、遠近感を決める基準となる点を表します。これの座標を動かすと図形の奥行きの見え方が変わります
      • camera_position_icon_imageは、動画の撮影時のカメラの位置(だいたい)を表しています。
  • 動的なグラデーション効果
    • 図形に動的なグラデーション効果を適用して、ちょっとだけ洗練された見た目を演出できます
    • グラデーション効果ボタンsparkle_effect_buttonをONにしてから描画します

2.5 描画の削除および取り消し/やり直し

  1. 描画ツールの中から削除用のツールを選択して描画を削除します
    • 消しゴムツール: 消したい描画を囲って消します(描画単位で消えます)
    • ゴミ箱ツール: 画面全体の描画を一括削除します
  2. 描画ツールの左側に配置したボタンで操作を元に戻したりやり直したりできます
    • 元に戻すボタン: 直前の描画を取り消せます
    • やり直すボタン: 取り消した描画を再実行できます

2.6 スナップショットの取得 (ver.1.4.0より)

画面右上のカメラアイコンからスナップショットを取得できます。

clip_a_doodle_draw_snapshot_button

取得したスナップショットは写真アプリに保存されます。

その後、スナップショットを他のアプリを通してシェアすることもできます。

2.7 YouTubeの一時再生時のコントロールバー等の表示/非表示切り替え (ver.1.4.0より)

clip_a_doodle_draw_toggle_controls_button

YouTubeの再生画面で一時停止した時に表示されるコントロールバー等の非表示/表示の切り替えができます。

2.8 オブジェクトトラッキング (ver.1.5.0より)

オブジェクトトラッキングとは、対象物の動きを自動で追跡する機能です。

*デバイスに保存している動画のみに使用できます。

・操作方法
  1. 対象を囲む
    • 四角形・円・楕円のいずれかのツールを使い、追跡したいオブジェクトを囲みます。
  2. トラッキングモードを有効化
    • 対象物を囲んだときに長押し すると、囲んだ図形の周りに 赤い破線のボックス が表示されます
  3. トラッキングを開始・停止
    • トラッキングボタンをON にすると追跡を開始します。
    • トラッキングボタンをOFF にすると追跡を停止します。
・注意点

*トラッキング中に対象物が画面外に出ると、その対象物の追跡を終了します。

*追跡の精度は、対象の動きや映像の画質他の物体との重なり具合 によって影響を受けます。特に、対象が他の物体と重なると追跡が難しくなる場合があります。


3. アプリの基本操作(撮影・保存編)(ver1.6.0より)

💡 Tip
試合を撮影する際は、機内モードをオンにしておくことをおすすめします。
着信や通知による録画の中断を防ぐことができます。

ホーム画面で Record Videoを選択して撮影画面を開きます

Clip_a_doodle_draw_RecordingView_HomeView_jp

3.1 撮影画面 (録画中でない)

設定ボタン設定画面を開きます
試合タイマー操作ボタン試合タイマーを開始したり一時停止できます
ズームボタンシングルタップで1.0xまたは2.0xになります
長押しで連続ズームイン/ズームアウトができます
試合区分セレクター現在の試合区分を表示します
タップしてドロップダウンから試合の前半/後半/PK等を選択します
試合タイマー(表示&リセット)・表示部分をタップすると、タイマーをリセットできるダイアログが表示されます
・録画を一時停止しても、試合タイマーは止まりません
スコアボード・チーム名/スコア部分をタップするとチーム名・チームカラーの入力画面が表示されます
・⊕ボタンをタップすると得点が加算されます
・戻るボタンで直前の得点加算操作を取り消せます
撮影画面終了ボタン「✖️」ボタンで撮影画面を終了し、ホーム画面に戻ります
静止画キャプチャーボタン動画の1フレームを切り出して保存します
録画停止中の場合、スコアボードは保存画像に含まれません
録画開始/停止ボタンタップすると撮影を開始します
撮影中に再度タップすると撮影が終了し、動画は「写真アプリ」に保存されます

3.2 撮影画面 (撮影中)

静止画キャプチャーボタン動画の1フレームを切り出して保存します
録画中の場合、スコアボードも保存画像に含まれます
録画開始/停止ボタン撮影中にRECボタンをタップすると撮影が終了し、動画は「写真」アプリに保存されます
一時停止/再開ボタン撮影の一時停止・再開用のボタンです
一時停止前と再開後の動画は一つのファイルとして保存されます
💡 Tip: 一時停止の間も試合タイマーは動作し続けます
録画時間表示録画中であることと、録画開始からの経過時間を表示します

3.3 設定画面

試合タイマーの設定、試合情報の表示の切り替え、フレームレートの切り替え(この説明画像上には表示されていません)ができます。

Clip_a_doodle_draw_RecordingView_SettingView_jp

3.4 PKモード 

どちらのチームが先にプレーするかを選択します

Clip_a_doodle_draw_RecordingView_PK_setFirstKicker_jp

⭕️ または ❌ をタップして、プレーの成功/失敗を記録します

Clip_a_doodle_draw_RecordingView_PK

4. ヘルプとサポート

  • 本ページ下部の「お問い合わせ」から開発者までご連絡ください。

⚽🎨✏️🎥 描画や録画など、アプリの機能を活かして、ぜひ楽しんでいただければと思います。