特開 2024-146049 プログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】公開特許公報(A)

(11)【公開番号】P2024146049

(43)【公開日】2024-10-15

(54)【発明の名称】プログラム

(51)【国際特許分類】

   G06F 3/04815 20220101AFI20241004BHJP

   G06F 3/0488 20220101ALI20241004BHJP

   A63F 13/5255 20140101ALI20241004BHJP

   A63F 13/2145 20140101ALI20241004BHJP

   A63F 13/426 20140101ALI20241004BHJP

   A63F 13/55 20140101ALI20241004BHJP

【ＦＩ】

G06F3/04815

G06F3/0488

A63F13/5255

A63F13/2145

A63F13/426

A63F13/55

【審査請求】未請求

【請求項の数】5

【出願形態】ＯＬ

(21)【出願番号】P 2023058732

(22)【出願日】2023-03-31

(71)【出願人】

【識別番号】509070463

【氏名又は名称】株式会社コロプラ

(74)【代理人】

【識別番号】110000442

【氏名又は名称】弁理士法人武和国際特許事務所

(72)【発明者】

【氏名】松原 夏葉

【テーマコード（参考）】

5E555

【Ｆターム（参考）】

5E555AA27

5E555BA20

5E555BB20

5E555BC08

5E555CA12

5E555CB12

5E555CB16

5E555DC05

5E555DC24

5E555FA00

(57)【要約】

【課題】プレイヤの好みに合わせた３Ｄオブジェクトのカスタマイズを、直感的で且つシンプルに実現可能なプログラムを提供する。
【解決手段】プログラムは、タッチパネル式の表示部を備えるコンピュータを、３Ｄオブジェクトを仮想カメラで撮像して生成した２Ｄ画像を、表示部の編集領域に表示させる表示手段と、３Ｄオブジェクト及び仮想カメラの位置関係を変更する変更手段として機能させる。変更手段は、編集領域に対して実行されたタッチ操作に従って、３Ｄオブジェクト及び仮想カメラの位置関係を、第１方法で変更し、編集領域と異なる領域に対して実行されたタッチ操作に従って、３Ｄオブジェクト及び仮想カメラの位置関係を、第１方法と異なる第２方法で変更する。表示手段は、３Ｄオブジェクト及び仮想カメラの位置関係が変更される度に、新たな２Ｄ画像を表示部に表示させる。
【選択図】図１２

【特許請求の範囲】

【請求項1】

タッチパネル式の表示部を備えるコンピュータを、
３Ｄオブジェクトを仮想カメラで撮像して生成した２Ｄ画像を、前記表示部の編集領域に表示させる表示手段と、
前記３Ｄオブジェクト及び前記仮想カメラの位置関係を変更する変更手段として機能させ、
前記変更手段は、
前記編集領域に対して実行されたタッチ操作に従って、前記３Ｄオブジェクト及び前記仮想カメラの位置関係を、第１方法で変更し、
前記編集領域と異なる領域に対して実行されたタッチ操作に従って、前記３Ｄオブジェクト及び前記仮想カメラの位置関係を、前記第１方法と異なる第２方法で変更し、
前記表示手段は、前記３Ｄオブジェクト及び前記仮想カメラの位置関係が変更される度に、新たな前記２Ｄ画像を前記表示部に表示させる、プログラム。

【請求項2】

請求項１に記載のプログラムにおいて、
前記変更手段は、
前記第１方法として、前記３Ｄオブジェクト及び前記仮想カメラの一方を、第１軸周りに回転させ、
前記第２方法として、前記３Ｄオブジェクト及び前記仮想カメラの一方を、前記第１軸と交差する第２軸周りに回転させる、プログラム。

【請求項3】

請求項２に記載のプログラムにおいて、
前記変更手段は、
前記編集領域に対するスワイプ操作に応じて、前記３Ｄオブジェクト及び前記仮想カメラの一方を、スワイプ距離に対応する角度回転させ、
前記編集領域と異なる領域に表示されたアイコンに対するタップ操作に応じて、前記３Ｄオブジェクト及び前記仮想カメラの一方を、予め定められた角度回転させる、プログラム。

【請求項4】

請求項３に記載のプログラムにおいて、
前記第１軸は、前記仮想カメラの光軸に直交し、
前記第２軸は、前記仮想カメラの光軸と平行である、プログラム。

【請求項5】

請求項１に記載のプログラムにおいて、
前記表示手段は、
前記３Ｄオブジェクト及び前記仮想カメラの位置関係を変更する変更アイコンを、前記２Ｄ画像に関連付けて前記編集領域に表示し、
前記編集領域内を移動する前記２Ｄ画像に追従して前記変更アイコンを移動させ、
前記変更アイコンが前記編集領域から外れたことに応じて、当該変更アイコンを前記編集領域と異なる領域に表示させる、プログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、プログラムに関する。

【背景技術】

【0002】

従来より、プレイヤ同士がパーティーを結成して、協力してプレイするオンラインゲームが知られている。このようなオンラインゲームにおいては、プロフィールの一覧から目的、趣向、レベル（習熟度）が近いプレイヤを選んでパーティーを結成する方法が提供されている。

【0003】

プレイヤの目的や趣向を端的に表現する手段として、プロフィールの一覧に表示されるプロフィール画像の重要性が高まっている。そこで、特許文献１には、プレイヤの操作に従って３Ｄアバターの見た目をカスタマイズする技術が開示されている。

【先行技術文献】

【特許文献】

【0004】

【特許文献1】特開２０１４－０３５５５０号公報

【発明の概要】

【発明が解決しようとする課題】

【0005】

タッチパネル式のモニタ上でアバターの見た目をカスタマイズする手法として、アバターの表示領域に対する種々のタッチ操作（例えば、１本指スワイプ、２本指スワイプ、ピンチアウト、ピンチイン等）に対応する方法で、モニタ上のアバターをカスタマイズ（例えば、スライド、回転、拡大、縮小等）することが考えられる。これにより、アバターの直感的なカスタマイズが可能になる。

【0006】

但し、３Ｄアバターは、２Ｄ画像と比較して、カスタマイズの方法が多岐にわたるので、表示領域に対するタッチ操作のみで全てを実現しようとすると、操作が複雑になるという課題がある。なお、この課題は、アバターの見た目をカスタマイズすることに限定されない。また、この課題は、プロフィール画像のみならず、配信動画のサムネイル画像などにも同様に当てはまる。

【0007】

本発明は、上記の事情に鑑みてなされたものであり、その目的は、プレイヤの好みに合わせた３Ｄオブジェクトのカスタマイズを、直感的で且つシンプルに実現可能なプログラムを提供することにある。

【課題を解決するための手段】

【0008】

前記課題を解決するため、本発明に係るプログラムは、タッチパネル式の表示部を備えるコンピュータを、３Ｄオブジェクトを仮想カメラで撮像して生成した２Ｄ画像を、前記表示装置の編集領域に表示させる表示手段と、前記３Ｄオブジェクト及び前記仮想カメラの位置関係を変更する変更手段として機能させ、前記変更手段は、前記編集領域に対して実行されたタッチ操作に従って、前記３Ｄオブジェクト及び前記仮想カメラの位置関係を、第１方法で変更し、前記編集領域と異なる領域に対して実行されたタッチ操作に従って、前記３Ｄオブジェクト及び前記仮想カメラの位置関係を、前記第１方法と異なる第２方法で変更し、前記表示手段は、前記３Ｄオブジェクト及び前記仮想カメラの位置関係が変更される度に、新たな前記２Ｄ画像を前記表示部に表示させる。

【発明の効果】

【0009】

本発明によれば、プレイヤの好みに合わせた３Ｄオブジェクトのカスタマイズを、直感的で且つシンプルに実現することができる。

【図面の簡単な説明】

【0010】

【図1】本実施形態に係るシステムの概要を示す図である。

【図2】ユーザ端末のハードウェア構成図である。

【図3】プロフィール画像を示す図である。

【図4】ユーザ端末の機能ブロック図である。

【図5】３Ｄキャラから２Ｄ画像を生成する概念図である。

【図6】プロフィール選択画面（Ａ）及びプロフィール編集画面（Ｂ）の画面例である。

【図7】プロフィール画像を新規に作成する編集画面の画面例である。

【図8】２Ｄキャラを編集する編集画面の例を示す図である。

【図9】３Ｄキャラ（Ａ）及び照明（Ｂ）を選択する画面例である。

【図10】３Ｄキャラのスキン（Ａ）及び表情（Ｂ）を選択する画面例である。

【図11】３Ｄキャラのポーズ（Ａ）及びアウトライン（Ｂ）を選択する画面例である。

【図12】変更操作と変更方法との対応関係を示す表である。

【図13】３Ｄキャラを拡大及び平行移動した例を示す図である。

【図14】３ＤキャラをＹ軸周りに回転させると共に、仮想カメラに視線を向けた例を示す図である。

【図15】３ＤキャラをＸ軸周りに回転させると共に、仮想カメラに視線を向けた例を示す図である。

【図16】３ＤキャラをＺ軸周りに回転させた例を示す図である。

【図17】カメラ目線処理のフローチャートである。

【図18】３Ｄキャラ及び仮想カメラの位置関係を変更するインタフェースの他の例である。

【図19】編集領域に複数の３Ｄキャラを配置するインタフェースの例である。

【図20】プロフィール画像を構成する素材のレイヤーを操作する画面例である。

【発明を実施するための形態】

【0011】

以下、実施形態に係るシステム１を図面に基づいて説明する。なお、以下に記載する本発明の実施形態は、本発明を具体化する際の一例を示すものであって、本発明の範囲を実施形態の記載の範囲に限定するものではない。従って、本発明は、実施形態に種々の変更を加えて実施することができる。

【0012】

［システム１の概要］
図１は、本実施形態に係るシステム１の概要を示す図である。図１に示すように、システム１は、サーバ１０と、複数のユーザ端末２０とを主に備える。なお、図１には３つのユーザ端末２０が図示されているが、システム１に含まれるユーザ端末２０の数はこれに限定されない。サーバ１０及びユーザ端末２０は、通信ネットワーク２を介して相互通信可能に接続されている。通信ネットワーク２の具体例は特に限定されないが、例えば、インターネット、移動体通信システム（例えば、４Ｇ、５Ｇなど）、Ｗｉ－Ｆｉ（登録商標）などの無線ネットワーク、またはこれらの組み合わせで構成される。

【0013】

一例として、システム１は、複数のユーザ端末２０Ａ、２０Ｂ、２０Ｃのユーザ（プレイヤ）がパーティーを結成して、協力してプレイするオンラインゲームを実現する。他の例として、複数のユーザ端末２０Ａ、２０Ｂ、２０Ｃのユーザがアバターを介してコミュニケーションする仮想空間を実現する。さらに他の例として、システム１は、ユーザ端末２０Ａのユーザがアップロードした動画データを、他のユーザ端末２０Ｂ、２０Ｃのユーザに視聴させる動画配信サービスを実現する。これらのシステム１は既に周知なので、詳細な説明は省略する。

【0014】

［サーバ１０の構成］
サーバ１０は、例えば、ワークステーション、またはパーソナルコンピュータなどの汎用コンピュータで実現される。一例として、オンラインゲームを提供するサーバ１０は、複数のユーザ端末２０それぞれのゲームデータを同期させる。他の例として、仮想空間を提供するサーバ１０は、複数のユーザ端末２０それぞれの仮想空間データを同期させる。さらに他の例として、動画配信サービスを提供するサーバ１０は、ユーザ端末２０Ａからアップロードされた動画データを、ユーザ端末２０Ｂ、２０Ｃにダウンロードさせる。

【0015】

［ユーザ端末２０の構成］
ユーザ端末２０は、例えば、ＨＭＤセット、タブレット端末、スマートフォン、フィーチャーフォン、ラップトップ型コンピュータ、デスクトップコンピュータなどとして実現される。本実施形態では、図１に示すように、タブレット端末としてのユーザ端末２０の例を説明する。

【0016】

図２は、ユーザ端末２０のハードウェア構成図である。図２に示すように、ユーザ端末２０は、プロセッサ２１と、メモリ２２と、ストレージ２３と、通信インタフェース２５と、モニタ３１と、カメラ３３、３４と、マイク３５と、スピーカ３６と、動きセンサ４１と、操作装置４２（操作部）とを主に備える。ユーザ端末２０の各構成要素は、通信バス２９に接続されている。

【0017】

プロセッサ２１は、メモリ２２またはストレージ２３に格納されている端末プログラム２３Ｐに含まれる一連の命令を実行することによって、後述する処理を実現する。プロセッサ２１は、例えば、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、ＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、ＭＰＵ（Ｍｉｃｒｏ Ｐｒｏｃｅｓｓｏｒ Ｕｎｉｔ）、ＦＰＧＡ（Ｆｉｅｌｄ－Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ）、その他のデバイスとして実現される。

【0018】

メモリ２２は、端末プログラム２３Ｐ及びデータを一時的に保持する。端末プログラム２３Ｐは、例えば、ストレージ２３からロードされる。データは、ユーザ端末２０に入力されたデータと、プロセッサ２１によって生成されたデータとを含む。例えば、メモリ２２は、ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）、その他の揮発メモリとして実現される。

【0019】

ストレージ２３は、端末プログラム２３Ｐ及びデータを永続的に保持する。ストレージ２３は、例えば、ＲＯＭ（Ｒｅａｄ－Ｏｎｌｙ Ｍｅｍｏｒｙ）、ハードディスク装置、フラッシュメモリ、その他の不揮発記憶装置として実現される。また、ストレージ２３は、メモリカードのように着脱可能な記憶装置として実現されてもよい。さらに他の例として、ストレージ２３は、ユーザ端末２０に内蔵されることに代えて、外部記憶装置としてユーザ端末２０に接続されていてもよい。このような構成によれば、例えば、アミューズメント施設のように複数のユーザ端末２０が使用される場面において、端末プログラム２３Ｐやデータの更新を一括して行うことが可能になる。

【0020】

通信インタフェース２５は、通信ネットワーク２に接続されている他の装置（例えば、サーバ１０）と通信する。通信インタフェース２５は、例えば、ＬＡＮ（Ｌｏｃａｌ Ａｒｅａ Ｎｅｔｗｏｒｋ）など有線通信インタフェース、Ｗｉ－Ｆｉ（Ｗｉｒｅｌｅｓｓ Ｆｉｄｅｌｉｔｙ）、Ｂｌｕｅｔｏｏｔｈ（登録商標）、ＮＦＣ（Ｎｅａｒ Ｆｉｅｌｄ Ｃｏｍｍｕｎｉｃａｔｉｏｎ）などの無線通信インタフェースとして実現される。

【0021】

モニタ３１は、例えば図１に示すように、平板状の筐体の表面に設けられている。モニタ３１は、画像または映像を表示する表示装置（表示部）である。カメラ３３は、平板状の筐体の表面に取り付けられて、モニタ３１を視認するユーザの顔を撮像する、所謂インカメラである。カメラ３４は、平板状の筐体の裏面（モニタ３１と反対側の面）に取り付けられて、周囲を撮像する、所謂アウトカメラである。

【0022】

マイク３５は、ユーザの発話を音声信号（電気信号）に変換してコンピュータ２６に出力する。スピーカ３６は、コンピュータ２６から出力された音声信号を音声に変換してユーザに出力する。なお、ユーザ端末２０は、スピーカ３６に替えてイヤホンを含み得る。

【0023】

動きセンサ４１は、筐体の動き（例えば、互いに直交する３軸周りの回転）を検知する。動きセンサ４１は、例えば、角速度センサ、地磁気センサ、あるいは加速度センサで実現されてもよい。

【0024】

操作装置４２は、ユーザによるユーザ端末２０に対する命令の入力（操作）を受け付ける。操作装置４２は、例えば、モニタ３１に重畳されて、ユーザによる各種タッチ操作を受け付けるタッチパネルである。すなわち、本実施形態に係るモニタ３１は、タッチパネル式の表示部である。

【0025】

タッチ操作とは、モニタ３１に重畳されたタッチパネルにタッチ部材で触れる種々の操作（例えば、タップ操作、スワイプ操作、フリック操作、ピンチイン操作、ピンチアウト操作）の総称である。以下、ユーザの指をタッチ部材の具体例として説明するが、タッチペン等を用いてもよい。タッチパネルに対するタッチ操作は既に周知なので詳細な説明は省略するが、例えば以下のような操作を指す。

【0026】

タップ操作は、タッチパネル（すなわち、モニタ３１）に触れた指を所定の時間内に離間させる操作である。このときの操作装置４２は、例えば、タッチパネル上の指が触れた位置（以下、「タッチ位置」と表記する。）の座標をプロセッサ２１に出力する。以下、モニタ３１上のアイコンの位置に対するタップ操作を、「アイコンをタップする」、「アイコンを選択する」と表記することがある。

【0027】

スワイプ操作は、タッチパネルに触れた指をタッチパネルの表面に沿ってスライドさせる操作である。なお、スワイプ操作は、一本の指をスライドさせる一本指スワイプと、二本の指を同じ方向にスライドさせる二本指スワイプとを含む。このときの操作装置４２は、最初のタッチ位置と、タッチパネル上で指がスライドする方向（以下、「スワイプ方向」と表記する。）と、タッチパネル上で指がスライドした距離（以下、「スワイプ距離」と表記する。）とをプロセッサ２１に出力する。

【0028】

ピンチイン操作とは、タッチパネルに触れた二本の指を近づける操作である。ピンチアウト操作とは、タッチパネルに触れた二本の指を遠ざける操作である。このときの操作装置４２は、最初のタッチ位置と、二本の指それぞれのスワイプ方向及びスワイプ距離をプロセッサ２１に出力する。

【0029】

［プロフィール画像の概略］
プロフィール画像とは、システム１によって実現されるオンラインゲームにおいて、ユーザ端末２０のユーザを、他のユーザに対して紹介するための画像である。また、プロフィール画像は、オンラインゲームのパーティー募集画面に一覧表示される画像である。但し、ユーザ端末２０によって生成される画像の用途は、プロフィール画像に限定されない。他の例として、システム１によって実現される仮想空間において、ユーザ端末２０のアバターを紹介するためのプロフィール画像でもよい。さらに他の例として、システム１によって実現される動画配信サービスにおいて、ユーザ端末２０がアップロードした画像を紹介するサムネイル画像でもよい。

【0030】

図３は、プロフィール画像を示す図である。図３（Ａ）に示すように、プロフィール画像は、例えば、背景Ｍ１、２Ｄキャラ（図示省略）、３ＤキャラＭ２、テキストＭ３、シール（図示省略）、フレーム（図示省略）等（以下、これらを総称して、「素材」と表記する。）を組み合わせて構成される画像である。素材Ｍ１～Ｍ３は、いずれも二次元の画像である。そして、ユーザによって選択及び編集された素材Ｍ１、Ｍ２、Ｍ３を所定の順序で重ね合わせることによって、図３（Ｂ）に示すプロフィール画像が生成される。

【0031】

［ユーザ端末２０の機能ブロック図］
図４は、ユーザ端末２０の機能ブロック図である。図４に示すように、メモリ２２にロードされた端末プログラム２３Ｐは、ユーザ端末２０（コンピュータ）を、表示手段２１０、編集手段２２０、出力手段２３０として機能させる。なお、図４にはプロフィール画像をするための機能ブロックを中心に図示しているが、ユーザ端末２０は、オンラインゲーム、仮想空間、または映像の編集やアップロードをする機能をさらに有する。

【0032】

表示手段２１０は、モニタ３１に画像を表示させる。より詳細には、表示手段２１０は、図６～図１１、図１３～図１６、図１８～図２０に示す種々の画面をモニタ３１に表示させる。また、表示手段２１０は、操作装置４２に対するユーザの操作に従って、モニタ３１に表示させる画面を切り替える。さらに、表示手段２１０は、編集手段２２０によってプロフィール画像が編集される度に、編集後のプロフィール画像を編集領域Ａ３（図７参照）に表示させる。

【0033】

編集手段２２０は、操作装置４２に対するユーザの操作に従って、編集領域Ａ３に表示されたプロフィール画像を編集する。一例として、編集手段２２０は、プロフィール画像に対して、素材を追加及び削除する。他の例として、編集手段２２０は、プロフィール画像に含まれる素材の位置、大きさ、角度等を変更する。さらに他の例として、編集手段２２０は、プロフィール画像に含まれる素材に対して特殊効果（例えば、照明、スキン、エモート）を付与する。本実施形態に係る編集手段２２０は、変更手段２２１と、正対手段２２２とを含む。

【0034】

出力手段２３０は、編集手段２２０によって編集されたプロフィール画像を出力する。一例として、出力手段２３０は、プロフィール画像を示すプロフィール画像データを、ストレージ２３に保存（出力の一例）する。他の例として、出力手段２３０は、プロフィール画像を示すプロフィール画像データを、通信ＩＦ２５を通じてサーバ１０にアップロード（出力の他の例）する。

【0035】

本実施形態に係るユーザ端末２０は、特に、プロフィール画像に含まれる３Ｄオブジェクトを編集する種々の機能を有する。３Ｄオブジェクトとは、３次元的に描かれた形状のデータを指す。すなわち、３Ｄオブジェクトとは、３次元の座標を持つ立体的な形状を指す。一例として、３Ｄオブジェクトとは、人、動物、モンスター、ロボット等のキャラクタ（以下、「３Ｄキャラ」と表記する。）に限定されず、装備（例えば、武器、防具、アクセサリ）、乗り物（例えば、自動車、船、航空機、宇宙船）等でもよい。３Ｄオブジェクトは、複数のパーツを含む。また、複数のパーツは、互いに独立して動作してもよいし、互いに連動して動作してもよい。

【0036】

以下、ユーザ端末２０のユーザの分身となる「アバター」を、３Ｄオブジェクトの具体例として説明する。アバターを構成する複数のパーツとは、例えば、顔（頭）、動体、腕、脚等を指す。また、顔を構成するパーツとして、眼、鼻、口、耳等がある。さらに、眼を構成するパーツとして、眼球、瞳等がある。そして、顔は、動体、腕、脚とは独立して動作（回転）することができる。また、眼は、顔と連動して動作する。さらに、瞳は、眼球と連動して動作する。すなわち、瞳を動かす場合には、顔を固定した状態で眼球を回転させてもよいし、瞳を目の正面に保持した（すなわち、眼球を固定した）状態で顔を回転させてもよい。

【0037】

図５は、３Ｄオブジェクトの一例である３Ｄキャラ５０から２Ｄ画像を生成する概念図である。３Ｄキャラ５０は、例えば図５に示すように、半球状の仮想空間５１内に配置される。また、３Ｄキャラ５０は、仮想空間５１内で移動可能である。また、仮想空間５１の表面には、３Ｄキャラ５０を撮像する仮想カメラ５２が配置（固定）される。さらに、仮想空間５１には、互いに直交するＸ軸、Ｙ軸、Ｚ軸が定義される。Ｘ軸、Ｙ軸、Ｚ軸は、３Ｄキャラ５０の中心で交わる。また、Ｘ軸、Ｙ軸、Ｚ軸は、３Ｄキャラ５０の移動に追従して移動する。Ｚ軸は、３Ｄキャラ５０の中心を通り、仮想カメラ５２の光軸と平行な軸である。Ｘ軸は、３Ｄキャラ５０の中心を通り、Ｚ軸（すなわち、仮想カメラ５２の光軸）に直交する水平軸である。Ｙ軸は、３Ｄキャラ５０の中心を通り、Ｚ軸に直交する鉛直軸である。

【0038】

表示手段２１０は、仮想空間５１内に配置された３Ｄキャラ５０を仮想カメラ５２で撮像して２Ｄ画像を生成する。２Ｄ画像とは、３Ｄキャラ５０をＸ－Ｙ平面上に投影した画像である。また、２Ｄ画像とは、３Ｄキャラ５０のうちの仮想カメラ５２の撮像範囲５３（画角）に含まれる部分の画像である。そして、表示手段２１０は、生成した２Ｄ画像を編集領域Ａ３に表示させる。さらに、表示手段２１０は、編集手段２２０によって２Ｄ画像が編集される度に、編集された２Ｄ画像を編集領域Ａ３に表示（すなわち、編集領域Ａ３内の２Ｄ画像を更新）させる。

【0039】

変更手段２２１は、操作装置４２に対して実行された変更操作に従って、３Ｄキャラ５０及び仮想カメラ５２の位置関係を変更する。一例として、３Ｄキャラ５０及び仮想カメラ５２の位置関係とは、撮像範囲５３内における３Ｄキャラ５０位置（相対位置）を指す。他の例として、３Ｄキャラ５０及び仮想カメラ５２の位置関係とは、仮想カメラ５２から３Ｄキャラ５０までの距離（相対距離）を指す。さらに他の例として、３Ｄキャラ５０及び仮想カメラ５２の位置関係とは、仮想カメラ５２に対する３Ｄオブジェクトの角度（相対角度）を指す。

【0040】

一例として、変更手段２２１は、３Ｄキャラ５０をＸ－Ｙ平面に沿って平行移動させる。他の例として、変更手段２２１は、３Ｄキャラ５０をＺ軸に沿って仮想カメラ５２に近づけたり（拡大）、仮想カメラ５２から遠ざけたりする（縮小）。さらに他の例として、変更手段２２１は、Ｘ軸（第１軸の一例）、Ｙ軸（第１軸の他の例）、Ｚ軸（第２軸の一例）周りに、３Ｄキャラ５０を回転させる。なお、３Ｄキャラ５０及び仮想カメラ５２の位置関係を変更する方法は、仮想カメラ５２の位置を固定して、仮想空間５１内で３Ｄキャラ５０を移動させることに限定されない。他の例として、仮想空間５１の中心に３Ｄキャラ５０を固定して、仮想空間５１の表面に沿って仮想カメラ５２を移動または回転させてもよい。

【0041】

正対手段２２２は、所定の条件を満たしたことに応じて、３Ｄキャラ５０を構成する複数のパーツのうちの特定パーツを、仮想カメラ５２に正対させる。特定パーツは、例えば、３Ｄキャラ５０の瞳である。すなわち、瞳を仮想カメラ５２に正対させるとは、３Ｄキャラ５０の視線を仮想カメラ５２に向けることを指す。換言すれば、瞳を仮想カメラ５２に正対させるとは、３Ｄキャラ５０をカメラ目線にすることを指す。但し、特定パーツの具体例は瞳に限定されず、３Ｄキャラ５０が身に着ける帽子の正面に付加されたマーク、３Ｄキャラ５０が着ている服の腕に付加された腕章、３Ｄキャラ５０が手に持っている武器等でもよい。

【0042】

［プロフィール画像の編集処理］
図６は、プロフィール選択画面（Ａ）及びプロフィール編集画面（Ｂ）の画面例である。まず、ユーザ端末２０（表示手段２１０）は、図６に示すプロフカード選択画面をモニタ３１に表示させる。プロフカード選択画面は、既に生成されたプロフィール画像の１つをユーザに選択させるための画面である。プロフカード選択画面は、カードアイコン６１ａ、６１ｂと、メモボックス６２ａ、６２ｂと、プロフィール画像数６３と、［プロフカードを編集する］アイコン６４と、戻るアイコン６５とを含む。

【0043】

カードアイコン６１ａ、６１ｂは、既に生成したプロフィール画像に対応する。カードアイコン６１ａ、６１ｂは、例えば、プロフィール画像を縮小した画像で構成される。カードアイコン６１ａ、６１ｂに対応するプロフィール画像は、サーバ１０またはストレージ２３に保存されている。さらに、［プロフィール選択中］のテキストが付加されたカードアイコン６１ｂに対応するプロフィール画像は、プロフィールの一覧に表示される。メモボックス６２ａ、６２ｂには、対応するカードアイコン６１ａ、６１ｂに付加するメモ（例えば、プロフィール画像の名称や用途等）が入力される。プロフィール画像数６３は、保存可能なプロフィール画像の数と、現時点で保存されているプロフィール画像の数とを示す数字［２／１０］である。

【0044】

そして、ユーザ端末２０は、カードアイコン６１ａ、６１ｂがタップされたことに応じて、プロフィールの一覧に表示するプロフィール画像を切り替える。また、ユーザ端末２０は、［プロフカードを編集する］アイコン６４がタップされたことに応じて、図６（Ｂ）に示すプロフカード編集画面をモニタ３１に表示させる。さらに、ユーザ端末２０は、戻るアイコン６５がタップされたことに応じて、プロフィール選択画面が表示される前の画面（すなわち、親画面）をモニタ３１に表示させる。

【0045】

プロフカード編集画面は、カードアイコン６１ａ、６１ｂ、メモボックス６２ａ、６２ｂ、プロフィール画像数６３、及び戻るアイコン６５に加えて、新規アイコン６１ｃ、メモボックス６２ｃ、［編集］アイコン６６、［削除］アイコン６７を含む。新規アイコン６１ｃは、プロフィール画像を新規に作成するためのアイコンである。メモボックス６２ｃには、新規アイコン６１ｃのメモが入力される。［編集］アイコン６６は、既に生成されたプロフィール画像の編集、またはプロフィール画像を新規に作成するためのアイコンである。［削除］アイコン６７は、既に生成されたプロフィール画像を削除するためのアイコンである。

【0046】

そして、ユーザ端末２０は、カードアイコン６１ａ、６１ｂがタップされたことに応じて、当該アイコンをハイライト表示する。また、ユーザ端末２０は、この状態で［編集］アイコン６６がタップされたことに応じて、ハイライト表示されたカードアイコン６１ａ、６１ｂに対応するプロフィール画像を編集するための編集画面をモニタ３１に表示させる。また、ユーザ端末２０は、この状態で［削除］アイコン６７がタップされたことに応じて、ハイライト表示されたカードアイコン６１ａ、６１ｂに対応するプロフィール画像を削除する。

【0047】

さらに、ユーザ端末２０は、新規アイコン６１ｃがタップされたことに応じて、当該アイコンをハイライト表示する。また、ユーザ端末２０は、この状態で［編集］アイコン６６がタップされたことに応じて、図７に示すように、プロフィール画像を新規に作成するための編集画面をモニタ３１に表示させる。一方、新規アイコン６１ｃがハイライト表示された場合、［削除］アイコン６７は選択不能（グレーアウト）される。

【0048】

図７は、プロフィール画像を新規に作成する編集画面の画面例である。図７に示すように、編集画面は、ヘッダ領域Ａ１と、フッタ領域Ａ２と、編集領域Ａ３と、外枠領域Ａ４と、選択領域Ａ５とを含む。なお、既存のプロフィール画像を編集する編集画面は、編集対象のプロフィール画像が編集領域Ａ３に表示されている点で、図７と相違する。

【0049】

ヘッダ領域Ａ１は、編集画面の最上段の領域である。ヘッダ領域Ａ１は、ＵｎＤｏアイコン６８と、ＲｅＤｏアイコン６９と、メモボックス６２ｃと、［保存］アイコン７０とを含む。ＵｎＤｏアイコン６８は、編集領域Ａ３に表示されたプロフィール画像の編集を１ステップ戻すためのアイコンである。ＲｅＤｏアイコン６９は、ＵｎＤｏアイコン６８で戻したステップを取り消すためのアイコンである。［保存］アイコン７０は、編集領域Ａ３に表示されたプロフィール画像を示すプロフィール画像データを、サーバ１０またはストレージ２３に保存するためのアイコンである。

【0050】

フッタ領域Ａ２は、編集画面の最下段の領域である。フッタ領域Ａ２は、戻るアイコン６５と、［レイヤー操作］アイコン７１とを含む。［レイヤー操作］アイコン７１は、プロフィール画像を構成する複数の素材を重ねる順序（レイヤー）を操作するためのアイコンである。

【0051】

編集領域Ａ３は、ヘッダ領域Ａ１及び選択領域Ａ５の間の領域である。また、編集領域Ａ３は、プロフィール画像が表示される領域である。さらに、編集領域Ａ３は、プロフィール画像を編集するためのタッチ操作を受け付ける領域である。編集領域Ａ３は、プロフィール画像及び撮像範囲５３のサイズ（縦横比）と同一である。外枠領域Ａ４は、編集領域Ａ３を囲む枠型の領域である。外枠領域Ａ４には、プロフィール画像は表示されないが、プロフィール画像を編集するためのアイコンは表示可能である。そして、外枠領域Ａ４は、編集領域Ａ３と同様に、プロフィール画像を編集するためのタッチ操作を受け付ける領域である。

【0052】

選択領域Ａ５は、編集領域Ａ３及びフッタ領域Ａ２の間の領域である。また、選択領域Ａ５は、編集領域Ａ３に表示されたプロフィール画像を編集するための選択肢を表示すると共に、選択肢を選択するためのタッチ操作を受け付ける領域である。さらに、選択領域Ａ５は、カテゴリ領域Ａ６と、サブカテゴリ領域Ａ７と、素材領域Ａ８とを含む。

【0053】

カテゴリ領域Ａ６は、複数のカテゴリアイコン７２ａ、７２ｂ、７２ｃ、７２ｄを含む。カテゴリアイコン７２ａ～７２ｄは、プロフィール画像の素材のカテゴリ（例えば、背景、２Ｄキャラ、３Ｄキャラ、文字、シール、フレーム）に対応する。サブカテゴリ領域Ａ７は、選択されたカテゴリアイコン７２ａ～７２ｄに対応するサブカテゴリアイコン７３ａ、７３ｂを含む。素材領域Ａ８は、選択されたサブカテゴリアイコン７３ａ、７３ｂに対応する素材アイコン７４ａ、７４ｂ、７４ｃ、７４ｄ、７４ｅ、７４ｆ、７４ｇ、７４ｈを含む。素材アイコン７４ａ～７４ｈは、プロフィール画像に含めることが可能な素材に対応する。

【0054】

なお、各領域Ａ６、Ａ７、Ａ８に一度に表示きれないアイコンは、各領域に対するスクロール操作によって表示してもよい。例えば、カテゴリ領域Ａ６及びサブカテゴリ領域Ａ７は横スクロールとし、素材領域Ａ８は縦スクロールとしてもよい。

【0055】

以上のように、プロフィール画像を構成する素材は、カテゴリ及びサブカテゴリにカテゴライズされて管理されている。素材を示す素材データは、ストレージ２３に保存されていてもよいし、サーバ１０からダウンロードしてもよい。また、素材領域Ａ８は、開放状態の素材アイコン７４ａ～７４ｄと、未開放状態の素材アイコン７４ｅ～７４ｈとを含んでもよい。

【0056】

開放状態とは、対応する素材をプロフィール画像に含めることができる状態を指す。換言すれば、開放状態とは、素材アイコン７４ａ～７４ｄに対応する素材データを、ユーザ端末２０のユーザが既に取得した状態を指す。未開放状態とは、対応する素材をプロフィール画像に含めることができない状態を指す。換言すれば、未開放状態とは、素材アイコン７４ａ～７４ｄに対応する素材データを、ユーザ端末２０のユーザが未だ取得していない状態を指す。

【0057】

一部の素材アイコン７４ａ、７４ｂは、例えば、最初から開放状態となっていてもよい。他の一部の素材アイコン７４ｃ、７４ｂは、オンラインゲーム上のミッションの達成、または課金することによって開放状態にされてもよい。一方、未開放状態の素材アイコン７４ｅ～７４ｈは、未だミッションを達成していないか、課金されていないことによって、選択できない状態（グレーアウト）にされている。他の例として、未開放状態の素材アイコン７４ｅ～７４ｈは、非表示にされてもよい。図９～図１１の素材アイコン７９ｂ～７９ｅ、８２ａ～８２ｃ、８８ａ～８８ｃ、９０ａ～９０ｄ、９１ａ～９１ｄについても同様である。

【0058】

図８は、２Ｄキャラを編集する編集画面の例を示す図である。ユーザ端末２０（表示手段２１０）は、図７のカテゴリアイコン７２ｂ、サブカテゴリアイコン７３ｂ、及び素材アイコン７４ｄが選択されたことに応じて、図８（Ａ）に示すように、キャラ画像７５と、変更アイコン７６ａ、７６ｂ、７６ｃ、７６ｄと、レイヤーアイコン７７ａ、７７ｂ、７７ｃ、７７ｄとを、モニタ３１の編集領域Ａ３に表示させる。

【0059】

キャラ画像７５は、選択された素材アイコン７４ｄに対応する２Ｄキャラを示す二次元画像である。変更アイコン７６ａ～７６ｄは、プロフィール画像上でキャラ画像７５を変更するためのアイコンである。レイヤーアイコン７７ａ～７７ｄは、プロフィール画像上において、キャラ画像７５のレイヤーを変更するためのアイコンである。

【0060】

より詳細には、変更アイコン７６ａは、キャラ画像７５を複製するためのアイコンである。変更アイコン７６ｂは、キャラ画像７５を削除するためのアイコンである。変更アイコン７６ｃは、キャラ画像７５を拡大または縮小するためのアイコンである。変更アイコン７６ｄは、キャラ画像７５を表示面に直交する軸周りに回転させるためのアイコンである。

【0061】

レイヤーアイコン７７ａは、キャラ画像７５を最前面のレイヤーに移動させるためのアイコンである。レイヤーアイコン７７ｂは、キャラ画像７５を１つ前のレイヤーに移動させるためのアイコンである。レイヤーアイコン７７ｃは、キャラ画像７５を１つ後ろのレイヤーに移動させるためのアイコンである。レイヤーアイコン７７ｄは、キャラ画像７５を最背面のレイヤーに移動させるためのアイコンである。

【0062】

変更アイコン７６ａ～７６ｄは、キャラ画像７５を囲む矩形の破線枠の頂点に配置される。レイヤーアイコン７７ａ～７７ｄは、キャラ画像７５に隣接する位置に配置される。より詳細には、レイヤーアイコン７７ａ～７７ｄは、キャラ画像７５が編集領域Ａ３の中央より左方に位置しているとき、キャラ画像７５の右方に配置されてもよい。レイヤーアイコン７７ａ～７７ｄは、キャラ画像７５が編集領域Ａ３の中央より右方に位置しているとき、キャラ画像７５の左方に配置されてもよい。

【0063】

ユーザ端末２０（編集手段２２０）は、変更アイコン７６ａ～７６ｄがタップされたことに応じて、タップされた変更アイコン７６ａ～７６ｄに対応付けられた方法で、キャラ画像７５を変更する。また、ユーザ端末２０（編集手段２２０）は、レイヤーアイコン７７ａ～７７ｄがタップされたことに応じて、キャラ画像７５のレイヤーを変更する。さらに、ユーザ端末２０（編集手段２２０）は、破線枠の内側に対するスワイプ操作に従って、編集領域Ａ３（すなわち、プロフィール画像）内において、キャラ画像７５をスワイプ方向にスワイプ距離だけ平行移動させる。さらに、ユーザ端末２０（表示手段２１０）は、編集手段２２０によって編集されたキャラ画像７５を編集領域Ａ３に表示させる（すなわち、キャラ画像７５を更新する）。

【0064】

図８（Ｂ）に示すように、編集領域Ａ３内でキャラ画像７５が平行移動された場合において、キャラ画像７５の編集領域Ａ３から外れた部分は非表示となる。換言すれば、キャラ画像７５の全てを編集領域Ａ３の外に移動させることはできない。また、変更アイコン７６ａ～７６ｄ及びレイヤーアイコン７７ａ～７７ｄは、キャラ画像７５の平行移動に追従して移動する。そして、編集領域Ａ３から外れた変更アイコン７６ｃ、７６ｄ及びレイヤーアイコン７７ｄは、外枠領域Ａ４に表示される。他の例として、編集領域Ａ３外にキャラ画像７５を完全に移動させることができてもよい。また、編集領域Ａ３外のキャラ画像７５に対するタッチ操作によって、キャラ画像７５を編集可能にしてもよい。但し、編集領域Ａ３外のキャラ画像７５は、プロフィール画像には反映されない。

【0065】

さらに、ユーザ端末２０（編集手段２２０）は、編集領域Ａ３内のキャラ画像７５がユーザによって移動または回転されたことによって、所定の位置または所定の角度に自動的にフィットさせるフィット機能を有していてもよい。一例として、ユーザ端末２０（編集手段２２０）は、ユーザによるスワイプ操作によってキャラ画像７５が編集領域Ａ３の上下方向（または左右方向）の中央に近づいた場合に、キャラ画像７５を編集領域Ａ３の上下方向（または左右方向）の中央にフィットさせる。他の例として、ユーザ端末２０（編集手段２２０）は、ユーザによるスワイプ操作によってキャラ画像７５が編集領域Ａ３の隅に近づいた場合に、キャラ画像７５を編集領域Ａ３の隅にフィットさせる。但し、これらのフィット機能は、キャラ画像７５の回転角度が０°、９０°、１８０°、２７０°の場合にのみ有効にされてもよい。さらに他の例として、ユーザ端末２０（編集手段２２０）は、ユーザによる変更アイコン７６ｄの操作によってキャラ画像７５の回転角度が０°、９０°、１８０°、２７０°に近づいた場合に、キャラ画像７５の回転角度を０°、９０°、１８０°、２７０°にフィットさせる。

【0066】

図７に戻って、ユーザ端末２０（出力手段２３０）は、［保存］アイコン７０がタップされたことに応じて、編集領域Ａ３に表示されたプロフィール画像をサーバ１０またはストレージ２３に保存する。また、ユーザ端末２０（出力手段２３０）は、［保存］アイコン７０がタップされずに戻るアイコン６５がタップされたことに応じて、編集領域Ａ３に表示されたプロフィール画像を保存するか否かを確認するためのダイアログを表示する。そして、ユーザ端末２０は、保存することをユーザが選択した場合に、プロフィール画像を保存してから親画面に遷移する。一方、ユーザ端末２０は、保存しないことをユーザが選択した場合に、プロフィール画像を保存してから親画面に遷移する。

【0067】

また、図示は省略するが、ユーザ端末２０は、カテゴリアイコン７２ａがタップされたことに応じて、背景に対応する素材アイコンを素材領域Ａ８に表示させる。そして、ユーザ端末２０は、タップされた素材アイコンに対応する背景Ｍ１を編集領域Ａ３に表示（すなわち、プロフィール画像に追加）させる。また、ユーザ端末２０は、カテゴリアイコン７２ｄがタップされたことに応じて、フォントタイプ、フォントサイズ、フォントカラーなどを指定するアイコンと、ソフトウェアキーボードとを素材領域Ａ８に表示させる。そして、ユーザ端末２０は、素材領域Ａ８に対するタップ操作に従って、テキストＭ３を編集領域Ａ３に表示（すなわち、プロフィール画像に追加）させる。

【0068】

［３Ｄキャラ５０の編集処理］
図９～図１１を参照して、３Ｄキャラ５０の見た目を編集する処理を説明する。図９は、３Ｄキャラ５０（Ａ）及び照明（Ｂ）を選択する画面例である。図１０は、３Ｄキャラ５０のスキン（Ａ）及び表情（Ｂ）を選択する画面例である。図１１は、３Ｄキャラ５０のポーズ（Ａ）及びアウトライン（Ｂ）を選択する画面例である。

【0069】

ユーザ端末２０（表示手段２１０）は、カテゴリ領域Ａ６のカテゴリアイコン７２ｃが選択されたことに応じて、図９に示すように、サブカテゴリアイコン７８ａ、７８ｂをサブカテゴリ領域Ａ７に表示させる。また、ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン７８ａが選択されたことに応じて、図９（Ａ）に示すように、素材アイコン７９ａ、７９ｂ、７９ｃ、７９ｄ、７９ｅを素材領域Ａ８に表示させる。素材アイコン７９ａ～７９ｅは、３Ｄキャラ５０に対応するアイコンである。

【0070】

ユーザ端末２０（表示手段２１０）は、素材アイコン７９ｅが選択されたことに応じて、選択された素材アイコン７９ｅに対応付けて、［カスタム］アイコン８０を素材領域Ａ８に表示させる。また、ユーザ端末２０（表示手段２１０）は、素材アイコン７９ｅに対応する３Ｄキャラ５０を仮想カメラ５２で撮像して２Ｄ画像８１を生成する。さらに、ユーザ端末２０（表示手段２１０）は、生成した２Ｄ画像８１を編集領域Ａ３に表示させる。最初（素材アイコン７９ｅが選択された直後）の２Ｄ画像８１は、例えば、３Ｄキャラ５０の全身を正面から撮像したものである。

【0071】

このときの３Ｄキャラ５０及び仮想カメラ５２の位置関係を「初期状態」と表記する。初期状態の３Ｄキャラ５０の体は、仮想カメラ５２に正対している。また、初期状態の３Ｄキャラ５０の顔は、体の正面を向いている。さらに、初期状態の３Ｄキャラ５０の瞳は、眼の中央に位置している。その結果、初期状態の３Ｄキャラ５０の瞳は、仮想カメラ５２に正対している（所謂、カメラ目線）。

【0072】

ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン７８ｂが選択されたことに応じて、図９（Ｂ）に示すように、素材アイコン８２ａ、８２ｂ、８２ｃを素材領域Ａ８に表示させる。素材アイコン８２ａ～８２ｃは、３Ｄキャラ５０に照射する照明のイメージ（例えば、昼、夕焼け、夜）に対応する。そして、ユーザ端末２０（編集手段２２０）は、素材アイコン８２ａ～８２ｃの１つが選択されたことに応じて、対応する照明を３Ｄキャラ５０に照射する。また、ユーザ端末２０（表示手段２１０）は、照明が照射された３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0073】

ユーザ端末２０（表示手段２１０）は、［カスタム］アイコン８０が選択されたことに応じて、図１０及び図１１に示すように、回転アイコン８３ａ、８３ｂ、［目線］アイコン８４、及び［初期］アイコン８５を外枠領域Ａ４に表示させる。回転アイコン８３ａ、８３ｂは、３Ｄキャラ５０をＺ軸周りに回転させるためのアイコンである。［目線］アイコン８４は、３Ｄキャラ５０の瞳を仮想カメラ５２に正対（すなわち、３Ｄキャラ５０をカメラ目線）させるためのアイコンである。［初期］アイコン８５は、３Ｄキャラ５０及び仮想カメラ５２の位置関係を初期状態に戻すためのアイコンである。３Ｄキャラ５０及び仮想カメラ５２の位置関係を変更する処理は、図１２～図１８を参照して後述する。また、ユーザ端末２０（表示手段２１０）は、図１０及び図１１に示すように、カテゴリアイコン８６ａ、８６ｂをカテゴリ領域Ａ６に表示させる。

【0074】

ユーザ端末２０（表示手段２１０）は、カテゴリアイコン８６ａが選択されたことに応じて、図１０（Ａ）に示すように、サブカテゴリアイコン８７ａ、８７ｂ、８７ｃ、８７ｄをサブカテゴリ領域Ａ７に表示させる。サブカテゴリアイコン８７ａ～８７ｄは、３Ｄキャラ５０が身に着けるアイテムの場所（例えば、頭、トップス、ボトムス、その他）に対応する。また、ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン８７ａが選択されたことに応じて、素材アイコン８８ａ、８８ｂ、８８ｃを素材領域Ａ８に表示させる。素材アイコン８８ａ～８８ｃは、３Ｄキャラ５０の頭に装着するアイテムに対応する。そして、ユーザ端末２０（編集手段２２０）は、素材アイコン８８ａ～８８ｃの１つが選択されたことに応じて、対応するアイテムを３Ｄキャラ５０に装着させる。また、ユーザ端末２０（表示手段２１０）は、アイテムを装着した３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0075】

ユーザ端末２０（表示手段２１０）は、カテゴリアイコン８６ｂが選択されたことに応じて、図１０（Ｂ）～図１１（Ｂ）に示すように、サブカテゴリアイコン８９ａ、８９ｂ、８９ｃをサブカテゴリ領域Ａ７に表示させる。サブカテゴリアイコン８９ａ～８９ｃは、３Ｄキャラ５０の表情、ポーズ、アウトライン（ＯＬ）に対応する。

【0076】

ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン８９ａが選択されたことに応じて、図１０（Ｂ）に示すように、素材アイコン９０ａ、９０ｂ、９０ｃ、９０ｄを素材領域Ａ８に表示させる。素材アイコン９０ａ～９０ｄは、３Ｄキャラ５０の表情に対応する。そして、ユーザ端末２０（編集手段２２０）は、選択された素材アイコン９０ａ～９０ｄに合わせて、３Ｄキャラ５０の表情を変更する。また、ユーザ端末２０（表示手段２１０）は、表情が変更された３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0077】

ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン８９ｂが選択されたことに応じて、図１１（Ａ）に示すように、素材アイコン９１ａ、９１ｂ、９１ｃ、９１ｄを素材領域Ａ８に表示させる。素材アイコン９１ａ～９１ｄは、３Ｄオブジェクトのポーズに対応する。そして、ユーザ端末２０（編集手段２２０）は、選択された素材アイコン９１ａ～９１ｄに合わせて、３Ｄキャラ５０のポーズを変更する。また、ユーザ端末２０（表示手段２１０）は、ポーズが変更された３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0078】

ユーザ端末２０（表示手段２１０）は、サブカテゴリアイコン８９ｃが選択されたことに応じて、図１１（Ｂ）に示すように、３Ｄキャラ５０のアウトライン（輪郭線）の太さや色を選択するためのアイコンを素材領域Ａ８に表示させる。そして、ユーザ端末２０（編集手段２２０）は、素材領域Ａ８に表示されたアイコンの操作に合わせて、３Ｄキャラ５０のアウトラインを変更する。また、ユーザ端末２０（表示手段２１０）は、アウトラインが変更された３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0079】

図１２～図１６を参照して、３Ｄキャラ５０と仮想カメラ５２との位置関係（相対位置、相対距離、相対角度）を変更する具体的な方法を説明する。図１２は、変更操作と変更方法との対応関係を示す表である。図１３は、３Ｄキャラ５０を拡大及び平行移動した例を示す図である。図１４は、３Ｄキャラ５０をＹ軸周りに回転させると共に、仮想カメラ５２に視線を向けた例を示す図である。図１５は、３Ｄキャラ５０をＸ軸周りに回転させると共に、仮想カメラ５２に視線を向けた例を示す図である。図１６は、３Ｄキャラ５０をＺ軸周りに回転させた例を示す図である。

【0080】

ユーザ端末２０（変更手段２２１）は、編集領域Ａ３に対するタッチ操作に応じて、３Ｄキャラ５０と仮想カメラ５２との位置関係を第１方法で変更する。また、ユーザ端末２０（変更手段２２１）は、外枠領域Ａ４（編集領域Ａ３と異なる領域の一例）に表示されたアイコン８３ａ、８３ｂ、８４、８５に対するタップ操作に応じて、３Ｄキャラ５０と仮想カメラ５２との位置関係を第２方法で変更する。そして、ユーザ端末２０（表示手段２１０）は、３Ｄキャラ５０と仮想カメラ５２との位置関係が変更される度に、変更後の３Ｄキャラ５０を仮想カメラ５２で撮像して、新たな２Ｄ画像８１を編集領域Ａ３に表示させる。

【0081】

まず、ユーザ端末２０（変更手段２２１）は、編集領域Ａ３に表示された２Ｄ画像８１に対する二本指スワイプに応じて、図１３（Ｂ）及び図１３（Ｃ）に示すように、Ｘ－Ｙ平面上で３Ｄキャラ５０を平行移動（第１方法の変更の一例）させる。より詳細には、ユーザ端末２０（変更手段２２１）は、スワイプ方向に対応する方向に３Ｄキャラ５０を平行移動させる。すなわち、スワイプ方向が上下方向の場合は３Ｄキャラ５０がＹ軸に沿って平行移動し、スワイプ方向が左右方向の場合は３Ｄキャラ５０がＸ軸に沿って平行移動する。また、３Ｄキャラ５０の移動距離は、スワイプ距離に対応する。

【0082】

また、ユーザ端末２０（変更手段２２１）は、編集領域Ａ３に表示された２Ｄ画像８１に対する一本指スワイプに応じて、３Ｄキャラ５０を第１軸周りに回転（第１方法の変更の他の例）させる。より詳細には、ユーザ端末２０（変更手段２２１）は、スワイプ方向に対応する方向に３Ｄキャラ５０を回転させる。すなわち、スワイプ方向が上下方向の場合は３Ｄキャラ５０がＸ軸周りに回転し（図１３（Ｃ）及び図１５（Ａ））、スワイプ方向が左右方向の場合は３Ｄキャラ５０がＹ軸周りに回転する（図１３（Ｃ）及び図１４（Ａ））。また、３Ｄキャラ５０の回転角度は、スワイプ距離に対応する。

【0083】

また、ユーザ端末２０（変更手段２２１）は、編集領域Ａ３に表示された２Ｄ画像８１に対するピンチアウト操作に応じて、図１３（Ａ）及び図１３（Ｂ）に示すように、３Ｄキャラ５０を拡大（第１方法の変更の他の例）する。また、ユーザ端末２０（変更手段２２１）は、編集領域Ａ３に表示された２Ｄ画像８１に対するピンチイン操作に応じて、３Ｄキャラ５０を縮小（第１方法の変更の他の例）する。なお、３Ｄキャラ５０の拡大率（縮小率）は、二本指のスワイプ距離に対応する。

【0084】

また、ユーザ端末２０（変更手段２２１）は、回転アイコン８３ａ、８３ｂのタップ操作に応じて、３Ｄキャラ５０をＺ軸周りに回転（第２方法の変更の一例）させる。より詳細には、回転アイコン８３ａは反時計周りの回転に対応し（図１６（Ａ）及び図１６（Ｂ））、回転アイコン８３ｂは時計周りの回転に対応する（図１６（Ａ）及び図１６（Ｃ））。また、ユーザ端末２０（変更手段２２１）は、回転アイコン８３ａ、８３ｂが１回タップされる度に、予め定められた回転角度（例えば、１５°）だけ回転させる。一方、ユーザ端末２０（変更手段２２１）は、回転アイコン８３ａ、８３ｂが継続してタップされている間、３Ｄキャラ５０を連続的に回転させてもよい。

【0085】

また、ユーザ端末２０（正対手段２２２）は、［目線］８４のタップ操作に応じて、３Ｄキャラ５０をカメラ目線にする（第２方法の変更の他の例）。この処理は、図１４、図１５、及び図１７を参照して後述する。さらに、ユーザ端末２０（変更手段２２１）は、［初期］アイコン８５のタップ操作に応じて、３Ｄキャラ５０及び仮想カメラ５２の位置関係を初期状態に戻す（第２方法の変更の他の例）。

【0086】

なお、図１２に示す３Ｄキャラ５０の移動は、３Ｄキャラ５０を構成する複数のパーツの位置関係を維持したまま行われる。例えば、図１３（Ｃ）に示すカメラ目線の３Ｄキャラ５０を回転させると、図１４（Ａ）または図１５（Ａ）に示すように、３Ｄキャラ５０の視線が仮想カメラ５２から外れる（すなわち、３Ｄキャラ５０の体、頭、及び眼球が連動して回転する）。

【0087】

このとき、ユーザ端末２０（正対手段２２２）は、［目線］アイコン８４が選択されたことに応じて、３Ｄキャラ５０の瞳を仮想カメラ５２に正対させる（すなわち、カメラ目線にする）。そして、ユーザ端末２０（表示手段２１０）は、カメラ目線の３Ｄキャラ５０を仮想カメラ５２で撮像して２Ｄ画像８１を生成し、生成した２Ｄ画像８１を編集領域Ａ３に表示させる。［目線］アイコン８４をタップすることは、所定条件を満たしたことの一例である。但し、３Ｄキャラ５０をカメラ目線にする所定条件は、前述の例に限定されず、編集領域Ａ３をダブルタップすること等でもよい。

【0088】

なお、ユーザ端末２０（正対手段２２２）は、３Ｄキャラ５０の体の向きを固定した状態で、瞳を仮想カメラ５２に正対させる。すなわち、ユーザ端末２０（正対手段２２２）は、３Ｄキャラ５０をカメラ目線にするために、３Ｄキャラ５０を構成する複数のパーツのうちの一部（例えば、眼球、顔）のみを回転させる。そこで、図１７を参照して、３Ｄキャラ５０を自然な姿勢でカメラ目線にするために、眼球及び顔のどちらを回転させるかを切り替える処理を説明する。図１７は、カメラ目線処理のフローチャートである。

【0089】

一例として、ユーザ端末２０（正対手段２２２）は、図１７（Ａ）に示すように、瞳を仮想カメラ５２に正対させるのに必要な３Ｄキャラ５０の回転角度と、予め定められた閾値（例えば、３０°）とを比較する（Ｓ１１）。そして、ユーザ端末２０（正対手段２２２）は、回転角度が閾値未満のときに（Ｓ１１：Ｙｅｓ）、図１４（Ｂ）及び図１５（Ｂ）に示すように、顔及び体の位置関係を変更せずに、眼球だけを回転させて、３Ｄキャラ５０をカメラ目線にする（Ｓ１２）。一方、ユーザ端末２０（正対手段２２２）は、回転角度が閾値以上のときに（Ｓ１１：Ｎｏ）、図１４（Ｃ）及び図１５（Ｃ）に示すように、瞳を眼の中央に固定した（すなわち、視線を顔の正面に向けた）まま、体に対して顔を回転させて、３Ｄキャラ５０をカメラ目線にする（Ｓ１３）。なお、図１５（Ｃ）では、顔が上を向いたことに連動して、髪の毛が後ろに下がって耳が露出している。

【0090】

他の例として、ユーザ端末２０（正対手段２２２）は、図１７（Ｂ）に示すように、瞳を仮想カメラ５２に正対させるのに必要な３Ｄキャラ５０の回転方向を判定する（Ｓ２１）。そして、ユーザ端末２０（正対手段２２２）は、回転方向が上下方向のときに（Ｓ２１：上下）、図１５（Ｂ）に示すように、顔及び体の位置関係を変更せずに、眼球だけを回転させて、３Ｄキャラ５０をカメラ目線にする（Ｓ２２）。一方、ユーザ端末２０（正対手段２２２）は、回転方向が左右方向のときに（Ｓ２１：左右Ｎｏ）、図１４（Ｃ）に示すように、瞳を眼の中央に固定した（すなわち、視線を顔の正面に向けた）まま、体に対して顔を回転させて、３Ｄキャラ５０をカメラ目線にする（Ｓ２３）。

【0091】

なお、本実施形態に係る［目線］アイコン８４は、所謂「オルタネートタイプ」のアイコンである。より詳細には、［目線］アイコン８４をタップすると、図１４（Ｂ）、図１４（Ｃ）、図１５（Ｂ）、図１５（Ｃ）に示すように、選択状態（すなわち、所定条件を満たした状態）が維持される。また、選択状態の［目線］アイコン８５を再びタップすると、図１４（Ａ）、図１５（Ａ）に示すように、選択状態が解除される。そして、ユーザ端末２０（変更手段２２１）は、［目線］アイコン８４が選択状態のままで実行された一本指スワイプに従って、以下のように３Ｄキャラ５０を回転させることができる。

【0092】

一例として、ユーザ端末２０（変更手段２２１）は、［目線］アイコン８４が選択状態のままで実行された一本指スワイプに従って、瞳を含む全てのパーツの位置関係を変更せずに３Ｄキャラ５０を回転させる。すなわち、３Ｄキャラ５０の視線が仮想カメラ５２から外れる。他の例として、ユーザ端末２０（変更手段２２１）は、［目線］アイコン８４が選択状態のままで実行された一本指スワイプに従って、瞳を仮想カメラ５２に正対させたまま（すなわち、カメラ目線を維持したまま）、３Ｄキャラ５０を回転させる。すなわち、ユーザ端末２０（変更手段２２１）は、顔を固定したまま体だけを回転させる。

【0093】

なお、素材アイコン７９ｅに対応する２Ｄ画像８１を編集した後に、図９（Ａ）の素材アイコン７９ｂを選択した場合、素材アイコン７９ｅに対応する２Ｄ画像８１に対する編集の内容が、素材アイコン７９ｂに対応する２Ｄ画像に引き継がれる。また、この状態で［保存］アイコン７０が選択されると、素材アイコン７９ｂに対応する２Ｄ画像のみが保存され、素材アイコン７９ｅに対応する２Ｄ画像８１は破棄される。

【0094】

［変更操作の他の例］
図１８は、３Ｄキャラ５０及び仮想カメラ５２の位置関係を変更するインタフェースの他の例である。図１８（Ａ）に示すように、ユーザ端末２０（表示手段２１０）は、２Ｄ画像８１を囲む矩形の破線枠の頂点に、変更アイコン９２ａ、９２ｂ、９２ｃ、９２ｄを表示させてもよい。すなわち、変更アイコン９２ａ～９２ｄは、２Ｄ画像８１に関連付けて編集領域Ａ３に表示される。

【0095】

変更アイコン９２ａは、３Ｄキャラ５０をＸ軸周りに回転させるためのアイコンである。変更アイコン９２ｂは、プロフィール画像から３Ｄキャラ５０（２Ｄ画像８１）を削除するためのアイコンである。変更アイコン９２ｃは、３Ｄキャラ５０を拡大または縮小するためのアイコンである。変更アイコン９２ｄは、３Ｄキャラ５０をＹ軸周りに回転させるためのアイコンである。また、３Ｄキャラ５０をＸ－Ｙ平面上で移動させる変更操作は、編集領域Ａ３に対する二本指スワイプである。さらに、３Ｄキャラ５０をＺ軸周りに回転させるための回転アイコン８３ａ、８３ｂは、外枠領域Ａ４に配置される。

【0096】

また、ユーザ端末２０（表示手段２１０）は、二本指スワイプによって編集領域Ａ３内を移動する２Ｄ画像８１に追従して、変更アイコン９２ａ～９２ｄを移動させる。そして、図１８（Ｂ）に示すように、ユーザ端末２０（表示手段２１０）は、変更アイコン９２ｃ、９２ｄが編集領域Ａ３から外れたことに応じて、当該変更アイコン９２ｃ、９２ｄを外枠領域Ａ４に移動させる。すなわち、図１８（Ｂ）の変更アイコン９３ａ、９３ｂは、図１８（Ａ）の変更アイコン９２ｃに対応する。また、図１８（Ｂ）の変更アイコン９３ｃ、９３ｄは、図１８（Ａ）の変更アイコン９２ｄに対応する。

【0097】

なお、２Ｄ画像８１に関連付けて編集領域Ａ３に表示されるのは、変更アイコン９２ａ～９２ｄに限定されない。他の例として、図８に示すレイヤーアイコン７７ａ～７７ｄが２Ｄ画像８１に関連付けて表示されてもよい。また、２Ｄ画像８１に関連付けて変更アイコン９２ａ～９２ｄを表示する具体的な方法は、図１８の例に限定されず、図８のように２Ｄ画像８１に隣接して表示してもよい。

【0098】

［複数の３Ｄキャラを配置する例］
図１９は、編集領域Ａ３に複数の３Ｄキャラを配置するインタフェースの例である。図１９（Ａ）に示すように、ユーザ端末２０（表示手段２１０）は、レイアウトアイコン９４ａ、９４ｂ、９４ｃ、９４ｄ、９４ｅを素材領域Ａ８に表示させてもよい。レイアウトアイコン９４ａ～９４ｅは、編集領域Ａ３に配置する３Ｄキャラの数及びレイアウトに対応する。

【0099】

そして、ユーザ端末２０（表示手段２１０）は、レイアウトアイコン９４ｃが選択されたことに応じて、選択されたレイアウトアイコン９４ｃに対応する数（２つ）の配置枠９５ａ、９５ｂを編集領域Ａ３に表示する。配置枠９５ａ、９５ｂは、３Ｄキャラを仮想カメラ５２で撮像した２Ｄ画像８１ａ、８１ｂが配置される枠である。配置枠９５ａ、９５ｂは、互いに重なり合わないように配置される。また、ユーザ端末２０（表示手段２１０）は、選択されたレイアウトアイコン９４ｃに対応付けて、［キャラ選択］アイコン９６を表示させる。

【0100】

ユーザ端末２０（表示手段２１０）は、［キャラ選択］アイコン９６が選択されたことに応じて、図１９（Ｂ）に示すように、３Ｄキャラに対応する素材アイコン７９ａ～７９ｅを素材領域８Ａに表示させる。そして、ユーザ端末２０（表示手段２１０）は、素材アイコン７９ｄ、７９ｅが選択されたことに応じて、選択された素材アイコン７９ｄ、７９ｅに対応する３Ｄキャラを仮想カメラ５２で撮像して２Ｄ画像８１ａ、８１ｂを生成し、生成した２Ｄ画像８１ａ、８１ｂを配置枠９５ａ、９５ｂに表示させる。また、ユーザ端末２０（表示手段２１０）は、選択された素材アイコン７９ｄ、７９ｅに対応付けて、［カスタム］アイコン８０ａ、８０ｂを表示させる。

【0101】

配置枠９５ａ、９５ｂ内の２Ｄ画像８１ａ、８１ｂに対する変更操作は、図１２または図１８の例と共通する。また、ユーザ端末２０（編集手段２２０）は、配置枠９５ａに対して実行された二本指スワイプに従って、編集領域Ａ３内で配置枠９５ａを移動させてもよい。このとき、配置枠９５ａ内の２Ｄ画像８１ａは、配置枠９５ａと共に移動する。また、ユーザ端末２０（編集手段２２０）は、移動した配置枠９５ａが隣の配置枠９５ｂに重なった場合、配置枠９５ａ、９５ｂの位置を入れ替えてもよい。さらに、［カスタム］アイコン８０ａ、８０ｂが選択された場合の処理は、図９（Ｂ）～図１１（Ｂ）の例と共通する。

【0102】

［素材のレイヤー操作］
図２０は、プロフィール画像を構成する素材のレイヤーを操作する画面例である。ユーザ端末２０（表示手段２１０）は、［レイヤー操作］アイコン７１が選択されたことに応じて、図２０に示すように、複数のレイヤーアイコン９７ａ、９７ｂ、９７ｃ、９７ｄを選択領域Ａ５に表示させる。レイヤーアイコン９７ａ～９７ｄは、既に編集した素材（例えば、背景、２Ｄキャラ、テキスト、３Ｄキャラ）に対応する。また、レイヤーアイコン９７ａ～９７ｄの表示順は、各素材の重なり順（上側ほど背面側）を示す。

【0103】

また、レイヤーアイコン９７ａには、操作アイコン９８ａ、９８ｂ、９８ｃが関連付けられる。操作アイコン９８ａは、レイヤーアイコン９７ａに対応する素材を削除するためのアイコンである。操作アイコン９８ｂは、レイヤーアイコン９７ａに対応する素材の表示及び非表示を切り替えるためのアイコンである。操作アイコン９８ｃは、レイヤーアイコン９７ａに対応する素材のレイヤーのロック及びロック解除を切り替えるためのアイコンである。他のレイヤーアイコン９７ｂ～９７ｄに関連付けられた操作アイコンについても同様である。

【0104】

そして、ユーザ端末２０（編集手段２２０）は、レイヤーアイコン９７ａ～９７ｄに対するスワイプ操作に従って、プロフィール画像内における各素材の重なり順を変更する。また、ユーザ端末２０（編集手段２２０）は、操作アイコン９８ａ～９８に対するタップ操作に従って、対応する素材の削除、表示／非表示、ロック／ロック解除を切り替える。さらに、ユーザ端末２０（表示手段２１０）は、選択領域Ａ５に対する操作に従って、編集領域Ａ３に表示したプロフィール画像を更新する。

【0105】

［作用効果］
上記の実施形態によれば、３Ｄキャラ５０及び仮想カメラ５２の位置関係の変更を、編集領域Ａ３に対するタッチ操作と、外枠領域Ａ４に対するタッチ操作とに分担して割り当てた。これにより、直感的で且つシンプルに３Ｄキャラ５０のカスタマイズすることができる。

【0106】

また、上記の実施形態によれば、３Ｄキャラ５０の平行移動、拡大及び縮小、Ｘ軸方向の回転、及びＹ軸方向の回転を、編集領域Ａ３に対するタッチ操作で実現した。一方、３Ｄキャラ５０のＺ軸方向の回転を、外枠領域Ａ４に配置された回転アイコン８３ａ、８３ｂによって実現した。このように、３Ｄキャラ５０を回転させる操作を、編集領域Ａ３に対するタッチ操作と、外枠領域Ａ４に対するタッチ操作とに分担して割り当てることによって、３Ｄキャラ５０の意図しない動き（誤動作）を防止することができる。

【0107】

また、図１８の実施形態によれば、２Ｄ画像８１の位置に応じて、２Ｄ画像８１に追従する変更アイコン９２ａ～９２ｄを編集領域Ａ３に表示するか、外枠領域Ａ４の固定位置に変更アイコン９３ａ～９３ｄを表示するかを切り替えることによって、３Ｄキャラ５０をカスタマイズする操作性が向上する。

【0108】

また、上記の実施形態によれば、［目線］アイコン８４をタップするだけで、３Ｄキャラ５０をカメラ目線にすることができる。このように、３Ｄオブジェクトを構成する複数のパーツのうちの特定パーツを仮想カメラ５２に正対させるアイコンを設けることによって、プレイヤの好みに合わせた３Ｄキャラ５０のカスタマイズを、簡単な操作で実現することができる。その結果、プロフィール画像を通じて、プレイヤの目的や趣向を端的に表現することができる。

【0109】

また、上記の実施形態によれば、３Ｄキャラ５０をカメラ目線にするのに必要な回転角度に応じて、眼球だけを回転させるか、顔を回転させるかを切り替える。これにより、自然な姿勢でカメラ目線を実現することができる。なお、図１７の例では、眼球及び顔のいずれか一方を回転させる例を説明したが、眼球及び顔の両方を回転させてもよい。

【0110】

また、上記の実施形態によれば、３Ｄキャラ５０をカメラ目線にするのに必要な回転方向に応じて、眼球だけを回転させるか、顔を回転させるかを切り替える。これにより、例えば、上目遣いの表情や見下す表情を簡単な操作で実現することができる。

【0111】

但し、３Ｄキャラ５０をカメラ目線にするために、眼球だけを回転させるか、顔を回転させるかを切り替える具体的な方法は、前述の例に限定されない。例えば、眼球を回転させるアイコンと、顔を回転させるアイコンとを、モニタ３１に表示してもよい。

【0112】

なお、本発明に係るプログラムは、単一のプログラムに限定されず、複数のプログラムの集合体でもよい。また、本発明に係るプログラムは、単一の装置で実行されるものに限定されず、複数の装置で分担して実行されてもよい。さらに、サーバ１０及びユーザ端末２０の役割分担は、前述の例に限定されない。すなわち、サーバ１０の処理の一部がユーザ端末２０によって実行されてもよいし、ユーザ端末２０の処理の一部がサーバ１０によって実行されてもよい。

【0113】

また、プログラムによって実現される各手段の一部または全部は、集積回路などのハードウェアで実現することもできる。さらに、プログラムは、コンピュータによって読み出し可能な非一過性の記録媒体に記録されて提供されてもよい。記録媒体とは、例えば、ハードディスク、ＳＤカード、ＤＶＤの他、インターネット上のサーバ等を指す。

【符号の説明】

【0114】

１…システム、２…通信ネットワーク、１０…サーバ、２０…ユーザ端末、２１…プロセッサ、２２…メモリ、２３…ストレージ、２３Ｐ…端末プログラム、２５…通信インタフェース、２６…コンピュータ、２９…通信バス、３１…モニタ、３３，３４…カメラ、３５…マイク、３６…スピーカ、４１…動きセンサ、４２…操作装置、５０…３Ｄキャラ、５１…仮想空間、５２…仮想カメラ、５３…撮像範囲

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】