ごらくらいふ

プログラミングしたりゲームしたり

html

リファクタリング「リトル・レディ」 #1 画像ボタンをホバーで差し替える処理

約3年も前の話、「リトル・レディ」という作品をChromeで動くようにしたい! という思いのもと、勝手に復活開発日誌を始めた。 yajamon.hatenablog.com yajamon.hatenablog.com この開発は一気に進み、2年弱放置の後に完結宣言が行われた。 この記事は? …

ライフゲームってやつをDOM+VanillaJSで書いてみた

ライフゲーム - Wikipedia ライフゲームというものをつい最近知ったので、息抜きにガガガっと書いてみた。(DOM+VanillaJS製) 「まず動く」に重点を置いて書いて1.0.0のタグを切ったので、よければforkしてリファクタリングの練習材料にでもしてほしい。 gi…

「リトル・レディ」かってに復活開発日誌 #16

今日の課題 hane.htmの修正に区切りをつけて、後の処理を確認する。 さっそく発生した。。。 作業録 次へボタンの動き <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="123" BGCOLOR="#3366FF" > <TR> <TD><center><B><FONT SIZE=+2><A HREF="javascript:newPage('event.htm')" onClick="select(181)">次へ</A></FONT></B></center></TD> </tr></table>

「リトル・レディ」かってに復活開発日誌 #13

今日の課題 炙りだされた不具合を解決する 前回、BGanime()、slideLS()から呼び出されたものを改修したら、不具合が発生した。 これを解決する 作業録 bga8 ? 詰まっているところを確認したところ、bga8というエレメントが見つからず、moveL()からエラーを吐…

「リトル・レディ」かってに復活開発日誌 #8

今日の課題 シナリオを表示させる 目的 シナリオを読む 作業録 前回の修正で、document.allの存在チェックを行っているところは処理が実行されないことが判明した。 同様の修正で、シナリオが表示されるようにする。 次のメッセージを表示する newM()を確認…

「リトル・レディ」かってに復活開発日誌 #7

今日の課題 showL()を正常に動作するよう調査する 目的 動作不良の改善 作業録 動作不良を確認していたところ、上述のshowL()がそもそも意図した動作をしていなかった。 以下のソースが意図した動作をすれば、画面には▼が表示される。 しかし、実際には出力…

「リトル・レディ」かってに復活開発日誌 #5

今日の課題 データの保存をdocument.cookieからsessionStorageに移行する 目的 ページ間を跨いだデータを共有する シナリオjsファイルの読み込みができるようにする 作業録 setCの修正 function setC(key,val){ var storage = sessionStorage; storage.setIt…

「リトル・レディ」かってに復活開発日誌 #4

今日の課題 ↓エラーの発生原因を調査する 目的 エラーがゲーム進行の妨げになっているため、これを取り除く*1 作業録 前回のあらすじ 前回、シナリオjsファイルにclick()を発見した。 yajamon.hatenablog.com なぜ見つからないのか調査する。 本当に読み込ん…

「リトル・レディ」かってに復活開発日誌 #3

今日の課題 いったいどこにあるclick()を探しているのか調査する 目的 エラーがゲーム進行の妨げになっているため、これを取り除く*1 作業録 click()が未定義のため、どういう流れで定義を期待しているのか追う。 なお、event.htm内には存在しなかった。 も…

「リトル・レディ」かってに復活開発日誌 #2

今日の課題 ↓の発生する経緯を調べる。 目的 エラーがゲーム進行の妨げになっているため、これを取り除く 作業録 event.htm はどこから? start.htm を辿る。 start.htm <HTML> <TITLE>リトル・レディ</TITLE> <FRAMESET cols="100%,*" border=0 frameborder="NO" bordercolor="#FFFFFF" framespacing="0"> </frameset></html>