主人KuLuSの趣味Blog ★ PSP,エミュ,オンラインゲーム,PSU,パソコン,プログラム,SNS,著作権,舞台,歌舞伎,音楽,DTP,DTM,マンガ、ラノベなどを戯言ってみる
by dengel
■ カテゴリ
全体
・ゲーム/PSO/PSU
・PSP/PSV/エミュ/ガジェット
・DTM/Audio/音楽
・小説/漫画/ラノベ
・舞台/歌舞伎/映画
・プログラム/NW
・PC/戯言/メモ
iPhone/Android
■ 検索
■ お気に入りブログ
すちゃらか統一ウオーズを...
ゲームパッド地下秘密
Dengel Wing
Invisible Ray
博麗幻想書譜
目撃者を探しています!平...
■ Dengel Tweet
■ 以前の記事
2017年 06月
2016年 12月
2015年 01月
more...
■ 各種規約/設定
スカウター : 天魔の館
携帯からでも【天魔の館Blog】へ
QRコード
 ● 活用サイト
■Gmail
■MSN Hotmail
■Simpletext

■10分Mail (メーラー)
■7日Mail日本語 (メーラー)

▼【CG/画像加工】▼
■Photoshop
■Pixlr
■Naverフォトエディタ

▼【ストレージ】▼
■Nドライブ(30GB)
■SkyDrive(7GB)
■Yahooボックス(5GB)

▼【SNS】▼
■mixi
■マンガ読もっ! (漫画系)
■ほんのきもち (漫画系)
■Gocco (小説系)
■手書きブログ
■BOOK index(本情報)

▼【便利サービス】▼
■SimpleAPI (リンクサムネイル)
■ColorGenerator (色生成)
■Button Generator
■CoolText (タイトル生成)
■bgmaker(背景画像生成)
■Media Convert (ファイル変換)
■いい色 (写真加工)
■Glad (グラデ生成)
■igosso (画像サーチ)
■Doc&Sheet (google)
■Yahoo!ノートパッド (ネットメモ)
■Google トランジット (駅経路)

▼【ラノベ創作関連】▼
■ライトノベル作法研究所
■-小説の書き方講座-
■キャラクターなんとか機
■Weblio 類語辞典

▼【音楽関連】▼
■Sounds39
■東方同人カラオケwiki
■うたスキ(joysound)

▼【PSP関連】▼
■Emu on PSP
■PSPnfo
■QJ.net(DL)

▼【Mylo】▼
■mylo-ねとらじ
■mylo COM-2@wiki
■mylo com-2
■mylolabs
・BlogMemoLinker(自作)
・ゲーム「Yacht」(自作)

▼【開発関連】▼
■CodeZine
■コードなにがし
■MOONGIFT
■Phpspot開発日誌

▼【情報】▼
■連邦
■Impress
■ITmedia
■SimpleAPI
■Gigazine
■アルファルファモザイク
■淡々と更新し続けるぞ雑記
■楽画喜堂
■らばQ
■電脳御殿
■かーずSP

■にがHP

▼【生活】▼
e-gohan
今晩のおかず検索
ご飯好き.COM

▼【WEBゲーム】▼
■ぱんぱんミュージック
■TYPING MANIA

Map

あわせて読みたい
フィードメーター - 天魔の館
ダンガンロンパ 希望の学園と絶望の高校生
ダンガンロンパ 希望の学園と絶望の高校生

 ● 素材拝借
▼タイトル画像▼
[www.SCX.hu]写真素材サイト
Richard Sweet photography 様
▼背景画像▼
Grayish Web 様
▼プロフィール画像▼
Bart Vermeersch 様
 ● 著作権利
このページで使用されている画像は(株)セガの許諾を得て、Windows用ゲーム『ファンタシースターオンライン ブルーバースト』および『ファンタシースターユニバース』よりキャプチャーしたものです。配布や再掲載は禁止されています。
(C) SEGA
■ 最新のトラックバック
venushack.com
from venushack.com
whilelimitle..
from whilelimitless..
撲殺天使ドクロちゃん 公..
from アニメ&マンガなどの情報紹介
PS2 Tomb Rai..
from ゲーム 攻略 サイト
■ その他のジャンル
■ ライフログ
■ ファン
■ 記事ランキング
■ ブログジャンル
■ 画像一覧
■ Javascript:サイコロゲーム「Yacht」公開 ■
  ::: 2008年 07月 11日 :::
 というわけでサイコロを使ったポーカーライクなゲーム「Yacht」
 WEB版が完成したので公開いたします。
 Mylo2用に最適化してるので、それ以外のブラウザで動いた場合は、単なるオマケと思ってくださいw

■サイコロゲーム「Yacht」
http://home.att.ne.jp/green/denjel/yacht.htm

c0072228_23401937.jpg

■ルール
・ダイス5個を1回振る([ロール]ボタンを押して下さい)
・サイコロを1回だけ振り直す事もできます。
([振]を押すと[残]になりそのダイスは再振されません)
・出た目の役があってもなくても役を選択(各役の[決定]を押して下さい)
・それを12回繰り返し
・最終的な合計点で競います。


■仕様
開発言語:HTML、CSS、JavaScript
確認ブラウザ:IE、Mylo2「NetFront」のみ
※Mylo2で動くのが当初の目的なのでFirefoxやOperaは気分が乗ったら直します。

■更新履歴
2008.07.11:[Ver 1.0] 完成品公開
2008.07.13:[Ver 1.1] 参考意見によりロール部のマージン調整、「残」にした時サイの背景色を変更
2008.07.14:[Ver 1.2] クッキーを使って過去最高点を自動保存/表示する機能の追加




 というわけで、とうとうバージョン1.0での公開です。
 まあ、ハマるほど面白いとは思いませんが、ゲームとして開始して遊べて再チャレンジができます。
 ワタシはこのゲームを知った時、死ぬほどハマりましたけどw
 多少簡素ですが、拘るのは次のバージョンで、という事で。

 さて、開発にあたりMylo2に搭載されてるブラウザ「NetFront」の特徴について少々。

 このブラウザ、テーブルやDIV要素などのオブジェクトの上に、テキストやボタンのオブジェクトが存在し、更にその上に画像を配置するという挙動を行います。

 IEは定義が後のオブジェクトほど、上に重なる(手前に表示)特徴を持っていたので、例えばスタート画面の場合、白いDIV要素オブジェクトでブラウザを覆ったのですが、NetFrontではテーブルやDIV要素は消えるのに、テキストや画像が消えませんでした。

 で、しょうがないので、Mylo2用に白いGIFを用意し、それを画面全体に伸ばしてメイン画面を隠しています。
 が、しかし、Mylo2ではフォーカスのあたったオブジェクトの周りがオレンジ色の線が入ってしまうのですが、ただ白い画像を張っただけででは、背後のオブジェクトにフォーカスがあたってしまい、開始画面で不自然な位置にオレンジの線が表示されてしまいました。

 更にここでは、ボタン要素定義して画面全体に延ばし、さらにそのボタンへ白い画像を画面いっぱいに表示して、選択されている事自体を見えないように工夫しています。
 という事で、NetFrontはIEとオブジェクトの扱いがかなり違うため、重なる部分の処理がずいぶん癖があって気になりました。

 Firefox等のブラウザでは確認してないので、ひょっとしたら動くかもしれませんね。

■追記■
 中身に興味を持って頂いた方にも、そして自分にも分かりやすいよう、CSSもJSも一つのHTMLファイルにまとめてあります。

 参考にするなりコピペに使うなり。
 改変・解析はご自由にしてください。
※ご連絡や当サイトへのリンクなどして頂けると嬉しいですが強制するものではありません。ご安心ください。

 プログラムについては、格段特殊な事も、アイデアあふれるモノものなく、最低限、処理が一番早く済むような効率重視程度しか考えてません。
 またCSSが後付なためか、Myloとの互換性のためか、お恥ずかしい限りですが一部の小さいズレなどもあります。
[PR]

by dengel | 2008-07-11 23:40 | ・プログラム/NW