NEKOGET MyFACE バージョンアップ!

昨日告知したとおり(笑)アバタージェネレータ NEKOGET MyFACEが新しくなりました。

rhacoのTシャツはグリーンもかわいいけど、白も勿論かわいいよってことで、女の子バージョンにもrhacoTシャツが入ってます♪

NEKOGET MyFACE

新機能あれこれ
表情切り替えボタンがつきました。
選べる種類は4種類です。
表情切り替えボタンがつきました

ダウンロードボタンがつきました。

ダウンロードボタンを押すと、作成したアバターがjpg画像で保存可能です。
選択した表情の画像がそのまんま生成されます。
ダウンロードボタンがつきました。

装着したアイテムを外しやすくなりました。
選択したアイコンを再度クリックするとアイテムを外せるようになりました。
「はずす」って文字で表示をしてみました。

今後のNEKOGET MyFACE

  • まずは秋物アイテムを増やそうと思います。
  • 操作系別バージョンを作りたいです。
  • そのうち携帯対応したいです

TODO

  • ふりかえり
  • 今後の計画をにやにやしつつ練る

アバターシステム 男の子版

rhacoTシャツ

アバターシステムNEKOGET MyFACEがバージョンアップします。
予定としては明日の予定。
だって28日といえば、にゃーんの日ではありませんか!

ということで女の子版に加えて、男の子版が登場予定です。

今回は、rhacoTシャツが登場します。
rhacho勉強会にお邪魔した折、名刺のあまりのかわいさに、眩暈。
団扇の猛烈かわいさに、恋に落ちました。
で、Tシャツ作っても良い?とrhacoの中の人にお願いしたところ、快諾いただきまして実現しちゃいました!rhacoTシャツ!!!

rhacoの公式HP→http://rhaco.org/

TODO:

CodeIgniterでNEKOGET MyFACE

試しにCodeIgniterですでに組んであるNEKOGET MyFACEを作ってみることにしました。
とりあえず共通部品的なViewファイルを作成してみました。

CodeIgniterでNEKOGET MyFACEのキャプチャ

スキンをフォルダごとまるっと入れ替えというのは、必要ないかも?と思いつつ、
まるっと入れ替えができると嬉しいな♪ということで、
スキンフォルダをNEKOGET MyFACE用にconfigファイルを作成して指定。

ファイルの位置

  • /skin/default/css/cssファイル
  • /skin/default/images/画像ファイル

呼び出すViewファイルは大枠の位置情報だけを持っているベース用ファイルを使用。
共通部品はフォルダでまとめて保存

共通部品

  • views/common/base.php
  • views/common/header.php
  • views/common/footer.php

views/common/base.php
bodyタグの中身はこれだけ。

<body>
<?=$header;?>
<?=$box;?>
<?=$footer;?>
</body>

TODO:

  • 位置決めのためのテンプレートの役割をするViewファイル
  • 情報を表示させるために使うテンプレートの役割をするViewファイル
  • 画像生成部分も早く作らなきゃ!!!

今日はここまでw

追記:2008.07.18 0:59
CSSの配置図・・・・(図にするほどのことはなかったかも)
css_map.gif

NEKOGET MyFACE 進捗

月内には修正バージョンが出せるといいなぁと思いつつ、Javascriptをいじり中。
装着アイテムのとりはずしの部分等の調整完了。

あとはパーツの種類を増やしたら、公開しているサービスのスクリプトを入れ替えしようかなと思っています。

画像をお持ち帰りできる機能も必要ですね。
もともとこのMyFACEは、SNSやブログで「私はコレ」を表現するために使って欲しいという思いから作ったので、使ってもらえる状態でサービスを提供せねば!と思っています。

どこにDLボタンを作るかも考えなきゃ!

TODO:

  • キャラクター別のカテゴリー選択パネルを作成
  • パーツの充実
  • 調整済みスクリプトによるサービスの提供
  • haroさんがつくってくれた図案のフロー図を作成(表示の切り替えをどうするかを思案)
  • 取扱説明書の作成(英語版もつくるかなw)
  • DL機能と、DLボタンが入った状態の画面デザイン
  • SNSそのものの仕組みを考えるのも大事だけど、既存のSNSと連携できる方法も模索してみる。
  • ・・・・(書ききれないので省略)

NEKOGET MyFACE 画面案

MyFACE 画面案

アバターの絵を担当してくれているharoさんから、画面案が届きました。

←クリックで拡大

使い倒すぞ!という機能満載の案ですwww
これをベースにあたらしいものを練ってみようと思います♪

最初、私は使い方を説明しなくてもいきなり使えてしまう、できるだけ簡単な操作のものをと考えていましたが、確かにこの図案のほうが楽しそうだ!!!

NEKOGET MyFACE 進捗

myface200806191.jpg

現在は女の子版のみサービス公開をしていますが、
これの男の子版のパーツ作成中です。
これもある程度量がまとまり次第、公開したいと思います。
公開時期は・・・・・現在のところ未定(汗)
ただ、作成は開始しているので、そんなに長くはお待たせしない予定です。

現在:簡易版アバターサービス(女の子版)
 ↓
次回:簡易版アバターサービス(男の子版追加)
女の子版・男の子版共に表情切り替え機能を追加
 ↓
操作パネルのデザイン変更(思案中)
機能の充実(思案中)

こんな予定でぼちぼちと進めています。

NEKOGET MYFACE URL公開

NEKOGET MYFACE キャプチャ
http://pneskin2.nekoget.com/myface/

NEKOGET MYFACE(アバターシステム)のURLを公開しました。
少しずつ充実させていきたいと思います。
現状PHPとMYSQLで動いていますが、SQLiteでも十分かと思います。

予定:TODO
(1)表情の切り替えボタンが付く
(2)おんなのこ以外のキャラクターも増える
(3)画像用のURLが生成される(かもしれない)
(4)そのうちSNSと連動しちゃう(かもしれない)
(5)占い機能も連動しちゃう(かもしれない)
・・・・操作画面はがらりとそのうち変わります。
・・・・使いにくいことがばれてしまったので(TAT)

致命的にバグ
(1)MacでSafariだと文字化けしてる(TAT)
(2)ごにょごにょ・・

操作パネル 続

はやく作らなきゃと思いつつ、FLASHで作ってしまうと元のSNSの色合いとはぜんぜん違うものが出来上がります。(だってフラッシュだから仕方ない・・・といえば仕方ないのだけれども・・・)

改めてHTMLでAjaxを使う形でと思い直し、元のサイトのCSSの設定を生かす形でデザインを再度作成してみる




遊び心がなくなった気がするorz
うまく考えがまとまらないまま、図を書いては捨ててみたり拾いなおしてみたりしています。能率悪いんだけど気にいらないので進まない(涙)
少しずつ少しずつ進めます。

NEKOGET PNESKINのほうももうちょっとちゃんと頑張りたい。
やりたいこととしてはUSバナーを自動生成させたい。(Name’sのほうは数行書き足せば追加できる状況)
外部ページからのログインのためのHTMLテンプレートを自動生成させたい。
つまりNEKOGET PNESKINで生成したHTMLテンプレートを付けちゃおうということ。
ログインフォームだけのログインページではなく、テキストをちょっとだけ追加したいとかそういう需要に対応できるようにしたいなという感じに思っています。

いっそのことpukiwiki用のテーマファイルをSNS用のスキンと同時に生成して吐き出させてもいいかもしれない。720幅のちょっとこじんまりとしたデザインになるだろうけど、pukiwiki+SNSという組み合わせも素敵かもしれない。MTという選択肢もある。
XOOPS用のテーマスキンを生成してもいいかもしれない。

課題が一杯です。

操作パネル

NEKOGET MYFACE(あばたーシステム)の操作パネルをデザイン中です。
FLASHかAjaxで作るのがよさそうな感じです。とりあえずはFLASHで作成中。SNSに組み込むため、メンバーIDと連動して動くように考えながら作っています。

操作性を無視した形の操作パネルはすでに動作していて、表示まで問題なく動いています。FLASHでの作成は最初まったく考えていなかったので、アクションスクリプトに読み込ませるデータをPHPで吐き出させるためのコードを現在作成中です。

NEKOGET PNESKIN(SNS用スキンジェネレーター)と同じく動作サンプルをサイトにいずれUPすることになりますが、SNSとの連動なのでSNSも設置せねばいけないかな?なんて考えています。

遅々とした進捗ですが、少しずつ少しずつ進んでいます。

NEKOGET MYFACE(アバターシステム)

NEKOGET MYFACE(アバターシステム)を開発をしています。
NEKOGET PNESKIN(スキンジェネレーター)に飽きたわけではありません。やりたいことが増えただけです(笑)
時間が無くてほったらかしになっていたことはここだけの内緒にしておいてください(笑)

さて、進捗状況ですが
単体で動くプロトタイプの状態までは出来上がっています。

  • アイテムを選択し、装着
  • 装着した内容を保存
  • 呼び出して表示

単純にこんな感じで動いています。

今回は外部の便利サービスアプリという感じではなく、SNSに埋め込むモジュール的なものにしたいと思います。