RainbowClock @ ウィキ

本体

2013-03-03T17:12:50+09:00

[[Android版、バージョン0.1.0>https://play.google.com/store/apps/details?id=recyclebin5385.imageclock.android]]　-- Android用 [[Java版、バージョン0.1.1>http://www50.atwiki.jp/rainbowclock/pub/RainbowClock_java_0.1.1.zip]] -- OS非依存 [[.NET版、バージョン0.1.1>http://www50.atwiki.jp/rainbowclock/pub/RainbowClock_dotnet_0.1.1.zip]] -- Windows用 **動作環境 Android版 - OS: Android 2.2以降 Java版 - OS: 任意 - 必須コンポーネント: Java SE Runtime Envorinment 5以上 .NET版 - OS: Windows Vista以降 - 必須コンポーネント: NET Framework 2.0ランタイム（.NET版）

トップページ

2013-03-02T19:46:23+09:00

[[Android版できました>https://play.google.com/store/apps/details?id=recyclebin5385.imageclock.android]] &bold(){※[[企画/pixivip時計2012]] 2013/2/11に終了しました。ご参加ありがとうございます} **RainbowClockとは？二次元にしか萌えられない人向けの、某美人な時計とは&bold(){まったく関係のない}デスクトップアクセサリです。スキン（時刻を埋め込むための画像）を自作したり、他人の作成したスキンをもらって追加したりといったことが簡単にできます。 ※某美人な時計とは大きな違いが1点あります。こちらは画像が1440枚もありません。また時刻ごとにどの画像が出るかはランダムです。好きなキャラの某美人な時計があったらいいなとか妄想していた人はぜひとも好みのキャラでスキンを作ってみてください。本体に添付されたスキンはこんなかんじになります。左が本来の使い方ですが、右のような&bold(){濫用}もできます。 &ref(rainbowclock1.png)&ref(rainbowclock2.png) [[本体]] [[サンプルスキン]] [[作ったスキンのアップロードはこちら>http://ux.getuploader.com/rainbowclock/]] コメントはこちら #comment() ---- このWikiは基本的に誰でも自由に編集ができます。 @wiki自体の使い方については以下を参照。 -[[@wikiの基本操作>http://atwiki.jp/guide/category2.html]] -[[@wiki ご利用ガイド>http://atwiki.jp/guide/]] -[[よくある質問>http://atwiki.jp/guide/category1.html]] -[[@wikiプラグイン>http://atwiki.jp/guide/category17.html]] -[[@wiki便利ツール>http://atwiki.jp/guide/category32.html]] -[[@wiki構文>http://atwiki.jp/guide/category16.html]] -[[@wikiプラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html]]

サンプルスキン

2013-03-02T17:55:43+09:00

※.NET版、Java版に添付されているものと同じです。簡易スキンサンプル　&ref(sample2.png) 通常スキンサンプル　&ref(sample1.zip)

メニュー

2013-03-02T17:53:51+09:00

**メニュー -[[トップページ]] -[[本体]] -[[サンプルスキン]] -その他のスキン --[[企画/pixivip時計2012]] --[[スキンのアップローダ>http://ux.getuploader.com/rainbowclock/]] -[[スキンの作り方]] --[[簡易スキンの作り方]] --[[通常スキンの作り方]] -[[おまけ]] [[開発者のページ>http://www.geocities.jp/recyclebin5385/]] //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集)

通常スキンの作り方

2013-03-02T16:08:28+09:00

XMLファイルと画像を組み合わせることで、簡易スキンよりきめ細かな制御ができます。通常スキンを追加するときは、.NET版、Java版の場合、フォルダskinの下にスキンごとのフォルダを作り、そこにXMLファイルと画像を置いてください。 Android版の場合、ライブ壁紙の設定画面から「スキン一覧」を選択し、「ファイルのインポート」ボタンをクリックしてスキンと画像を含むzipファイルを選択してください。 XMLファイルの名称はsetting.xml固定です。 **手順下に表示されたサンプルまたは、本体に添付されたサンプルのXMLファイル（skin\sample1\setting.xml）をコピーして、テキストエディタで編集してください。文字コードはUTF-8を推奨します。要素&bold(){Skin/Image}に画像のファイル名を指定します。 setting.xmlのあるフォルダを起点とした相対パスで指定します。画像とsetting.xmlを同じ階層に置くのであれば単純にファイル名を指定すれば問題ありません。要素&bold(){Skin/TimeArea/Vertices}の子要素として、要素Vertexを4個記述します。要素&bold(){Vertex}は、画像ファイル上において時刻の文字列を表示する領域の頂点を指定します。座標は左上が原点です。頂点は順に左上、左下、右下、右上となります。要素Vertexの子要素&bold(){X、Y}にそれぞれ頂点のX、Y座標を指定します。 4つの頂点は平行四辺形を描くように配置してください。時刻の文字列を描画するとき、文字列の周囲には余白が発生します。余白を考慮して領域は広めに取ってください。要素&bold(){Skin/TimeArea/Color}に文字の色を指定します。色の書式はHTMLで使用可能なものが使えます。（#FF9966など）要素&bold(){Skin/Font}にフォントを指定することができます。（省略した場合はデフォルトの設定が使われます。）子要素&bold(){Name、Size}にフォント名とフォントサイズ（pt）を指定すると、デフォルトのフォント以外を使うことができます。ただし、現状のAndroid版ではフォント名は無視され、常にデフォルトのフォントが使われます。要素&bold(){Skin/TimeArea/SrcStringArea}に、画像を一時的に描画する領域のサイズを指定することができます。（省略した場合はデフォルトの設定が使われます。）子要素&bold(){Width、Height}に幅、高さをpx単位で指定します。フォントを変更したら文字が欠けてしまったような場合に変更してください。 **サンプル setting.xmlのサンプルです。 skin.jpg 62230 55275 145265 152220 #404040

スキンの作り方

2013-03-02T16:07:40+09:00

スキンとは、このアプリケーションで時刻を埋め込んで表示するために使える画像のことです。画像1枚でできる&bold(){簡易スキン}と、画像とXMLファイルの組み合わせの&bold(){通常スキン}があります。通常スキンはきめ細かい設定ができますが、XMLファイルの知識が必要です。簡易スキンはXMLファイルをいじらなくても作成でき、配布も簡単ですが、できることは限られています。（文字色の変更と文字表示位置の大まかな指定しかできません。）また、特にAndroid版ではファイルの解析に多少の時間がかかり、スキンの切り替えが遅れます。 .NET版、Java版の本体に添付されたスキンに使用されている画像のサイズは240x320pxとなっています。スキンに使用する画像のサイズは必ずしもこれに合わせる必要はありません。ただし、.NET版、Java版においては画像サイズがそのまま表示サイズになるので、あまり大きな画像を使うと邪魔になります。また、Android版では元の画像サイズによらず、画面いっぱいに画像が拡大されます。そのため、あまり小さい画像を使うと表示が汚くなります。できるだけ画面の解像度に近い画像を使用してください。なお、スキンの作り方についてはどの版でも同じです。 -[[簡易スキンの作り方]] -[[通常スキンの作り方]]

簡易スキンの作り方

2013-03-02T16:02:37+09:00

画像1枚だけで作れるスキンです。スキンを配置するときは、.NET版、Java版であればフォルダskinに画像を配置するだけでOKです。 Android版の場合は、ライブ壁紙の設定画面から「スキン一覧」を選択し、「ファイルのインポート」ボタンをクリックして画像ファイルを選択してください。 **手順 ***画像を用意するスキンとして使いたい画像を用意します。自分で描いても、どこかから調達してもかまいません。ただし、時刻が入る領域は空白にしておいてください。 ***絵のサイズを調整するこのアプリは画像を原寸大で表示します。あまりサイズの大きい画像にするとデスクトップアクセサリとしては使いにくいでしょう。サンプルのスキンでは240x320pxにしています。 ***画像の右半分に設定用領域を付加する縮小した絵が左半分になるようにし、右半分を塗り潰した画像を作ります。右半分を塗り潰した色が文字の色になります。 ***文字列領域の座標を指定する右半分の領域に、時刻の文字列を表示する領域の頂点を示す印を描画します。印の色は左上から反時計回りに、左上が赤（#FF0000）、左下が青（#0000FF）、右下が黄（#FFFF00）、右上が緑（#00FF00）となります。 4つの頂点は平行四辺形を描くように配置してください。時刻の文字列を描画するとき、文字列の周囲には余白が発生します。余白を考慮して領域は広めに取ってください。簡易スキンをJPEGのような不可逆圧縮のフォーマットで保存する場合は、圧縮に伴うノイズによって色の変化が発生します。色の変化に耐性を持たせるためには、印を大きめに描いてください。 ***画像を保存する簡易スキンにノイズが乗ると文字を表示する領域の頂点が検出できなくなることがあります。これを防ぐには、PNGのような可逆圧縮方式で保存するか、JPEGのような不可逆圧縮方式でも品質をできるだけ高くして保存してください。（ただしファイルサイズが増えてしまうので圧縮率を適宜調整してください。） **サンプル簡易スキンのサンプルはこちらです。 #ref(sample2.png)

企画/pixivip時計2012

2013-02-15T23:58:59+09:00

*【企画】pixivip時計2012 &bold(){本企画は2013年2月11日を持ちまして終了しました。} &bold(){参加された皆様ありがとうございます。} pixivにおける企画目録のURL http://www.pixiv.net/member_illust.php?mode=medium&illust_id=32868349 **概要みんなで絵を描いて2次元版美人時計っぽいものを作りませんか？画像に時刻を埋め込んで表示するプログラムを使って、実際に動くデスクトップアクセサリを作ります。プログラムはこちらで提供します。以下のURLで公開しています。（要望があれば連絡ください。） Windows用の.NET版と、OS非依存のJava版があります。現時点では機能は同一です。 [[本体最新版(.NET)>http://www50.atwiki.jp/rainbowclock/pub/RainbowClock_dotnet_0.1.1.zip]] [[本体最新版(Java)>http://www50.atwiki.jp/rainbowclock/pub/RainbowClock_java_0.1.1.zip]] **参加方法時刻を表示する位置を空けて絵を描いてアップロードしてください。描くものは萌えキャラでも人外でも可。必ずしもキャラでなくてもかまいません。（美人時計っぽいものを作るということだけ頭の片隅に置いてください。「四角い枠のなかに時刻」という形式にこだわる必要はありません。）サイズは横240px、縦320pxを基本とします。可能であればプログラムのスキンの設定用XMLファイルも作ってくれるとうれしいです。作り方は以下を参照してください。 http://www50.atwiki.jp/rainbowclock/pages/17.html 成果物として、投稿された画像をスキンとして詰め合わせたプログラムを配布します。 ※投稿された画像はプログラムのスキンデータとして公開され、不特定多数がフリーウェアとしてダウンロードすることが可能になります。この点についてご了承ください。なお、画像を自身で使用するぶんには問題ありません。今のところ、画像はオリジナルのものに限定させていただきます。また、R-18、R-18Gに該当する画像はご遠慮ください。 **うｐろだ http://www.rupan.net/uploader/ アップロードした後に以下のスレにURLを貼り付けてくれたら随時回収します。【お絵かき】pixivipスレでは今日も絵茶やってるよ←やってねーじゃねーか【Pixivip】 http://ex14.vip2ch.com/test/read.cgi/part4vip/1341756545/ **締切 2013年2月11日（月・祝） **未決定事項二次創作の扱いをどうするか。幅広く参加者を募るためには二次創作を許可したいのですが、スキンデータを公開するときに問題がありそうなので安全側に倒しています。 **投稿していただいたスキン ZIP形式（通常スキン）は展開して、画像形式（簡易スキン）はそのままの形でフォルダskinにコピーしてください。フォントの導入は自己責任でお願いします。デフォルトフォントを使う場合はsetting.xmlの～を削除してください。スキンの著作権はそれぞれの作者様にあります。無断での再配布等はご遠慮ください。 [[スキン詰め合わせセットのダウンロード>http://www50.atwiki.jp/rainbowclock/pub/skin/pixivip_skins.zip]] 下に示すスキンがすべて入っています。 [[tokiko.zip>http://www50.atwiki.jp/rainbowclock/pub/skin/tokiko.zip]] 作者: わたし様作者のサイト: http://www12.atpages.jp/zutuugaitai/ ※要[[Credit Valleyフォント>http://www.google.co.jp/search?q=Credit+Valley+Font]] &ref(tokiko.png) [[20130203_1.png>http://www50.atwiki.jp/rainbowclock/pub/skin/20130203_1.png]] 作者: 鉄心様 &ref(20130203_1.png) [[tunousagi.zip>http://www50.atwiki.jp/rainbowclock/pub/skin/tunousagi.zip]] 作者: ninzin 様作者のサイト: http://green.ribbon.to/~lapininzin/ &ref(tunousagi.png) [[whale.zip>http://www50.atwiki.jp/rainbowclock/pub/skin/whale.zip]] 作者不明。。。連絡ください &ref(whale.png) [[waitress.zip>http://www50.atwiki.jp/rainbowclock/pub/skin/waitress.zip]] 作者: recyclebin5385 作者のサイト: http://www.geocities.jp/recyclebin5385/index.html &ref(waitress.png)

おまけ

2012-12-01T14:34:47+09:00

プロトタイプの&del(){燃え}萌えキャラ時計 #ref(prototype.png)

まとめサイト作成支援ツール

2012-12-01T10:22:36+09:00

* まとめサイト作成支援ツールについて @wikiには[[まとめサイト作成を支援するツール>>http://atwiki.jp/matome/]]があります。また、 #matome_list と入力することで、注目の掲示板が一覧表示されます。利用例）#matome_listと入力すると下記のように表示されます #matome_list