シャッフル配列
■FLASH LABO:スクリプト
trace($shuffleRandom(10)) //8,1,7,4,0,9,6,3,5,2 trace($shuffleRandom(10)) //6,5,8,0,1,9,2,7,3,4 trace($shuffleRandom(3)) //1,2,0というふうに使います。
入れる引数の項目と順番は以下の通りです。
$shuffleRandom(最大値)
定義するファンクションはこちら。
trace($shuffleRandom(10)) //8,1,7,4,0,9,6,3,5,2 trace($shuffleRandom(10)) //6,5,8,0,1,9,2,7,3,4 trace($shuffleRandom(3)) //1,2,0というふうに使います。

シェアフルします。
個別指導型フラッシュ勉強会。
複数階層構造のアニメーションの習得。
mcの構造を把握して、ぱぱっと複雑なアニメーションを作れるようになろう。
うちでやるので定員少ないです。参加したい人は連絡ください。
ただいま参加者、もじゃくん・タカミソくん。
あと一人くらいは大丈夫かもね。
AS2.0からいろいろ大きく変化しちゃっててデザイナーサイドから見てしょんぼりでしたが、パフォーマンス速度10倍になる可能性があるってのはすごい魅力('u')うまく作れば…
ムービークリップにアクション書けなくなったみたい…
onClipEvent(enterFrame)とかもうできないんかー
Adobe Flashは
横長のムービークリップを縦に移動させたときより
縦長のムービークリップを横に移動させたときの方がかなり重い
再描画の負荷量について実験中、かなりショックな結果が…
今回の実験では1:7くらいの違いが出ています。
これはインクジェットプリンターの動きと同じアルゴリズムなんでしょうねー。
横1列を描画→下にずれる→横1列を描画→下にずれる…の流れを繰り返しているっぽく、横1列を描画する瞬間、描画するものがなければ、省いて次ぎに行くんでしょう。プリンタも横線1本のファイルを出すときと、縦線1本のファイルを出すときでは、「ウイーーーーンガシャ」って鳴る回数が違いますもんね。
Adobe Flashは
100アンカーポイントのパス1枚が入ったムービークリップを動かすより、
4アンカーポイントのパス25枚が入ったムービークリップを動かす方が重い。
大晦日に更新があるよ!正月にも更新があるし…。正月営業してる店舗とかのウェブ更新を担当していると、プライベートの日程がかなり限られてきてしまいますね。チラシ作ってるデザインスタジオも三が日にデータを届けますといってました…。忙しそう…(゚皿゚)
最近JavaScriiptでフラッシュ配置のソースをDocument.writeするのは当たり前になりましたが、そのおなじみのDocument.writeにDateの判断をつければタイマーになるじゃん!やってみようということで、高味さんと研究!うまくいきました((('u')))+
日時を入力しておくと、その日時の前か後かで、書かれるソースが変わるジャバスクリプトです('u')
<script type="text/javascript">visibler('<div style="display:none">','','2008','1','1','0','0');</script>
<h2>タイマー更新したいソース</h2>
2008 1/1 00:00:00まではdisplay:noneで隠す<br />
2008 1/1 00:00:00からは隠さない<br />
<script type="text/javascript">visibler('</div>','','2008','1','1','0','0');</script>
前回の記事で参照画像が別ドメインだった場合のセキュリティー関係のスクリプトでの対処法を行ったときに、ドメイン名を投げてあげないといけないので、URLからドメインだけを抽出する処理を書かないといけなくなりました。ついでに使いまわせるよう、ファンクションをつくっときました。ドメインだけが返ってってくか、または、ドメインが見当たらなかったらfalseが返ってきます。
実行方法は以下のような感じ。
$uri2domain("http://www.yampuu.com/labo/img/071108sharefl.jpg")
//www.yampuu.com
$uri2domain("/labo/img/071108sharefl.jpg")
//false
別ファイルのJPGを読み込んで表示するフラッシュを作ったとして、フラッシュの置いてあるドメインと、読み込むJPGのドメインが、別々の場所だったとき、JPGは表示されません。それを解決するのがクロスドメインXML。フラッシュで別ドメインの画像を参照する際には、参照先のドメインの中にcrossdomain.xmlというファイルを置かないと読み込むことができないんですねー。
そこまではわかってたんですが…今日はクロスドメイン置いても動かないよー(゚回゚)という事態に陥りました。原因はcrossdomain.xmlを置いてもdraw()を使っているスクリプトが動作しない…というバグ。ばぐー(゚皿゚)。
ググってたらFlash Player9での実行ならOKな解決法があるようで、とりあえず解決。下のスクリプトを入れることで解決するそうです。
_domain = "www.********.jp"
System.security.loadPolicyFile(_domain+"/crossdomain.xml")
function $sum(a, b) { //とりあえず適当なファンクション
return a+b;
}
_root.$sum = $sum;
delete $sum;
このあいだ下階層ムービークリップで定義したファンクションを_rootで指定して使いたいときがありました。無理かと思ったんですが、やってみるもんすね。できました('u')上のスクリプトを_root以外のとこかに貼り付けて実行してデバッグしてみると、_rootにファンクションができるのがわかると思います。
ps = _root; //ムービークリップのリストを出したい階層
for (obj in ps) { //ムービークリップや配列や変数、あるだけループ
if (ps[obj]._visible) { //_visibleプロパティーが存在してたらたぶんムービークリップかな
trace(ps[obj]);
}
}
その階層にあるムービークリップを探し出してリスト化したいとき、これでやってみたらできちゃった!例では_rootに指定してます。もしかして当たり前なのかもしれないけど…昔はオブジェクト=ムービークリップって考えてたけど、デバッグを見ると、配列やファンクション関数、変数なんかもすべてひとつずつの存在として別々の仕事してるだけなのか(゚回゚)ちょっと考え方がやわらかくなった気がしました。
ADOBE FLASHの仕事をされている方、
今後受注していきたいので勉強している方へ。
FLASHのスキルといっても、アニメーションからスクリプトまで幅広いため、個々の得意分野は偏りがちです。ひとりで全てを網羅しようとするよりも、勉強するポイントを分担してしまうことで色々メリットがあるのではないでしょうか。
それぞれの得意分野を分担してひとつの案件を一緒に制作したり、得意な方へ外注したり、わからないことを教えてもらったり!
FLASHという限られた分野の中でも、コミュニティーネットワークを築くことで制作の効率が上がり、FLASHディベロッパー(開発者)として、よりよい仕事ができるようになるのではないでしょうか…という企画。それがSHAREFLです('u')
と、まー
まずはフライヤーをつくりました!
大げさにデザインしてしまいましたが、
ようは詳しいこと教え合いこして勉強したいので集まりませんか?
と呼びかけて勉強会をやります。
キンコーズいこうかな。
ふちなしで30部くらい刷りたいなー。
Selection.setFocus(テキストフィールドの名前)Selection機能を使ったら、ほかにも選択エリアのコピーとか色々できるっぽいです。

カレンダーを見ると10月も最終日です。はやいですね。
フラッシュ技術者・勉強始めた人限定の勉強会を12月上旬に開催を考えています。
10人強集まる予定。
フラッシュといっても得意分野はそれぞれ。
アニメーションが得意な人や、スクリプトが得意な人。
フラッシュ技術者同士のネットワークができたらそれぞれの得意分野の仕事を外注し合いこできるだろうし、得意な人に教えてもらうこともできるかもしれません。そういう輪が広がればいいかなというのが、ぼくの中でのテーマ。とりあえず、勉強会という名目で、ぼくの知り合いに集まってもらって、コミュニティーが作れたらなと思ってます。
そんな意味合いをこめて
フラッシュのリファレンスをシェアしようよ的ネーミングで
SHARE + REFERENCE + for + FLASH
SHAREFL
という名前をつけて見ました。
ロゴ作って見ました。
形から入って見ました…。
会場はデジタを押さえてもらったのでOK。
フライヤーと資料まとめをしなくては…。
…thumbnailer2.swf?ph_uri=画像のURL&html_uri=リンク先…リンク先を省略するとリンクされないサムネイルになります。
…&html_uri=fullScreen…
//load import flash.filters.BlurFilter //enterFrame var _flt = new BlurFilter(10, 10, 2)//X,Y,Quarity var _filArr = new Array() _filArr.push(_flt) this.filters = _filArr単純にぼかしをスクリプトで扱った場合どうしたらいいかまとめ。
先端のオブジェクトひとつの位置を動かしつつ画面をビットマップ画像化してくことで、軌跡が残っていく表現ができました。ずっとやりたかった表現。理屈はわかってたけど、ビットマップ化するスクリプトがよく理解できなくて先送りしてたんですが、画像にスムージングかけるスクリプトを勉強する機会があって、それの応用でできちゃいました。処理軽減でも色々今後使えそう('u')
最近人形劇の人形を操るような方法でキャラクターにアニメーションをつけていく技法をパペット化・パペットアニメーションとよんで、仕事でいくつか制作ています。このパペットアニメーションをもうちょっと深く研究してしっかりしたデモ版を作っときたいと思っている今日この頃。今まで作ったものは、仕事で作ったものなので当然キャラクターはクライアントのもの。デモ版として使いずらいということもあります。
なので、どこかのキャラになってしまってない、フリーなオリジナルキャラをパペット化する必要があると思って、アニメーション実演ができるコンテンツを作っておこうとおもってとりあえずキャラ起し('u')ゲーム業界関係の人に見てもらう機会ができそうなので、ゲームっぽいキャラクターで進めてく予定。
とりあえず今思い浮んだパペット化を取り入れたら面白くなりそうな用途をリストアップ。
・アニメーション制作
・アバター
・コメントフェイス
・キャラトークチャット
・ネットゲーム
・格闘ゲーム
・プレゼンテーションキャラ
_arr1 = []
_arr2 = ["a","b","c"]
for( i = 0 ; i < 3 ; i++ ){
_arr1[i] = _arr2
}
trace( _arr1.join("_") )//a,b,c_a,b,c_a,b,c
2次元配列をindexOf()で一発で文字検索判定したかったので、join()してみたんです。どうなるんだろ。指定した区切り文字は全ての階層に反映するんだろうか?とおもって実験してみたけど、下階層はカンマになるみたい。区切り文字をカンマにしとけば、ずらりと長い区切り文字リストになるからまーOKかな。
_str = "クリップボードにコピーされるテキスト" System.setClipboard(_str)変数の中身をヘルプを眺めてたら発見。最近YouTubeとかも個の機能付いてるしたまに使いどころがありそう。ブログシールのタグとか。作業のアプリケーションを作るときとか。
//引数の内容 $replacement( テキストA , テキストB , 検索テキスト ) //出力サンプル str = "気づけばもう木曜だ。だから週末だ。" trace( $replacement( "だ。" , "です。", _str ) ) //気づけばもう木曜です。だから週末です。 trace( $replacement( "だ" , "です", _str ) ) //気づけばもう木曜です。ですから週末です。htmlソースのように開始タグと閉じタグで挟んでいくようなテキストを吐き出す仕組みを作ろうと思ったときに、どんどん置き変えていく方法でもできそうって思ったのでやってみました。その過程でできたものがこれ。結構使いまくり('u')結構使いまくり。
_str = "\""常識かもしれませんが知りませんでした。これでいけるんだ(゚回゚)ォォォ-あ。ここだと文字コードがUTF8なので\(バックスラッシュ)の表示になってしまうけど半角の¥記号です。
//引数の内容 $StrInvolution( 連続させる文字 , 回数) //出力サンプル trace( $StrInvolution( "え", 3)) //えええ trace( "1"+$StrInvolution( "0", 5)) //100000 trace( "g"+$StrInvolution( "o", 10)+"gle") //gooooooooooglehtmlソースを書き出す仕組みを作ってみようとおもって、テキストをインデントしていく部分を\tでタブインデントを繰り返すことろをファンクション化しました。文字と回数を指定するだけでいいようにしといたファンクションです('u')
if(_sw == true){ /*処理*/ }
if(_sw){ /*処理*/ }
上下とも同じ処理なんですが。最近下を使うようになりました。んでundefinedとかnullとかfalseとかブルー演算では通らないものってどれとどれなんだろうともやもやするので検証アンドメモ。基本的に何か文字が代入されてたらtrueで、false、0、null、undefinedだと通らない様。これで安心して省略形使えるです('u')アンシンー
//バージョン判定
var _vStr = getVersion()
var _vStrArr = _vStr.split(" ")
var _vArr = _vStrArr[1].split(",")
_version = Number(_vArr[0])
delete _vStr
delete _vStrArr
delete _vArr
//OS判定
var _osStr = System.capabilities.os
var _osArr = _osStr.split(" ")
_os = _osArr[0]
_osv = _osArr[1]
delete _osStr
delete _osArr
//出力サンプル1
//バージョン判定
if(_version >= 7){
trace("FlashPlayer7以上")
}
//OS判定
if(_os == "Windows"){
if(_osv == "NT" || _osv == "98/ME" || _osv == "95" || _osv == "CE"){
trace("WIN2000未満")
}
}
//出力サンプル2
//OS判定
trace(_os)//Windows //Linux //MacOS
trace(_osv)//XP //2000 //NT //98/ME //95 //CE
FlashPlayer8で制作してたサイトを納品した後…「WIN NTでどうしても見たいと他の部署から要望が出まして」といわれてしまいました(゚回゚)マジスカ… WIN NTはFlashPlayer7までしかアップデートできないらしいのです…など困ったときに使えます。
//出力サンプル
trace( $fileTypeSearch("filename.jpg") )//jpg
ファイル名をまとめた配列なんかがあったとき、いっこいっこのファイルの拡張子を調べれるじゃん('回')オット!!とおいついたので簡単な処理ですけどアップしてみました。拡張子を調べて特定のものがけ別の処理をかけたいときの判断分岐なんかに使えます。//出力サンプル $num2Alphabet(0)//A $num2Alphabet(25)//Z番号テキスト付きのサムネイルを沢山生成して、そのあとで番号じゃなくてアルファベットで表記したかったな…(`A´)ウウウゥというときになどで使えます。ちなみにこれ、とりあえず25超えたらAに戻るようになってます。
//出力サンプル _out = $day_shortcupRestoration( "月") trace( _out )//月 _out = $day_shortcupRestoration( "火-木") trace( _out )//月・火・水・木 _out = $day_shortcupRestoration( "水-月") trace( _out )//水・木・金・土・日・月 _out = $day_shortcupRestoration( "毎日") trace( _out )//日・月・火・水・木・金・土番組表を作るとして…というか作ってるんですが。
//出力サンプル//ループ処理する場所に記述 trace( $randomUnMimic( 10 , _num) )たとえばランダムで画像を表示するスライドショーとか作ったときに、え?さっきとおなじ画像がでたよ?かぶってるよ(゚回゚)ガーンって連続で同じ画像が出る違和感がるものになてしまいますよね。そこで連続で同じ数字が出ないランダムってのを作ってみました。
trace("角度に変換 出力サンプル")
trace( $xy_r(100 ,100) )//45
trace("半径に変換 出力サンプル")
trace( $xy_d(100 ,100) )//141.42135623731
trace("座標に変換 出力サンプル")
trace( $rd_x(60,2) )//100
trace( $rd_y(60,2) )//173.205080756888=√3
角度がと半径がわかっていてXY座標に変換したいときやXY座標がわかっていて角度と半径を出したいときサイン(゚口゚)コサイン(゚回゚)タンジェント(゚皿゚)思い出してどうだったっけってしき作るのは結構時間ロスだ…とおもったのでファンクションにしてみました。//出力サンプル imp = [48,45,82,1,3] trace( $arrSum(imp) )//179エクセルのSUMみたいに配列の合計をだしたいなーって思ったときに毎回計算してたら行数増える(゚皿゚)ムーーっておもって…配列に数字ばっかり入ってる時限定ですが全部合計できちゃうファンクションを作りました。
//出力サンプル trace( $zeroAddNum(15,5) ) //00015 trace( $zeroAddNum( 54.467 , 4 ) ) //0054 trace( $zeroAddNum( 54.467 , 4 , 4) ) //0054.4670デザイン的にここ数字2桁ほしいよ(`回´)3桁ほしいよ(`皿´)って時に数字が1桁でも余った分左に000を付け加えてくれるファンクション作りました。桁揃えます。絶対同じ文字数にしたいときとかと使うと便利。
外部読み込みの処理付きのスクリプトを再生する時、.swfをじかに再生するとうまくいくのに、.exeにしてから再生したら読み込みまない現象が…。調べると…。
.swf再生の場合同階層のフォルダ内のものを読むときは
loadMovie("fileName.jpg")
.exe再生の場合同階層のフォルダ内のものを読むときは
loadMovie("/fileName.jpg")
の記述の違いがあるみたいです。
ウェブ上で/fileName.jpgだとドメインの最上階階層のファイルを探しちゃうので、.swfと.exeの場合で書き方変えないといけないということになります。ちょっと微妙。覚えとかないと…。めもめも。
・ActiveX対策JavaScriptを最新のにしとく
・コメント入力まわりをつくる
・キャラクターを組み立てるインターフェイスを作る
・再生埋め込み用のswfもつくる
・女性パーツを後ふたつ追加…男7女7にしとく

fractal spring
だいぶんあったかくなってきたきょうこのごろですね。休日に仕事しようとして会社来たのに、なんか別のことをしてしまった柳です。うーん。
春が近いということで春っぽいスクリーンセイバーにできるエフェクトフラッシュを作ってみました。
作った仕組みは、一回やっとこうと思ってたフラクタル処理。
幹から木の枝をドンドン生やすような処理です('u')
クリックしたら色が変わります。
春っぽい色をチョイスしてます。

Assembly line
ちょっと気持ち悪いけど綺麗に動くエフェクトを作ってみました。
結構滑らかに動いてると思います('u')
スクリーンセイバーにしてみたりとかしたんですが、フラッシュのデータをスクリーンセイバーにするアプリケーションはもらい物なので、データをアップしていいかどうか微妙だなーとか思ってとりあえずフルブラウザで見れるとこにリンクしていまーす。
しばらく見てると、ゴミみたいなのが残りますが、処理落ちで再描画できてないことで出るものです。
ゴミのあたりをクリックしたり、線が通ったら再描画されるので、とりあえず軽いバグってことで・・・。
ちなみにクリックしても何も起こりませんので・・・。
ただ見てるだけしかできないフラッシュです(゚ロ゚)
次ぎやるべきことリスト。
・半絞り込み・絞り込み・ソートの機能とボタンを配置する
・たくさんのサムネイルをロード中に、サムネイルの幅を変えるとおかしくなる。
ロードされたものの出現位置が変なのでなおすこと。
・他3人のデータをアップ。
ってかんじ。
メモメモ。

イタログマップ
撮影者別絞り込み機能をつけました。似顔絵付きなので汎用性はないです。
絞り込みっていっても、まだ真希ちゃんとナオッチの写真がないので悠介と柳だけで絞込みです。
サムネイルをオーバーした時にでる解説ウインドウに似顔絵アイコンをつけてみました('u')

イタログマップ
解説ウインドウのスポット・日時の表示を目立たせてみました。
どうせスポットと日時は半角英数なんだからデバイスフォントやめちゃおーって思って、↑こんなかんじにして、時間を強調してみました。撮影した時間が表示されるのって結構面白う事だよなーって再確認。旅行の記録写真としてもわかりやすくていいかなと思うんででかくしました。
関係ないけど悠介のカメラは時間がずれてみたいで、撮影時間の誤差を計算して、エクセルで一括調整したりとかしました。なんで10ヶ月と25日間13時間32分もずれてるの悠介のカメラ…('m')

イタログマップ
左のメニューをちょっと作りこんでみました。ツールを出したり引っ込めたりできるようになったアイコンが、マップアイコンと時間アイコンのふたつです。ほかのアイコンはまだ何も起こりません…。
サムネイルの横表示数を多くした時にマップが下にきてごちゃつくなーと思ったときとか、閉まってしまえるので便利かなーと思います。
今イタログでやってること・悩んでることとかに関係しそうなことが載るって思って、読んでたら気分的に参考になったので、メモっておこうと思います。
| なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか http://d.hatena.ne.jp/ConquestArrow/20060217
|
グラフィック・デザイン・プログラミング・アニメーションを掛け持ちしてる自分としては、これからどういうこと考えて仕事とかモノヅクリしていけばいいかについていい刺激になりました。
自分のグラフィックレベルだけとか、デザイン、プログラミング、アニメーションレベルとかひとつずつをみるとできないことがたくさんあったりしてションボリしちゃいます。ですが、テにショクもってる分野が複数あるので壁にぶつかって…
例えばプログラムでできないことたくさんあるでー(t_t)って落ち込んでも、グラフィックでは綺麗なのが作れた!(゚u゚)とか…別の分野に逃げたりとかして、モチベーションはそんなに下がらずにポジティブにやってこれたと思います。壁を越えなきゃ解決にはなりませんが。プログラミング一筋の人よりは、一時的に気分ドン底とかはないんじゃないかなとか思います。
上の記事を読んでみて、ハイブリッドにテにショク持って、複数の視点を持ってる人ならではの発想や閃きってのも大事なんだなーって感じました。
なんかやるきでてきたかんじです('u')

イタログマップ
サムネイルをマウスオーバーすると、撮影したマップ上のポイントとサムネイルが線で結ばれるようになりました。
あと、右上のマウスホイールで操作できることを伝えるアイコンを変更。
[↑][↓]キーでマウスホイール操作と同じことができるようにしたので、操作できることを伝える[↑][↓]キーのアイコンを追加しました。ホイールとかキーを操作すると、アイコンが点灯するようにしました。
なぜ[↑][↓]キーの操作を追加したかというと…
フラッシュのマウスホイール操作はwindows限定なんです(t_t)
macの人は操作しようとしても利きません。
なのでホイール操作以外でも操作できるようにしないといけませんでした。
画面内にボタンを追加してもよかったのですが、
ごちゃついてきそうだったのでやめて、キー操作にしたのです。
はい。
それで結局、windowsのユーザーがきたときと、macのユーザーがきたときとで、
出てくるアイコンを変えるようにしてみました。
windowsのひとはマウスアイコンとキーアイコンがでて、
macのひとはキーアイコンだけが出るようにしてます。
これでmacユーザーもいちお対応できたことになります。

イタログマップ
使いやすさを考えて作っていたのに使いやすくなさそうになってきた気がして前回悩んでましたが、とりあえず、まとまってきました。まだ途中ですが、なおった部分をアップしてみました('u')/
まず、サムネイルをクリックして大きくなるとき。
選んだサムネイルを中心に持ってくるために、サムネイル全部が左右移動してしまっていました…。
縦移動の処理は残しつつ、全体の横移動はなしで、選んだサムネイルだけが左右の中心へ移動するように変更てみたら結構使いやすくなったので、一安心。
それから、マップが背景全画面をしめていて、ズームした時に結構ごちゃごちゃする原因になってたと思います…そこでマップを丸の中に収めてみました。たぶんあんまりマップが邪魔にならなくなった感じがします。スッキリーアンド存在感アップかも。
えーと…そんでもって。サムネイルをオーバーしていると、撮影場所がマップの中心にフィットするようにしてみました。サムネイルと場所との関係がわかりやすくなったかなーって思います。
あと、左にあるメニューですが。
まだ機能していません。とりあえずまだデザイン的に置いてみてるだけで…今後、マップとかタイムバーとかを出したり閉まったりするのに使ったり各種設定のツールを作ってメニューから操作できるようにしてこうと思ってます。とりあえずはマウスオーバーまでしかしないです。
あ。悠介の撮った写真がふえています。
そうそう。撮影者別検索もツールとしてつけないといけないや。
イタログ。
なんだか、どの方向に作ってけばいいのかわからなくなってきたかんじです。
とりあえず。のこりのやるべきことを決めて、イタログとしては完結させちゃって、
その後リソースとして暖めていこうと思います。
イタログでやること。
・撮影者別絞り込みツール
・絞り込みで[×]になったサムネイルを消す機能
・タイムバーを画面下一面に置くレイアウトに変更
・マップとサムネイルとのレイアウト関係を使いやすいように考え直す
仕事が忙しくなるのでとりあえずイタログとして完成させちゃいたいところです(゚ロ゚)

イタログマップ
時間の絞込みツールを機能拡張して設置しました('u')
この前まではタイムバーのタブをドラッグするたびに再読み込み・再整頓してたし、マウスリリースしないと結果がわからなかったの不便でした。
今回は、その辺を改善してみました。
ドラッグ中選択時間エリアから外れたものは、リアルタイムでサムネイルが暗くなるようにしました。
これでドラッグでタブをいじっている間結果が変化していってわかりやすくなりました。

イタログマップ
だいぶ形になってきました。
マップ上にスポットがたくさん散らばってて、近いもの同士はくっついてひとつになるし、ズームしていくと、分離したりとか・・・その辺が出来上がりました。ちょっと目新しいかんじの機能かもしれません。
スポットをクリックすると、その場所でとった写真のサムネイルが全部出てきます。
塊になったスポット(x9って表示してあるやつとか)をクリックすると、ミラノ・ベローナ・ヴェネチア・フィレンツェ・ピサ・ローマ・バチカン・ナポリ・カプリ島のサムネイルが全部出ちゃいます。
マウスホイールでマップズームしたり引いたりできるます。ズームするとどんどんスポットが分離していくので、ベローナだけみたりとかカプリ島だけ見たりとかでしるかんじです。
サムネイルの変でマウスホイールをスクロールすると、サムネイルが縦スクロールします。
画面上の黒い細い帯はサムネイルの表示を操作する部分で、端をドラッグすると、サムネイル表示幅が広がって、画面内にたくさんサムネイルを表示できるようになります。
とか、まー便利でサクサク閲覧できるように作ってこーと思います('u')
あとは、コメント表示と時間絞込みツール設置と、撮影者絞込みツールをつくれば出来上がりかなー?

イタログマップ
実験です。
世界地図をgooglemapみたいにインタラクティブに操作してエントリーを地域ごとに閲覧する仕組みを考えてみました。
・マップをドラッグすると、マップつかんでずらせます。
・マップをダブルクリックするとその位置が中心になります。
・マウスホイールでズームです。('u')スムーズで便利。
・地域ごとのポイントの数字はエントリーの数で、
ズームするとドンドン細分化して分離していきます。
ポイントの分離がまだいまいちです・・・
くっついたらポイント同士が半分ずつ近づいて間の位置にいかないと変なのに
ちゃんと行ってくれないのところで、詰まってしまってます・・・。
これもちゃんと作れば色々応用できそうなリソースなので
じっくり作ってこうと思います。

イタログ
地域カテゴリのサムネイルだけを再整列するツールを作りました。
ほんとはマップ方にするつもりなんで、とりあえず骨組み作りってことで仮に作ったかんじです…。

イタログ
イメージしてたものがけっこうすぐに形になりました。
白い帯の部分が、最初のエントリーから最後のエントリーまでの時間…
始点と終点をドラッグして動かせます。
始点・終点を動かすとプレビューする時間帯が変化して、
始点から終点間での中にあるサムネイルだけを再整列させられるツールです('u')

イタログ
イタリアに行った時の写真がすごいあります。ひとりで680枚くらいとったので4人分だとすんごいになりそうです…。
選定してもかなりあるので、ブログでアップできる仕組みに対応できるようにしつつ、画像ビューアーサイトのプロトタイプを作ってみよーと思ったんですよ('u')
で。
ある程度できたのでここにのっけてみました。
えーと…
マウスホイールで縦スクロールるのでサムネイルを見るのが楽です。
それと…
ブラウザのサイズを変えると自動でサムネイルの並びを再整列します。
あと…
閲覧中こまごまロードしないように、最初にロードしちゃっています。
最初見ているときちょっと処理が重いですけど、後々こっちのほうがストレスなくみれるんでこうしてます。
で…
画像のコメントが1文字ずつでます。ゲームみたいです。
えーと…あとは
今後ですね。
撮影者、地域、時間でサムネイル縛りしてソートできる機能つけようと思ってます。
ちょこちょこ拡張してきますですー('u')/

去年の誕生日に会社から・・・リクエストしてたわけじゃなかったのに白いプレステ2をもらっちゃいました。
今もこのプレステ2でゲームしたり、DVD見たりしてます。
柳はゲーム最後まで遊ぶことはめったになく
仕組みやアイデアが大体全部確認できたら
やめてまう場合が多いんですよねー・・・・・。
ゲームしてると、ゲームを作ってみたいくなります。
なのでゲームを作ろうとと思います!
ウェブサイトで遊べるゲーム。
手始めにカンタンそうなものからやろうかなーと・・
短いストーリーでゲームゴコロをくすぐるような
ロールプレイングゲームのキャラクターを
作っていみました。[イラスト参照↑]
えーとさて、ストーリーも考えなくちゃ。
ロールプレイングではよくある話。
イラストの右から救世主(主人公)、プリンセス(ヒロイン)、戦士、魔女・・・をとりあえず描いてみました。
こんなキャラクターが登場するストーリーを組み立ててみようかと思います。
うーん・・
今回はあんまり突拍子ないものとかオリジナリティーの濃いものにはしないようにして・・
ぼんやりロールプレイングゲームってこんなかんじ・・・そうそうこんなかんじ・・っていう、
共通イメージの部分を柱にして作ってこうと思います。
えーと・・
例えば・・
プリンセスはさらわれますよね。
えーとほかには・・
主人公は、実はすごい力を秘めていたり・・
悪役はやっぱり悪魔・・・魔王?大魔王?
王様が呪われてたりするのかなー・・・
代官は悪魔だ化けてたり・・
最初村が襲われたり?
・・・でも寄せ集め、良いとこ取りにしても・・
バランスは考えないとなー・・。
などなど思います。
もうちょっと寝かしとこーっと。
・・・はい。
すみませーん。
ロールプレイングの共通イメージ募集中です・・・。
「なんか面白いこと」を趣味の範囲でやっていこうと思います。
そこで新企画です!宮島に住むかんねんとの企画です。はい。
(リンクしてみました。宮島について詳しくなるブログです。)
世界遺産宮島・・というか厳島の面白いところや歴史をインタラクティブコンテンツで表現!・・ってのをしてみようかと思います。コンテンツに入る情報は豊富にあるようなので見せ方の工夫でどれだけおもしろくできるか・・・ってのが課題ですね。
厳島の歴史年表チャートと厳島のマップをいっしょに表示して・・。
歴史年表チャートの時間をドラッグして年号をセレクトします。
チャートとマップがシンクロして動きます・・。
例えば、歴史年表チャートを動かしていく・・・
すると、建造物が建設された年号より前に来たとき、マップの建造物のイラストも消えたりするとか・・。
歴史年表チャートをぐいぐいドラッグして厳島の変化が見れるようなのってわかりやすくて面白いかなー・・と思います。
どうでしょうか・・・?
文章で説明してもイメージできないですよねー・・。
実際サンプル作らないとイメージできませんよね・・やっぱり。
時間できたらサンプル作ってみますです。
さてでは、まず。
サイトタイトルをどうするかですが・・
地域の情報をインタラクティブで表現するのをシリーズ化していけたらいいなと思っています。
なので、タイトルにも共通する部分がほしい感じです。
地域情報を集めたサイトということで・・
厳島ログ
厳島アーカイブ
厳島アセンブル
・・ってあたりの方向でいこうと思います。
[地名]+[情報の集まりの意味合いの単語]
という組み合わせです。
どれにしようか迷ってます・・。
ログだと、シンプルすぎてシリーズ化したときのインパクトがないかなーって思ったり・・
えーと、実際に書き並べてみよー・・
宮島ログ
厳島ログ
横川ログ
鳥取ログ
・・うーん
宮島アーカイブ
厳島アーカイブ
横川アーカイブ
鳥取アーカイブ
・・のほうが好きかな・・
宮島アセンブル
厳島アセンブル
横川アセンブル
鳥取アセンブル
・・新しさ面白さはこっちのほうがあるかなー・・
これも悩み中です・・。
ちょっと変わったシューティングゲームです。マウスだけを使って遊びます。マウスを動かすと移動したり向きが変わったりします。そしてクリックすると、弾を撃ちます・・・・でも一度には一発の弾しか撃てません。弾を込め直すのに時間がかかるルールです。一度撃った軌道で複数の敵を撃退して、いっきにに敵を倒していくと面白いちょっと変わったシューティングです。
すべての敵を撃退すると、強いレベルの敵がもっとたくさんでてきます。何レベルまでステージを進めれるかを競ってもおもしろいかも。敵が強いとヒットしてもなかなか撃退できません。敵の芯に当てて一度撃っただけで倒すことも可能です。
撃ちだした弾は、敵に当たればあ当たるほど、威力が上がります。←このルールを覚えていると、高レベルのステージで役に立つので覚えておきましょう!

■基本操作
操作する自機がマウスについてきます。そして、クリックすると(指を離すと)弾を撃ちます。一度打つとちょっと待たないともう一度撃てません。弾数に制限はありません。
| SUN | MON | TUE | WED | THU | FRI | SAT |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |