tag:blogger.com,1999:blog-181259842024-03-13T08:48:38.254+09:00レッド ■ ワン: red-one主な議題: Web,Mozilla Firefox,PC,Blogger / blog アレコレ といったもの,・・・のようで自分の日々の泡を綴ったブログ.Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-18125984.post-990994560120184412010-07-14T23:14:00.000+09:002010-07-14T23:14:09.915+09:00ペルソナ3影時間時計Flash版(DarknessTimeClock)を公開前回、SVG と Javascript でザックリと作成した正式名称不明な「影時間に移行するときに現れる時計」の再現の Flash 版とケータイ待受(Flash Lite 1.1)版を作成しましたので公開します。<br />
<h4>PC向け</h4><ul><li><a href="http://red-one.appspot.com/DarknessTimeClock.swf">http://red-one.appspot.com/DarknessTimeClock.swf</a></li>
<li><a href="http://red-one.appspot.com/kagejikan_clock.svg">http://red-one.appspot.com/kagejikan_clock.svg</a>(<a href="http://redone-on.blogspot.com/2009/11/p3p.html">SVG版</a>)</li></ul><h4>ケータイ向け</h4><ul><li><a href="http://red-one.appspot.com/DarknessTimeClock4m.swf">http://red-one.appspot.com/DarknessTimeClock4m.swf</a></li></ul>ケータイ向けには、下のQRコードでアクセスください。<br />
<div style="background:#C0C0C0;width:167px;height:167px;margin:0 auto;"><a href="http://picasaweb.google.com/lh/photo/ocPdxub7FOLgliKAs07Glg?feat=embedwebsite"><img src="http://lh3.ggpht.com/_sEFtpv_qahw/TD3B7FUBOKI/AAAAAAAAAOE/maamD5HAE0g/s800/DarknessTimeClock_Code.png" /></a></div><br />
さて、次は Android アプリでしょうか?Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com0tag:blogger.com,1999:blog-18125984.post-46489219657616726412009-11-07T23:01:00.001+09:002010-05-23T22:45:11.980+09:00【P3P発売記念】ペルソナ3影時間の時計を再現<ul><li><a href="http://p3p.atlusnet.jp/">『ペルソナ3ポータブル』公式サイト</a></li>
</ul><br />
『ペルソナ3』及び『ペルソナ3ポータブル』劇中での<strong>「影時間に移行するときに現れる時計」</strong>を Web アプリとして再現してみました。<br />
劇中ではタルタロスに行く2~3秒しか表示されないビジュアルですが、非常に印象的でアプリで探していたのですが、なかったので自作しました。<br />
機能としては、通常のアナログ時計の機能のみです。<br />
<br />
<a href="http://red-one.appspot.com/kagejikan_clock.svg"><img src="http://lh3.ggpht.com/_sEFtpv_qahw/SvVrTanknYI/AAAAAAAAANg/ggdrrHmAZFE/s288/kagejikan_clock.png" /><br />
http://red-one.appspot.com/kagejikan_clock.svg</a><br />
<br />
ブラウザ上から上記 URL にアクセスするか、下記コードを利用してください。<br />
<pre><code><iframe src="http://red-one.appspot.com/kagejikan_clock.svg" /></code></pre><br />
<h4>動作について</h4> 実装は、SVG + Javascript です。SVG は Illustrator で作成し、Javascript は手打ちで対応しました。<br />
動作確認は Firefox, Chrome で行いました。<br />
不具合等ありましたら連絡ください。Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com7tag:blogger.com,1999:blog-18125984.post-41778182728300208672008-01-17T23:48:00.000+09:002008-01-17T23:49:52.207+09:00COLORd Leaf : 名前を色に変換!名前→色変換してくれるだけのシンプルな Web アプリです.<br /><br /><object data="http://akanasu.googlepages.com/name2color.html" type="application/xhtml+xml" width="360" height="400" style="border:1px solid #aaa;">Link: <a href="http://akanasu.googlepages.com/name2color.html">http://akanasu.googlepages.com/name2color.html</a></object><br /><h4>これは何?</h4> 入力された文字列(単語,名前,地名,…)に対する色の RGB 値を表示します.<br /> RGB 値への変換は独自の変換規則に基づいて文字コード(列)を色情報に変換するものです.<br /><h4>使い方</h4> 名前を入力して『変換!』ボタンを押してください.<br /> 誰にも分からなかった自分の色が分かります.<br /><br /> 名前の他にも,思いついた単語を2,3語入力してみてください. よく使う単語の意外な色を楽しみましょう.<br /><h4>注意</h4><ul><li>名前は40文字まで</li><li>アルファベットの大文字・小文字は区別されません</li><li>半角/全角スペースは省略されます</li><li>名前等の入力された情報の公開,及び第三者への送信はされません</li><li>このアプリケーションは私個人がこのブログ上で公開するために作ったものです</li><li>意見や指摘事項などございましたら <a href="http://redone-on.blogspot.com/2008/01/colord-leaf.html#comments">ココにコメント</a> してください</li></ul><br /><h4>動作環境</h4><ul><li>Windows XP 上のIE6-7, Firefox1.5-2.0, Opera9.0, Safari3.0 で動作確認しております</li><li>JavaScript オン / CSS オンの環境でご利用ください</li></ul><br /><hr /><br /><h4>後記</h4>■ 2008年初投稿となりました. ネタ自体は一ヶ月ほど前から作っていたものです.<br /> 恐ろしいほどの遅筆ですが,本年もよろしくお願いします.<br /><br />■ 『脳内メーカー』とか『ハートメーカー』などに触発されて,名前を色にしてくれるのってなかったな~と 100% 思いつきで作ってしまいました.<br />今は,勢い 30%・後悔 60%・不明 10% という感じ.<br /><br />■ 中身は Javascript + CSS のみです. 変換アルゴリズムなども特別なことはしていません. ソースを見れば全てがわかります(多分).<br /> アルゴリズムは今後変わるかも??<br /><br />■ 最近作られた色なども一覧表示できるようにしようとも思ったけど,そこまで作り込めずにいる.<br /> 似ている色(単語)の表示とかもしたいな~と思ったり.<br />やっぱある程度凝ったものを作るとすると,サーバサイドの作り込みも必要. ZOHO API とか上手く利用できないかな~?<br /><ul>ソース: <li><a href="http://akanasu.googlepages.com/name2color.html">http://akanasu.googlepages.com/name2color.html</a></li></ul>Akanasuhttp://www.blogger.com/profile/13915507254139684371noreply@blogger.com1