Tweet

池サブステージに、カニと clear moss を追加作成したので、
音をつけねばなりません。
「リズムのもり」の音楽は大貫貴子さんにお願いしたのだけど、
今回の予算と納期では、とても無理。
自分で作るか探すかしなくては。

ほしい音は、４つ。
・ clear moss が、ぷよんぷよんと転がる音
・ clear moss が、触られてびっくり、虹色になる音
・ カニ が、カシャカシャ横歩きする音
・ カニ が、触られてびっくり、真っ赤になる音

まず、NASH MUSIC LIBRARY 「FREE USE MUSIC」へ。
以前利用したことがあり契約してあるので、
即ダウンロード購入できます。
ジャンル別 Sound Effects で、"キラキラ"とか"アクセント"とか
キーワードを頼りに、次々聞いて探します。
clear moss、カニとも、"びっくり"に使えそうな音は、いくつか見つかりました。でも、clear moss の "ぷよんぷよん" が　無い…　困った。

「フリー効果音」のキーワードで探し回って、
その名も"ポワッとした音"を発見！
clear moss が転がるのに、ぴったり。
同じサイトの"カメラのシャッター音"も、
カニ歩きに使わせていただきました。
加工も商用利用もＯＫとのこと。
soundoffice.com 小山さん、ありがとうございます！

音がつくと、愛嬌あって可愛い～です。特に clear moss。
ぷよん ぷよん ぷよん ぷよん。

Tweet

最初のメニュー画面と、さいごのエンドクレジット画面ができました。
これで、絵本でいうなら、表紙と裏表紙がついた感じです。

ブルーの表紙（メニュー画面）を開くと（タッチすると）

開く窓の向こうに、ピッケの世界が見えてくる。そこへ遊びに行く。

バイバイして、こっちの世界へ戻ってくる。窓がすーっと閉じる。

パタンと閉じて（終了して）、裏表紙（エンドクレジット画面）。
なかなか、気に入っています。

Tweet

２つ並ぶタッチディスプレイの設置する高さに高低をつけて、
・低い方 → 池～地面～葉っぱサブステージ
・高い方 → 地面～葉っぱ～空サブステージ
と、コンテンツの中身も出し分けることにしたのですが（理由）、
すると、どうも、低いほうが、見劣りしてしまいます。
高いほうの、空へは　ピッケがついていくけれど、
低いほうだと、池へも葉っぱへも、ピッケはついていかないし…。

そこで、池サブステージを、大幅にやり直すことにしました。
新しいサブキャラ（セリフの無い通行人的なキャラです）も追加。
カニと透明なマリモです。
スタッフの間では（って、私と吸原さんの合計２人ですが）
"clear moss"(←造語)と呼んでいます。

　　　↑半透明のおもちみたいなのが clear moss。　転がって移動します。

ずいぶん、にぎやかになったでしょう？　なりすぎ？
一度これを見てしまうと、Ｗｅｂ公開版がさびしく見えます。
4/25を無事すぎたら、Ｗｅｂ公開版にも反映させたいと思っていますので、５月初旬を楽しみにしていてくださいね！

Tweet

タッチパネル版は、「手の届く範囲」を意識します。
例えば、合奏で、Ｗｅｂ公開版のままのレイアウトだと、
触りたいものの大半が、画面の上半分になってしまい
タッチするのが大変です。
かといって、手が届くようにと、全部を低くすると、
デザイン的には、重心が下がってしまい良くありません。

　　　　　↑Web公開版の合奏のシーン

身長100cmの子どもが、今日 上の方に届かないものがあっても、
半年後、１年後には届くかもしれない、
パパ＆ママにだっこしてもらってのタッチも嬉しい、
と考えることにして、
それでもやっぱり、主なものには手が届くようにしたい。
不自然にならない程度に、水面部分は狭めて、
リズム植物が手の届く範囲にくるよう配置しました。

　　　　　↑タッチパネル版の合奏のシーン

また、腕の長さ分の距離まで画面に近づくことになります。
ということは、パパ＆ママに読んでもらいたいと思っているセリフが、
子ども自身の体で隠れしまい、読みにくいときも出てきます。

そもそも、こういう場所の大型タッチディスプレイでのピッケのときに、
Ｗｅｂ公開版と同じ、音声無しのふきだし表示でいいのか。

一長一短あるのです。
パパ＆ママと一緒に楽しむよう誘導できることは、
ＰＣでない今回の場合にも良いに違いない。
でも、ＰＣと違い画面全体を見渡しにくいので、
少し大きな子どもで自分で読む場合にも、
読みにくいことがあるだろう。
小さい子どもで、親が読む場合には、上に書いたように
隠れて読めないときが出そう。

でも、それぞれのキャラクタに、イメージに合う声優さんを
今から探すなど　現実問題むずかしいし、
なんだか違う気もします。
音声をつけるにしても、絵本の読み聞かせのように、
ひとりの人の声がいいかも知れません。
だけど　やっぱり　せっかく親子で来ている場所なので、
音声でなく、パパ＆ママの声がいちばんいいのだがなぁ。

ところで、タッチパネル版の画像の中に、
Ｗｅｂ公開版では、ありえないコトがひとつあります。
さて、なんでしょう？
（かなりのピッケ通でないと気づかないと思います。難易度高）
答えは、おたまちゃん（カエルの姿）とまんねんさん（カメ）
が、両方いること。
Ｗｅｂ公開版では、その回のセッションで会ったキャラクタ
だけが再登場するので、おたまちゃんとまんねんさんが、
両方出てくることはありません。
（おたまちゃん再登場は、カエルになりきるまで池であそんだとき
　だけなので、さらに確率下がります）

Tweet

Ｗｅｂ公開版のピッケも、特に遊び方などを読まなくても
いきなり遊べるのですが、はじめての人が短時間１度きり遊ぶ
今回の場合は、より一層わかりやすくしなくてはなりません。

思い切って、下１列ボタンが並んでいるメニュー部分を
取ることにしました。
サブステージ（そら、はっぱ、じめん、いけ）の移動は、
うえしたボタンは使わず、すべてピッケが主導することに。

Ｗｅｂ公開版のピッケの特長である「名前で呼びかける」も、
ずいぶん悩んだ末、あきらめることにしました。
誰でもが自由に出入りできる場所ですし、
「パパ＆ママと一緒に」を推奨はしますが、子どもだけでの
利用もありうることを思うと、子どもの名前が大画面に
表示されるのは、よくないかも…と考えました。
ピッケが、まっすぐこちらを見て名前で呼びかける
というのは、楽しさの秘訣のひとつなので、
ここが無くなるのは　とっても残念なのですが。

画面のタテヨコ比、Ｗｅｂ公開版では、４：３のところ、
今回は、１６：９のワイド画面になります。
各サブステージのレイアウトも、ワイド用にやりなおしました。
また解像度も、Ｗｅｂ公開版では、1024×768 を標準ユーザーと
定め、そのサイズを100%として、ビットマップ素材などを
作成していますが、今回は高解像度 1920×1080 pixel となるので、
すべての素材を、作り直しました。
（メモリーとマシンスペックの兼ね合いをみながら）

　　　　　　　　↑Ｗｅｂ公開版の画面

　　　　　　　　↑今回のタッチパネル版の画面

というわけで、だいぶんカタチになってきました。
（って、そんな流暢なことを言ってる場合ではないのでした。
　オープンが　4/25に、正式に決まったそうです。）
これまで気にとめていなかった細かなコトが、
これだけの高解像度大画面になると、やたら眼についてしまって、
大局を進める一方で、細かなところもつい直したくなってしまい、
時間がいくらあっても足りない感じです。

Tweet

ご近所の子どもたちが、ピッケと遊びにやってきました。
せっかくなので、途中だけれどタッチパネル版を試してもらったところ
わぁ～　と喜んでくれて、ひとまず、ほっ。

使い方の説明をせずに、様子を見ていると…。
ひとさし指１本で、最初から最後までやりとおしていました。
池の水、はっぱのところ、空の雲などは、
１本指より、手の指先全体（４本）のほうがしやすいのだけれど、
そんな使い分け、わかりっこないですね。

ＰＣだと、見渡せるからか、画面全体にマウスを動かすのに、
大画面になると、葉っぱ「１枚」とか、小さいところへ集中するんだなぁ。
なるほど。

「春休みって宿題ないの？」とたずねると
「あるけど、しなくていいの。復習だから。」って。　本当？

Tweet

タッチパネルでは、当然なのですが、マウス操作でいう
・ マウスオーバー(クリックボタンを押さない) VS クリック(押す)
・ ホバリング(クリックボタンを押さない) VS ドラッグ(押す)
を、区別できません。
（ＰＣ用語としての「ホバリング」を、私は
　タッチパネルではじめて知りました。クリックボタンを押さずに
　マウスを動かす操作。 浮いている　っていうことなのですね。）

今のピッケで言うと、葉っぱの色を変えることはホバリングでしていて
空の雲を動かすことはドラッグでしています。
この２つが、タッチ操作では並び立たないのです。

クリックのモード設定は、複数から選べるようになっています。
「ドラッグ（デフォルト）」とか、「マウスモード」とか。

「マウスモード」にすると、通常の はい／いいえを選ぶボタン操作や、
リズム植物や水の生物のクリックは、違和感なくできます。
葉っぱの色変えもスムーズです。
が、雲のドラッグは、当然ながらダメ。

去年の夏頃、eITさんのタッチパネル製品を知って
ピッケをタッチパネルでできたら面白そうだなぁー
と興味をもちました。
当時も、ＰＣにアタッチできるタッチパネルを貸してくださり
試してみることができました。それで、この問題に気づいたのです。
普通にビジネスプレゼンでの利用なら「マウスモード」でいいし、
お絵描きソフトの利用なら「ドラッグ（デフォルト）」で、
おそらく　なんら問題ないのです。
ピッケは、複数の操作方法が同居してるので、ややこしいのですね。

ダメモトで（お客でもないただの一個人です）
　「マウスモード」時の２本指での操作をドラッグとみなす
　っていうことができると、雲のドラッグもできるようになるのですが
と、ご相談したところ、
なんと専用のプラグインを作ってくださいました。
今回も　このプラグインでいこうと思っていたのですが、
そうすると、「くもをひっぱってくるには、２本指でね」
っていう説明パネルを近くに貼るか、ピッケのセリフで言わせるか
何かしないといけない。「チョキのゆび」って言えば意味はわかるかも
しれないけれど、その指先２点がきちんと画面に触れたままで動かす
なんていうコツの要ることを、小さな子どもにのぞむのは、現実的でなかった…　ということで、頭を悩ましています。
他にも、考えることがいっぱい。 でも、面白いです！

Tweet

今のパソコン版のピッケは、タイマーをつけてはいますが
時間無制限で楽しめます。
対して、タッチパネル版は、ディスプレイに間近で向かい合うし、
商業施設におかれるものなので、ある程度の時間で
次の人にチェンジしてもらえるようにしたいです。
１０分くらいで１セッションが終わるように作りたい。

さて　どうするか…。思い切って、おうちステージをバッサリ省き、
タッチする面白さをより味わえる「リズムのもり」だけで
作ることにしました。
（ピッケが設置されるフロアのテーマも、ちょうど「北欧の森」なのです）

それでも、４つのサブステージをひととおり見ると約２０分。長すぎます。
そこで、２つ並ぶタッチディスプレイのうち、ひとつは床から高さ５０ｃｍ、
ひとつは７０ｃｍと高低差をつけ、コンテンツの中身も出し分けることにしました。
低い方は、池～地面～葉っぱサブステージ、
高い方は、地面～葉っぱ～空サブステージ。
低い方なら、身長100cm＝３歳の子でも背伸びすれば上まで届きます。

タッチパネルは、eITさんの商品を使用。
普通のモニターに、タッチパネルをカチャッとアタッチするだけで、
どんなモニターもタッチパネルに早がわり！
（液晶、プラズマ、プロジェクターなんでもＯＫ）
子どもが多少ベタベタ触っても、画面を拭くこともできて
具合がいいです。

開発用にと、４５インチの商品を貸していただきました。

大っきーい。重ーい。

これで、実際にタッチ操作を大きな画面で確認しながら開発できます。ありがたや。がんばります！

Tweet

来月末　神戸にリニューアルオープンする施設に
ピッケが入ることになりました。
これまでの　パソコン上で、マウスで操作するピッケではなく、
大型タッチパネルディスプレイ上で、手や指で操作するピッケです。

大きさのイメージをつかむために、紙で作って壁に貼ってみました。
大きいような、意外と小さいような…。

最初65インチの予定だったのが57インチに変更になったので、紙も変更。
対角線で20cm違うので、かなり小さくなった感じ。

床からの高さを決めて、設置工事の方に連絡。
小さいお子さんのいるファミリー層対象ということなので、
身長110cm(5歳児平均)をメインに出した高さです。

「リズムのもり」をタッチ操作版にする予定。
オープンまで残り1ヶ月切りました。
がんばらねば！