JPWO2018042784A1 - 情報処理装置、情報処理方法、およびプログラム - Google Patents

Abstract

【課題】ロボット制作のパーツ組み立て説明画面の利便性を向上させることが可能な情報処理装置、情報処理方法、およびプログラムを提供する。【解決手段】ロボット制作のための複数パーツを離隔して表示し、各パーツにおける接合面を繋げる線を表示し、組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行う制御部を備える、情報処理装置。【選択図】図１

Description

本開示は、情報処理装置、情報処理方法、およびプログラムに関する。

従来から、多数のブロックを組み立てて様々な形状の物を制作する玩具が普及している。近年では、センサやモータ、コントロールユニット、バッテリー等の電子部品も用いたロボットの制作が行われている。制作されたロボットは、コントロールユニットにインストールされたアプリケーションにより制御される。

電子機器にアプリケーションを追加する技術に関し、例えば下記特許文献１では、電子機器に既にインストールされているアプリケーションに追加機能モジュールを追加インストールするソフトウェアインストール方法が記載されている。また、特許文献１に記載の電子機器は、ホストコンピュータ、計測機器、工業用ロボット、ミシン、画像処理装置などコンピュータによってプログラムを実行することにより所定の動作を行なう任意の機器が想定されている。

特開２００６−１４６８３５号公報

しかしながら、説明文に従ってロボットを制作する際、例えば各ブロックに設けられている凹凸をどのように嵌合させればよいかなど、説明文や組み立て後の完成画像からだけでは理解し難い場合があった。

そこで、本開示では、ロボット制作のパーツ組み立て説明画面の利便性を向上させることが可能な情報処理装置、情報処理方法、およびプログラムを提案する。

本開示によれば、ロボット制作のための複数パーツを離隔して表示し、各パーツにおける接合面を繋げる線を表示し、組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行う制御部を備える、情報処理装置を提案する。

本開示によれば、プロセッサが、ロボット制作のための複数パーツを離隔して表示し、各パーツにおける接合面を繋げる線を表示し、組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行うことを含む、情報処理方法を提案する。

本開示によれば、コンピュータを、ロボット制作のための複数パーツを離隔して表示し、各パーツにおける接合面を繋げる線を表示し、組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御部として機能させるための、プログラムを提案する。

以上説明したように本開示によれば、ロボット制作のパーツ組み立て説明画面の利便性を向上させることが可能となる。

なお、上記の効果は必ずしも限定的なものではなく、上記の効果とともに、または上記の効果に代えて、本明細書に示されたいずれかの効果、または本明細書から把握され得る他の効果が奏されてもよい。

本開示の一実施形態による情報処理システムの概要について説明する図である。 本実施形態によるクライアント端末の構成の一例を示すブロック図である。 本実施形態によるサーバの構成の一例を示すブロック図である。 本実施形態による情報処理システムのクライアント端末における制御処理を示すフローチャートである。 本実施形態によるメニュー画面の一例を示す図である。 本実施形態によるロボットレシピ検索画面の一例を示す図である。 本実施形態による条件選択画面の一例を示す図である。 本実施形態による検索結果画面の一例を示す図である。 本実施形態によるロボットレシピデータの詳細情報表示画面の一例を示す図である。 本実施形態による学習コース選択画面の一例を示す図である。 本実施形態による学習コース画面の一例を示す図である。 本実施形態による学習コース画面の一例を示す図である。 本実施形態によるミッション画面の一例を示す図である。 本実施形態による学習コースの各ステージとミッションについて説明する図である。 本実施形態による各ミッションについて説明する図である。 本実施形態によるメダルコレクション画面の一例を示す図である。 本実施形態による成長体験に合わせて付与されるメダルの種類の一例を示す図である。 本実施形態による体験難易度に応じて変わるメダルレベルの一例を示す図である。 本実施形態による自由制作画面の一例を示す図である。 本実施形態によるプログラム制作画面の一例を示す図である。 本実施形態によるコレクション画面の一例を示す図である。 本実施形態によるロボット組立説明の開始画面の一例を示す図である。 本実施形態による組み立て説明画面の一例を示す図である。 本実施形態によるアニメーションプログレスバーの詳細について説明する図である。 本実施形態によるブロックの接合アニメーションについて説明する図である。 本実施形態による１つの接合のブロック移動時間とイージングの目安を示す図である。 本実施形態による接合アニメーションの他の例について説明する図である。 本実施形態による描画領域を複数分割して表示する例を示す図である。 本実施形態による接合面を繋ぐ線の他の表現について説明する図を示す図である。 本実施形態による接合面を繋ぐ線の他の表現について説明する図である。 本実施形態によるステップをまたぐアニメーションの一例を示す図である。 本実施形態による組み立て説明の作成画面の一例を示す図である。 本実施形態によるブロック回転操作について説明する図である。 本実施形態によるブロックの吸着接合について説明する図である。 本実施形態による新しいステップに前ステップのブロックを利用する場合について説明する図である。 本実施形態による前ステップのブロックを複数利用する場合について説明する図である。 本実施形態によるプレビューモードについて説明する図である。 本実施形態によるプレビューモードにおいて組み立て順を変更する方法について説明する図である。 本実施形態によるプレビューモードにおいて組み立て順を変更する方法について説明する図である。 本実施形態によるプレビューモードにおいて組み立て順を変更する他の方法について説明する図である。 本実施形態によるプレビューモードにおけるアニメーション開始点の変更方法について説明する図である。 本実施形態によるアニメーション開始点の変更による２段階の移動について説明する図である。 本実施形態による２段階の移動における移動時間について説明する図である。

以下に添付図面を参照しながら、本開示の好適な実施の形態について詳細に説明する。なお、本明細書及び図面において、実質的に同一の機能構成を有する構成要素については、同一の符号を付することにより重複説明を省略する。

また、説明は以下の順序で行うものとする。
１．本開示の一実施形態による情報処理システムの概要
２．構成
２−１．クライアント端末の構成
２−２．サーバの構成
３．動作処理
４．組み立て説明画面
５．組み立て説明の作成
６．まとめ

＜＜１．本開示の一実施形態による情報処理システムの概要＞＞
本開示の一実施形態による情報処理システムの概要について図１を参照して説明する。図１に示すように、本実施形態による情報処理システムは、クライアント端末１およびサーバ２を含む。クライアント端末１およびサーバ２は、ネットワーク３を介して接続され、データの送受信が行われる。また、クライアント端末１は、ロボット５にプログラムをインストールすることも可能である。ロボット５は、複数のパーツを組み立てて制作されるものである。

本実施形態において、ロボットの制作に利用される（ロボットを構成する）パーツは、ブロックの他、モータ、センサ、ケーブル等の電子部品を含む。ブロックは、他のブロックと嵌合するための凹凸を有する多種類（例えば７種類）の多面体または球体から成るカラーブロックである。ブロックの色は不透明であってもよいし、透過性を有していてもよい。ブロックの表面は、ユーザの手触りを考慮して様々な加工が施され得る。ロボットに組み込まれる電子部品としては、上記モータ、センサ、ケーブルの他、バッテリー、ブザー、スピーカ、ディスプレイ、コントロールユニット等が想定される。センサは、例えばタッチセンサ、近接センサ、加速度センサ、角速度センサ、地磁気センサ、照度センサ、温度センサ、気圧センサ、生体センサ（脈拍、発汗、脳波、触覚、嗅覚、味覚等のユーザの生体情報を検知可能）、位置検出部（GNSS（Global Navigation Satellite System）受信機等）、カメラ、マイクロホン等が想定される。

ここで、上述したように、説明文に従ってロボットを制作する際、例えば各ブロックに設けられている凹凸をどのように嵌合させればよいかなど、説明文や組み立て後の完成画像からだけでは理解し難い場合があった。

そこで、本開示では、パーツの結合を示す表示やアニメーションを用いて、ロボット制作におけるパーツ組み立て説明画面の利便性を向上させることを可能とする。

以下、本開示の一実施形態による情報処理システムに含まれるクライアント端末１およびサーバ２の構成について図面を参照して具体的に説明する。

＜＜２．構成＞＞
＜２−１．クライアント端末の構成＞
図２は、本実施形態によるクライアント端末１の構成の一例を示すブロック図である。クライアント端末１は、図１に示すようなタブレット端末であってもよいし、スマートフォン、携帯電話端末、ノート型ＰＣ、デスクトップ型ＰＣ、ＨＭＤ（Head Mounted Display）等であってもよい。また、図２に示すように、クライアント端末１は、制御部１０、通信部１１、操作入力部１２、カメラ１３、表示部１４、および記憶部１５を有する。

制御部１０は、演算処理装置および制御装置として機能し、各種プログラムに従ってクライアント端末１内の動作全般を制御する。制御部１０は、例えばＣＰＵ（Central Processing Unit）、マイクロプロセッサ等の電子回路によって実現される。また、制御部１０は、使用するプログラムや演算パラメータ等を記憶するＲＯＭ（Read Only Memory）、及び適宜変化するパラメータ等を一時記憶するＲＡＭ（Random Access Memory）を含んでいてもよい。

本実施形態による制御部１０は、サーバ２から取得した各種メニュー画面やロボット組立画面等を表示部１４に表示するよう制御する。

通信部１１は、有線／無線により他の装置との間でデータの送受信を行うための通信モジュールである。通信部１１は、例えば有線ＬＡＮ（Local Area Network）、無線ＬＡＮ、Ｗｉ−Ｆｉ（登録商標）、赤外線通信、Bluetooth（登録商標）、近距離／非接触通信等の方式で、外部機器と直接、またはネットワークアクセスポイントを介して無線通信する。

本実施形態による通信部１１は、例えばネットワーク３を介してサーバ２と接続し、データの送受信を行う。また、通信部１１は、有線／無線によりロボット５と接続し、データの送受信を行うことも可能である。

操作入力部１２は、ユーザによる操作指示を受付け、その操作内容を制御部１０に出力する。操作入力部１２は、表示部１４と一体的に設けられるタッチセンサ、圧力センサ、若しくは近接センサであってもよい。或いは、操作入力部１２は、ボタン、スイッチ、およびレバーなど、表示部１４と分離して設けられる物理的構成であってもよい。

カメラ１３は、撮像レンズ、絞り、ズームレンズ、及びフォーカスレンズ等により構成されるレンズ系、レンズ系に対してフォーカス動作やズーム動作を行わせる駆動系、レンズ系で得られる撮像光を光電変換して撮像信号を生成する固体撮像素子アレイ等を有する。固体撮像素子アレイは、例えばＣＣＤ（Ｃｈａｒｇｅ Ｃｏｕｐｌｅｄ Ｄｅｖｉｃｅ）センサアレイや、ＣＭＯＳ（Ｃｏｍｐｌｅｍｅｎｔａｒｙ Ｍｅｔａｌ Ｏｘｉｄｅ Ｓｅｍｉｃｏｎｄｕｃｔｏｒ）センサアレイにより実現されてもよい。

本実施形態によるカメラ１３は、例えばユーザが制作したロボット５を撮影して撮像画像を取得する。

表示部１４は、メニュー画面やロボット組立画面等の各種表示画面を出力する表示装置である。この表示部１４は、例えば、液晶ディスプレイ（ＬＣＤ：Liquid CrystalDisplay）、有機ＥＬ（Electroluminescence）ディスプレイなどの表示装置であってもよい。

記憶部１５は、上述した制御部１０が各機能を実行するためのプログラムやパラメータを格納する。また、記憶部１５は、記憶媒体、記憶媒体にデータを記録する記録装置、記憶媒体からデータを読み出す読出し装置および記憶媒体に記録されたデータを削除する削除装置等を含むストレージ装置により構成される。なお、この記憶部１５は、例えば、Ｆｌａｓｈ ＲＯＭ（又はＦｌａｓｈ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）などの不揮発性メモリ、ハードディスクおよび円盤型磁性体ディスクなどの磁気ディスク、ＣＤ（Ｃｏｍｐａｃｔ Ｄｉｓｃ）、ＤＶＤ−Ｒ（Ｄｉｇｉｔａｌ Ｖｅｒｓａｔｉｌｅ Ｄｉｓｃ Ｒｅｃｏｒｄａｂｌｅ）およびＢＤ（Ｂｌｕ−Ｒａｙ Ｄｉｓｃ（登録商標））などの光ディスク、並びに、ＭＯ（Ｍａｇｎｅｔｏ Ｏｐｔｉｃａｌ）ディスクなどの記憶媒体であってもよい。

以上、本実施形態によるクライアント端末１の構成について説明した。なお図２に示すクライアント端末１の構成は一例であって、本実施形態はこれに限定されない。例えばクライアント端末１は、さらにマイクロホンおよびスピーカを有していてもよい。

＜２−２．サーバの構成＞
図３は、本実施形態によるサーバ２の構成の一例を示すブロック図である。図３に示すように、サーバ２は、制御部２０、通信部２１、および記憶部２２を有する。

制御部２０は、演算処理装置および制御装置として機能し、各種プログラムに従ってサーバ２内の動作全般を制御する。制御部２０は、例えばＣＰＵ、マイクロプロセッサ等の電子回路によって実現される。また、制御部２０は、使用するプログラムや演算パラメータ等を記憶するＲＯＭ、及び適宜変化するパラメータ等を一時記憶するＲＡＭを含んでいてもよい。

本実施形態による制御部２０は、クライアント端末１からの要求に応じてメニュー画面の表示情報をクライアント端末１に送信し、メニュー画面からユーザにより選択されたメニューに応じて、それぞれ所定の処理を行う。

通信部２１は、有線／無線により他の装置との間でデータの送受信を行うための通信モジュールである。本実施形態による通信部２１は、ネットワーク３を介してクライアント端末１と接続し、データの送受信を行う。

記憶部２２は、上述した制御部１０が各機能を実行するためのプログラムやパラメータを格納する。また、記憶部２２は、記憶媒体、記憶媒体にデータを記録する記録装置、記憶媒体からデータを読み出す読出し装置および記憶媒体に記録されたデータを削除する削除装置等を含むストレージ装置により構成される。

本実施形態による記憶部２２は、例えば、ユーザ情報やロボットレシピデータを格納する。

以上、本実施形態によるサーバ２の構成について説明した。

＜＜３．動作処理＞＞
次に、本実施形態による情報処理システムの動作処理について図４を参照して説明する。図４は、本実施形態による情報処理システムのクライアント端末１における制御処理を示すフローチャートである。

図４に示すように、まず、クライアント端末１は、サーバ２から受信した表示情報に基づいて、表示部１４にメニュー画面を表示する（ステップＳ１０３）。ここで、図５に、メニュー画面の一例を示す。図示されたメニュー画面３０には、ロボットレシピ３０１、学習コース３０２、自由せいさく３０３、およびコレクション３０４といったメニュー項目が一例として表示されている。「ロボットレシピ」では、多数のロボットレシピが提示され、ユーザが作りたいロボットのレシピを好きに選択することができるものである。「学習コース」は、ロボットの制作を通じて、組み立てやプログラミング、各種電子部品の仕組み等を学習することができるものである。「自由せいさく」は、ユーザが自分で制作したロボットにインストールするプログラムを自由に制作できるものである。「コレクション」は、ユーザが制作したロボットやプログラムを、日付やタイトル、記念撮影画像等と共に登録できるものである。以下、各メニュー項目を選択した場合の動作処理について説明する。

次に、「ロボットレシピ」が選択された場合（ステップＳ１０６／Ｙｅｓ）、クライアント端末１は、サーバ２からロボットレシピデータを取得し（ステップＳ１０９）、ロボットレシピ検索画面を表示する（ステップＳ１１２）。ここで、図６に、ロボットレシピ検索画面の一例を示す。図示された検索画面３１には、多数のロボットレシピデータ３１１と、新規のレシピを生成する際の新規作成表示３１２が表示されている。ロボットレシピデータ３１１は、タグ付けされたキーワードを条件として絞ることも可能である。レシピデータの検索は、例えば検索画面３１の右上に示す虫眼鏡アイコンをタップして行う。ここで、図７に、条件選択画面の一例を示す。図示された条件選択画面３２は、検索画面３１の右上に示す虫眼鏡アイコンをタップした際に表示される。ユーザが、条件選択画面３２に表示された複数のキーワードから条件を選択し、「さがす」をタップすると、選択されたキーワードがタグ付けされたレシピの検索結果が表示される。例えば「プログラムあり」と「くるま」を条件として選択した場合、図８に示すような検索結果画面３３が表示される。図示された検索結果画面３３は、「プログラムあり」かつ「くるま」のロボットレシピデータが表示されている。なお検索結果画面３３にも、新規作成表示３１２を表示するようにしてもよい。

ユーザは、制作したいロボットレシピデータをタップし、詳細情報を閲覧する。ここで、図９に、ロボットレシピデータの詳細情報表示画面の一例を示す。図示された詳細情報表示画面３４には、ロボットの完成画像、タイトル、作者、難易度、人気等の情報が表示されている。図９には図示しないが、ユーザが所有するパーツの情報が得られている場合、ユーザ所有のパーツで制作可能か否か、不足している場合はどのパーツが足りないのか等も併せて表示されるようにしてもよい。制作するロボットを決定した場合、ユーザは「つくる」と表示された領域をタップしてロボットレシピ選択を最終決定する。

次いで、クライアント端末１は、選択されたロボットレシピの組み立て説明を開始する（ステップＳ１１５）。具体的には、クライアント端末１は、サーバ２からロボットの組み立て情報等を含むレシピデータを受信し、表示部１４に、組み立て説明画面を表示する。組み立て説明画面の具体例については、図２３〜図３１を参照して後述する。

また、クライアント端末１は、ロボットレシピの新規作成が選択された場合、ロボットレシピの新規作成を開始する（ステップＳ１１８）。ロボットレシピの新規作成の詳細な内容については後述する。

一方、「学習コース」が選択された場合（ステップＳ１２１／Ｙｅｓ）、クライアント端末１は、サーバ２から学習コースデータを取得し（ステップＳ１２４）、学習コース選択画面を表示する（ステップＳ１２７）。ここで、図１０に、学習コース選択画面の一例を示す。図示された学習コース選択画面３５には、例えば「初心者コースＡ」、「コースＢ」、「コースＣ」等の複数の学習コースが提示されている。ユーザは任意のコースを選択する。

次に、クライアント端末１は、ユーザに選択された学習コースの処理を開始する（ステップＳ１３０）。ここで、図１１および図１２に、学習コース画面の一例を示す。図１１および図１２に示すように、学習コースは複数のステージから成り、例えばステージが進む毎に街並みが徐々に完成していくように表示制御される。ユーザが、ステージのアイコン３６１をタップして選択すると、例えば図１３に示すようなミッション画面３８が表示される。ミッション画面３８には、本ステージで学習する内容を段階的に学ぶ複数のミッションが提示されている。ミッションをクリアするとチェックマークが表示され、次に学ぶミッションには矢印マークが表示される。また、先のミッションはグレーアウトで表示される。

ここで、本実施形態による学習コースと各ステージおよびミッションについて図１４を参照して説明する。図１４に示すように、例えば１つの学習コースは複数のステージから成り、各ステージでは所定のロボットを制作しながらロボットの仕組み等を学習する。また、図１４に示すように、１つのステージは複数のミッションから成る。各ミッションは、本ステージの学習内容を段階的に理解させるものである。例えばミッション１では、ロボットの動きの説明と、ロボットの実際の組み立てと、復習を兼ねた解説が行われる。また、次のミッション２では、次の学習段階におけるロボットの動きの説明と、ロボットの実際の組み立てと、ロボットを動かすプログラムの作成と、復習を兼ねた解説が行われる。各ミッションについて図１５を参照して説明する。図１５に示すように、例えばミッション１では簡単な組み立てを行って初歩的な内容を学習し、次に、組み立てたロボットを一部バラして今度は少し複雑な組み立てを行わせることで学習の難易度を上げるようにする。また、組み立ての難易度が上がることに応じてプログラミング（コーディング）の難易度も上げていくようにする。このように、各ミッションでは、ロボットの組み立てやプログラミングの難易度を徐々に上げることで段階的に成長することができる。

なお、学習コースの各ステージや、ステージ内のミッションの内容や難易度は、ユーザの習熟度に応じて、流動的に変更してもよい。クライアント端末１（若しくはサーバ２）は、ユーザの学習進捗状況（学習時間、必要に応じてクイズなど、また、学習履歴、ロボット制作体験履歴等）に応じてユーザの習熟度を判断し、次のミッションや次のステージの内容や難易度を変更することができる。

次いで、クライアント端末１は、ユーザのロボット制作や学習コースの体験に応じて、所定のメダルを付与する（ステップＳ１３３）。本実施形態では、成長の証として、ロボットレシピの制作や学習コースの各ステージを通して、ユーザが、新たなプログラムを覚えた時、知らなかったモノの仕組みに気付いた時、初めて何かを体験した時、何かを達成した時等に、成長体験の証として様々なメダルを付与することが可能である。

新たなプログラムを覚えた時とは、例えば以下のようなプログラムを用いたロボットを制作、学習した場合が想定される。

・Ｓｃｒａｔｃｈ言語
・順次処理
・繰り返し（ループ回路）
・ＰＷＮ（Pulse Width Modulation）
・センサ値の取得（光センサ、タッチセンサ、フォトリフレクター、加速度センサ）
・条件分岐
・テストモード使用
・ボタンの制御
・タイマーの利用、タイマー制御
・音のプログラム
・乱数とランダム制御
・書き込みとライブモード
・モータ制御（ＤＣモータ、サーボモータ）
・異なる制御を同時に実行
・ＯＲ
・優先順
・加速度センサの利用（２回目、ＸＹＺ軸の使い方）
・変数

また、新たなモノの仕組みに気付いた時とは、例えば以下のような仕組みや観点が想定される。

・あかりの種類（火、白熱、蛍光、ＬＥＤ）
・モールス信号
・ＬＥＤの広がり
・光センサの理解
・自動点灯装置
・ＲＧＢ調光、色をつくる
・ＬＥＤ事例
・メロディ制作
・スイッチとボタン
・振動と音、スピーカーと耳
・体感ゲームをつくる
・曲げ伸ばし
・ＤＣモータとサーボモータの違い
・回転を利用した家電製品
・往復スライダクランク機構
・フォトリフレクターの理解
・自動ドアの仕組み
・安全についての配慮
・自動ドア
・トイレの仕組み
・車輪と足の違い
・サーボモータの理解

ここで、図１６に、メダルコレクション画面の一例を示す。図示されたメダルコレクション画面３９には、ユーザに付与されたメダルが表示されている。各メダルは、体験内容の表示と共に列挙される。

また、ユーザに与えられる各種メダルの一例を図１７および図１８に示す。図１７は、成長体験に合わせて付与されるメダルの種類の一例を示す図である。図１７に示すように、例えば成長体験を示すキーワードが中央に配置されたメダルが付与され得る。図１８は、体験難易度に応じて変わるメダルレベルの一例を示す図である。図１８に示すように、体験の難易度に応じて、ブロンズ、シルバー、ゴールド、プラチナといった異なる色のメダルが付与され得る。

なお、ここでは成長の証として与えるメダルについて説明しているが、クライアント端末１は、さらにユーザが新しく取得したスキルの内容が再度確認できるスキルコレクションや、制作したロボットに関するエピソードを新聞形式にした新聞コレクションを生成して表示してもよい。

次いで、メニュー画面３０で「自由制作」が選択された場合（ステップＳ１３６／Ｙｅｓ）、クライアント端末１は、サーバ２から取得した画面表示情報に基づいて自由制作画面を表示部１４に表示し（ステップＳ１３９）、プログラム制作処理を開始する（ステップＳ１４２）。ここで、図１９に、自由制作画面の一例を示す。図示された自由制作画面４０には、プログラムを制作する「プログラミング」の表示と、制作したロボットの写真を登録する「記念写真」の表示と、制作したプログラムやロボットの写真をコレクションとして追加するための「コレクションに追加」ボタンが表示されている。

「プログラミング」の表示がタップされると、プログラム制作画面が表示される。ここで、図２０に、プログラム制作画面の一例を示す。図示されたプログラム制作画面４１には、プログラミング言語をビジュアルで示すモジュールの表示画面４１１と、プログラムを制作する作業領域４１２が表示されている。ユーザは、モジュールを表示画面４１１からドラッグして作業領域４１２に移動させ、プログラムを組み立てることが可能である。また、モジュール内の数値は、ユーザが任意に設定することができる。そして、プログラム転送ボタン４１３をタップすると、作業領域４１２で組み立てられたプログラムがロボット５に送信され、ロボット５を動かすことが可能となる。

次に、図１９の自由制作画面４０の「記念写真」の表示をタップされると、クライアント端末１は、制作したロボットの撮像画像のアップロードを受け付け、撮像画像を取得する（ステップＳ１４５）。ロボットの撮像画像は、例えばクライアント端末１のカメラにより取得されてもよい。

次いで、図１９の自由制作画面４０の「コレクションに追加」ボタンがタップされると、クライアント端末１は、制作されたプログラムやアップロードされた撮像画像を、ユーザのコレクションとして登録する（ステップＳ１４８）。具体的には、例えばクライアント端末１は、制作されたプログラムと撮像画像をサーバ２へ送信し、ユーザのコレクションとして記憶するよう制御する。

続いて、メニュー画面３０で「コレクション」が選択された場合（ステップＳ１５１／Ｙｅｓ）、クライアント端末１は、サーバ２からユーザのコレクションデータを取得し（ステップＳ１５４）、表示部１４にコレクション画面を表示する（ステップＳ１５７）。ここで、図２１に、コレクション画面の一例を示す。図示されたコレクション画面４２には、ユーザが制作したロボットの一覧が表示されている。具体的には、制作したロボットの撮像画像およびタイトルの表示と、学習コース、自由制作、またはロボットレシピのいずれで制作したロボットであるかを示す表示が含まれる。

以上、本実施形態によるクライアント端末１の制御処理について具体的に説明した。続いて、上述したロボットレシピまたは学習コースにおいてロボットを組み立てる際にクライアント端末１において表示される組み立て説明画面について、図２２〜図３１を用いて具体的に説明する。

＜＜４．組み立て説明画面＞＞
図２２は、ロボット組立説明の開始画面の一例を示す図である。図示された開始画面４３は、例えば学習コースのあるステージを選択した際に表示される。開始画面４３には、ステージの内容についての説明と、ロボットの完成画像と、「つくる」表示が、表示されている。ユーザが「つくる」表示をタップすると、実際の組み立てについての説明が開始される。

図２３は、組み立て説明画面の一例を示す図である。図示された組み立て説明画面４５は、パーツの組み立てについて説明する画面であって、描画領域４５１と、解説文領域４５８を含む。解説文領域４５８は、解説文開閉ボタンにより表示／非表示が制御される。

描画領域４５１は拡大／縮小、および視点の移動が可能である。ユーザは、例えばピンチイン・アウト操作、拡大／縮小コントロールバー４６０の操作、またはマウスホイール操作により視点の拡大／縮小を行ったり、ドラッグ＆ドロップやタッチスワイプ操作により基点を中心とした視点の移動を行ったりできる。また、描画領域４５１の上下左右に設けられた方向ボタン４６１を押下することで視点の上下左右の移動を行ったり、Shiftキーを押下しながらドラッグ＆ドロップにより視点の上下左右の移動を行ったりすることも可能である。

なお、視点移動は自動的に組み立てアニメーションの一部として行われてもよい。例えば接合アニメーション時に、ブロックの接合箇所の凹凸が見える角度に視点移動させてもよい。

また、描画領域４５１には、アニメーションプログレスバー４５６が表示されている。アニメーションプログレスバー４５６は、パーツの組み立てをアニメーションで説明した際の、ステップ内のアニメーション時間位置を示すものである。ここで、アニメーションプログレスバー４５６の詳細について図２４を参照して説明する。図２４に示すように、アニメーションプログレスバー４５６は、組み立てアニメーションの再生に合わせてハンドルが移動し、アニメーション時間位置が時間軸バー上で示される。また、バー上の「ブロックの接合点を示す印」は、ブロックが組み立てられた時点、すなわち一のブロックが他のブロックと接合したアニメーションの時間位置を示すものである。ハンドルはドラッグ可能であって、ユーザはバー上の印を目安にブロックの接合箇所等を繰り返し再生することが可能である。

また、描画領域４５１の空間設定は、例えばグランド無しで、組み立てられるブロック４５２ａ〜４５２ｄが宙に浮いた状態で表示されてもよい。また、組み立てブロックのユニットが複数必要な場合には「×数字」を表示して個数を明示してもよい。

また、図２３に示すように、ブロックの接合面はハイライト（強調表示）され、ブロックの接合面同士が線４５３、線４５４、および線４５５でそれぞれ繋がれている。これによりユーザは、ブロックの接合方法を直感的に把握することができる。

次に、ブロックの接合アニメーションについて図２５を参照して説明する。まず、図２５のアニメーション画像４８ａに示すように、ブロック４５２ａとブロック４５２ｂの接合面を繋ぐ４５３に沿ってブロック４５２ｂが移動し、ブロック４５２ａに接合するアニメーションが再生される。次いで、アニメーション画像４８ｂに示すように、ブロック４５２ａとブロック４５２ｄの接合面を繋ぐ４５３に沿ってブロック４５２ｄが移動し、ブロック４５２ａに接合するアニメーションが再生される。続いて、アニメーション画像４８ｃに示すように、ブロック４５２ａとブロック４５２ｃの接合面を繋ぐ４５４に沿ってブロック４５２ｃが移動し、ブロック４５２ａに接合するアニメーションが再生される。そして、ブロックの組み立て終了状態の画像４８ｄが表示される。このように組み立て説明においてブロックの接合を一つずつアニメーションで示すことで、ユーザは直感的に、どのようにブロックを組み立てればよいかを理解することができる。

図２５に示す例では、例えばアニメーションの開始時に0.5secの間隔を設け、接合時のアニメーションは1sec、接合と接合の間に0.5secの間隔を設ける。そして、組み上がった後は1secの間隔を設けるようにする。ここで、図２６に、１つの接合のブロック移動時間とイージングの目安を示す。図２６に示すように、例えば接合時のブロックの移動速度を等速ではなく、移動開始時と終了時はスローにするようにしてもよい。このように緩急を付けたアニメーションで、特に重要な接合時の動作をスロー再生することができる。

なお、接合アニメーションは基本的にはＸＹＺいずれかの座標移動でブロックを移動させるが、複数のブロックが込み入って表示される場合は、例外的な表示を行ってもよい。ここで、図２７に、接合アニメーションの他の例について説明する図を示す。

図２７に示すように、例えばブロック４７１に複数のブロック４７０を接合する際、ブロック４７０ｅとブロック４７０ｆは、上述した例と同様に、ブロック４７１との接合面をつなぐ線４７２ｅ、４７２ｆに沿ってそれぞれＹ軸移動のみでブロック４７１に接合するアニメーションが再生される。一方、ブロック４７０ａ、ブロック４７０ｂ、ブロック４７０ｃ、およびブロック４７０ｄは、ブロック同士が重なってしまうため、ブロック４７０の各接合面とを繋ぐ線４７２ａ〜４７２ｄが垂直に表現できず、図２７に示すように角度を付けた表示となり、当該線４７２ａ〜４７２ｄに沿って順次斜めに移動して接合するアニメーションが再生される。

また、描画領域４５１を複数分割して表示してもよい。ここで、図２８に、描画領域を複数分割して表示する例を示す。図示された描画領域４６５は、例えば右上から左下に渡る分割線により分割される。分割の割合はレイアウトに応じて変更可能である。また、図２８に示すように、画面分割レイアウトによって、接続部分を拡大表示することが可能である。また、ケーブル接続の解説を行う際はケーブルのシルクが見えるアングルにするようにしてもよい。また、ケーブルの接続先に記載されている文言（例えば「Ｋ２」）を強調表示してもよい。また、２Ｄオブジェクトを重畳するなどの理由で視点変更することができない場合、視点変更できないことを示すアイコン４６６を表示し、移動ボタンや拡大縮小コントロールバーを無効にする。

また、ブロックの接合面を繋ぐ線の表示は、上述した例に限定されない。例えば接合面が見えないアングルで表示されている場合には、どこに接合したらよいか分り難い場合もあるため、隠れている接合面を考慮した表示にしてもよい。ここで、図２９および図３０に、接合面を繋ぐ線の他の表現について説明する図を示す。図２９に示すように、例えばブロック４９１ａに、ブロック４９１ｂとブロック４９１ｃを接合するアニメーションの場合、ブロック４９１ｂを接合するブロック４９１ａの接合される側の接合面は見えている状態であるため、接合面を繋ぐ線４９２は上述した例と同様に表示される。一方、ブロック４９１ｃを接合するブロック４９１ａの接合される側の接合面は見えていない状態であるため、接合面を繋ぐ線４９３は、ブロック４９１ａを突き抜けて表示されている。また、図３０に示すように、ブロック４９１ａの接合される側の接合面を隠れ線で示し、当該接合面まで線４９５を伸ばす（ブロック４９１ａで隠れる部分は隠れ線で）ことで、分り易い表示にすることができる。

また、組み立て中のブロックが次の組み立てステップでは異なるアングルで表示される場合、前ステップでのアングルから滑らかなアニメーションでつなぐよう表示してもよい。ここで、図３１に、ステップをまたぐアニメーションの一例を示す。図示された例では、組み立て説明画面５０ａにおいて、前ステップで組み立てられたブロック５０１のアングルを回転させるアニメーションを表示した上で、組み立て説明画面５０ｂに示すように、本ステップにおけるブロック接合アニメーションを表示する。なお回転アニメーションの移動時間とイージングは、図２６に示す例と同様のカーブを適用してもよい。これによりユーザは、ステップをまたいで突然異なるアングルで表示される前に、前ステップを引き継いで、組み立てたブロックが回転するアニメーションが表示されることで、組み立てたブロックの向きが変わったことを直感的に理解することができる。

以上、本実施形態による組み立て説明画面について具体的に説明した。

＜＜５．組み立て説明の作成＞＞
続いて、上述した組み立て説明を作成する際の処理について、図３２〜図４３を参照して説明する。組み立て説明の作成処理は、例えば図６に示す、新規のロボットレシピを生成する新規作成表示３１２が選択された際に実行可能である。若しくは、組み立て説明画面作成用のアプリケーションにより実行可能としてもよい。

図３２は、組み立て説明の作成画面の一例を示す図である。図示された作成画面５２には、ブロック選択領域５２１、ステップ管理領域５２２、および作業領域５２３が表示されている。ブロック選択領域５２１のブロックをクリックすると、作業領域５２３に選択したブロックが薄く表示され、ブロックの形を確認することができる。また、ユーザは、クリック＆移動、若しくはドラッグ＆ドロップにより、図３２に示すように、選択したブロックを作業領域５２３に移動させることが可能である。

カーソルが作業領域５２３内に入ると、選択したブロックはカーソルに吸着した状態で表示される。作業領域５２３内に入った際の最初のブロックの向きは、他のブロックと水平、垂直、または平行になるように表示される（９０度で吸着）。クリックで位置を確定すると、確定後はカーソルホバーにより、図３２に示すように指示線５２４が表示される。なおカーソルに吸着したブロックをキャンセルするには、作業領域５２３左上のカーソルアイコンをクリックする、同じブロックを再度クリックする、Escキー押下等が挙げられる。

作業領域５２３内にブロックを置いた後は、指示線を操作してブロックを回転させることが可能である。ここで、図３３に、ブロック回転操作について説明する図を示す。図示された例では、ブロック５２５からカーソルが離れるとブロックのみが表示され、カーソルでブロック５２５をホバーすると選択枠５２６が表示される。接合された複数ブロック（ブロック５２５ａ、５２５ｂ）をホバーした際には、ブロック毎の選択枠５２６ａ、５２６ｂが重ねて表示される。

そして、指示線５２７がブロック５２５の中心から引き延ばされる。複数ブロック選択時は、複数ブロックの中心から指示線が引き伸ばされる。ユーザはカーソル５２８で指示線頂点の黒丸部分をホバーし、例えばクリックにより４５度ずつ回転させることが可能である。また、ブロック本体をドラッグ＆ドロップで自由に移動させてもよいし、指示線をドラッグ＆ドロップしてＸＹＺ軸固定で移動させてもよい。

続いて、図３４を参照して、ブロックの吸着接合について説明する。図３４に示すように、ブロック５２５ａをブロック５２５ｂに近付けると、ＸＹＺいずれかの軸で接合できそうな面があれば、合する箇所をハイライトして線で繋ぐ表示を行う。そして、軸がずれた状態で位置を確定した場合、自動的に位置を補正してハイライトした面に自動的に吸着接合させる。

次に、図３５を参照して、新しいステップに前ステップのブロックを利用する場合について説明する。図３２の作成画面５４に表示された「新しいステップ」をタップすると、図３５の作成画面５４に示すように、第２のステップ５４１が追加される。ここで、第１のステップで作成したブロック５４２をドラッグ＆ドロップして第２のステップ５４１の作業領域に持ってくることが可能である。

なお図３６に示すように、前ステップのブロックを複数（５４２ａ〜５４２ｃ）持ってきた場合、当該ブロックの組み立てステップ（当該前ステップ）に、「×数字」の表示が追加される。

次に、図３７を参照してプレビューモードについて説明する。図３７に示すように、プレビューボタン５６１をタップすると、作成画面５６はプレビューモードに入り、走行コントロール＆プログレスバーが表示され、組み立てられたブロックがアニメーション開始位置に移動し、組み立てた順番に基づく接合アニメーションの暫定の順番が表示される。また、接合面のハイライト表示および、接合面を繋ぐ線の表示がされる。

次に、図３８および図３９を参照して、プレビューモードにおいて組み立て順を変更する方法について説明する。図３８の左側に示すように、接合（組み立て）アニメーションの順番は、まずは組み立てモード時におけるユーザ操作による組み立て履歴に基づいて暫定的に決定されている。例えばブロック５７１ａにブロック５７１ｂを接合させ、次にブロック５７１ｃを接合させ、次いでブロック５７１ｄを接合させた場合、その順番通りに、接合順が付与される。

このような暫定の順番を変更する場合、図３８の右側に示すように、カーソルでブロックをホバーすると、全てのブロックに選択枠５７２（５７２ａ〜５７２ｄ）が表示され、「クリックすると組立の順番を変更できます」といった表示が表示される。

次に、図３９の左側に示すように、例えばブロック５７１ａをクリックすると、当該ブロックの選択枠が消えて、「次に組み立てるブロックを選んでください」といった表示が表示される。図３９に示すように複数の組立先がある場合、相手が選ばれるまで順番は確定しない。そして、ユーザが図３９の右側に示すように、例えばブロック５７１ｄをクリックすると、１番目の組立が確定する。なお順番設定中にブロック以外の箇所を選択すると順番選択はキャンセルされデフォルトの順番に戻る。

次いで、図４０を参照してプレビューモードにおいて組み立て順を変更する他の方法について説明する。図４０の左側に示すように、最初にクリックしたブロック５７１ｃの組立先が単数の場合、図４０の中央に示すように、組立相手となるブロック５７１ａの選択枠が消えて、１番目の組立が確定する。そして、図４０の右側に示すように、２番目の組み立てとしてブロック５７１ｄを確定すると、この例では自ずと３番目の組み立て先（すなわちブロック５７１ｂ）も確定するため、全ての選択枠が消える。

次に、図４１を参照してプレビューモードにおけるアニメーション開始点の変更方法について説明する。プレビューモードの際、ブロックをドラッグしてアニメーション開始点を変更することが可能である。

例えば図４１の左側に示すように、同軸のみの移動（図４１に示す例ではＹ軸）の場合、アニメーションの移動距離のみが変更され、移動時間は変更されない。

一方、図４１の右側に示すような２軸以上の移動（図４１に示す例では、Ｙ軸とＸ軸）の場合、デフォルトのアニメーション開始点を経由した２段階の移動となる。かかる２段階の移動について図４２を参照して説明する。

図４２の左側および中央に示すように、例えばブロック５７１ｃは、Ｘ軸を移動してデフォルトの開始点を経由し、図４２の右側に示すようにＹ軸の移動でブロック５７１ａに結合する２段階の移動アニメーションとなる。このような２段階移動の移動時間とイージングは、例えば図４３に示すように、移動開始点および終了点（接合時）に加えて、デフォルト開始点前後でもスローにするようにしてもよい。

＜＜６．まとめ＞＞
上述したように、本開示の実施形態による情報処理システムでは、ロボット制作のパーツ組み立て説明画面の利便性を向上させることが可能となる。

以上、添付図面を参照しながら本開示の好適な実施形態について詳細に説明したが、本技術はかかる例に限定されない。本開示の技術分野における通常の知識を有する者であれば、特許請求の範囲に記載された技術的思想の範疇内において、各種の変更例または修正例に想到し得ることは明らかであり、これらについても、当然に本開示の技術的範囲に属するものと了解される。

例えば、上述したクライアント端末１、またはサーバ２に内蔵されるＣＰＵ、ＲＯＭ、およびＲＡＭ等のハードウェアに、クライアント端末１、またはサーバ２の機能を発揮させるためのコンピュータプログラムも作成可能である。また、当該コンピュータプログラムを記憶させたコンピュータ読み取り可能な記憶媒体も提供される。

また、本明細書に記載された効果は、あくまで説明的または例示的なものであって限定的ではない。つまり、本開示に係る技術は、上記の効果とともに、または上記の効果に代えて、本明細書の記載から当業者には明らかな他の効果を奏しうる。

なお、本技術は以下のような構成も取ることができる。
（１）
ロボット制作のための複数パーツを離隔して表示し；
各パーツにおける接合面を繋げる線を表示し；
組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御部を備える、情報処理装置。
（２）
前記制御部は、前記接合面を強調表示するように制御する、前記（１）に記載の情報処理装置。
（３）
前記制御部は、組み立てステップ内のアニメーション時間位置を表示するプログレスバーを併せて表示するよう制御する、前記（１）または（２）に記載の情報処理装置。
（４）
前記プログレスバーには、組み立てステップ内の接合時間位置を示す印が表示される、前記（３）に記載の情報処理装置。
（５）
前記制御部は、前記パーツを接合させるアニメーションの速度を、移動開始時と終了時をスローにするよう制御する、前記（１）〜（４）のいずれか１項に記載する情報処理装置。
（６）
前記制御部は、学習コースに従ってロボット制作の組み立て説明情報を生成する、前記（１）〜（５）のいずれか１項に記載の情報処理装置。
（７）
前記学習コースは、複数のステージから成り、当該ステージは複数のミッションから成る、前記（６）に記載の情報処理装置。
（８）
前記学習コース、ステージ、およびミッションは、ユーザの習熟度に応じて変化する、前記（７）に記載の情報処理装置。
（９）
プロセッサが、
ロボット制作のための複数パーツを離隔して表示し；
各パーツにおける接合面を繋げる線を表示し；
組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行うことを含む、情報処理方法。
（１０）
コンピュータを、
ロボット制作のための複数パーツを離隔して表示し；
各パーツにおける接合面を繋げる線を表示し；
組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御部として機能させるための、プログラム。

１ クライアント端末
２ サーバ
３ ネットワーク
５ ロボット
１０ 制御部
１１ 通信部
１２ 操作入力部
１３ カメラ
１４ 表示部
１５ 記憶部
２０ 制御部
２１ 通信部
２２ 記憶部
３０ メニュー画面
３１ 検索画面
３２ 条件選択画面
３３ 検索結果画面
３４ 詳細情報表示画面
３５ 学習コース選択画面
３８ ミッション画面
３９ メダルコレクション画面
４０ 自由制作画面
４１ プログラム制作画面
４２ コレクション画面
４３ 開始画面
４５ 組み立て説明画面
４８ａ〜４８ｃ アニメーション画像
４８ｄ 画像
５０ａ、５０ｂ 組み立て説明画面
５２ 作成画面
５４ 作成画面
５６ 作成画面
３０１ ロボットレシピ
３０２ 学習コース
３０３ 自由せいさく
３０４ コレクション
３１１ ロボットレシピデータ
３１２ 新規作成表示
４１１ 表示画面
４１２ 作業領域
４１３ プログラム転送ボタン
４５１ 描画領域
４５２ａ〜４５２ｄ ブロック
４５３〜４５５ 線
４５６ アニメーションプログレスバー
４５８ 解説文領域
４６０ 拡大／縮小コントロールバー
４６１ 方向ボタン
４６５ 描画領域

Claims (10)

1. ロボット制作のための複数パーツを離隔して表示し；
   各パーツにおける接合面を繋げる線を表示し；
   組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行う制御部を備える、情報処理装置。
2. 前記制御部は、前記接合面を強調表示するように制御する、請求項１に記載の情報処理装置。
3. 前記制御部は、組み立てステップ内のアニメーション時間位置を表示するプログレスバーを併せて表示するよう制御する、請求項１に記載の情報処理装置。
4. 前記プログレスバーには、組み立てステップ内の接合時間位置を示す印が表示される、請求項３に記載の情報処理装置。
5. 前記制御部は、前記パーツを接合させるアニメーションの速度を、移動開始時と終了時をスローにするよう制御する、請求項１に記載する情報処理装置。
6. 前記制御部は、学習コースに従ってロボット制作の組み立て説明情報を生成する、請求項１に記載の情報処理装置。
7. 前記学習コースは、複数のステージから成り、当該ステージは複数のミッションから成る、請求項６に記載の情報処理装置。
8. 前記学習コース、ステージ、およびミッションは、ユーザの習熟度に応じて変化する、請求項７に記載の情報処理装置。
9. プロセッサが、
   ロボット制作のための複数パーツを離隔して表示し；
   各パーツにおける接合面を繋げる線を表示し；
   組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御を行うことを含む、情報処理方法。
10. コンピュータを、
    ロボット制作のための複数パーツを離隔して表示し；
    各パーツにおける接合面を繋げる線を表示し；
    組み立て順に、前記各パーツを前記接合面を繋げる線に応じて接合させるアニメーションを表示する、表示制御部として機能させるための、プログラム。

Images