祝日の場合、それと判りやすいように、ブタさんの背景に旗を表示するようにしました。 ・・・「ブタの丸焼き」お子様ランチ風に見えたらゴメンナサイ・・・。 旗の描画は下記トンカツソースの159〜224行目辺り。 今回もテスト用…

ブタさんバルーン表示を改修
バルーンの背景色を、薄青(月、火、木)、薄緑(水、金、土)、薄赤(日、祝日、休診日)で変わる様にしました。 その他、ブダさんの足の色を濃くしました。 さらに、祝日の情報を追加し、該当日には「休診」を知らせるバルーンも表示…

バルーン表示にブタさんを追加
診療時間の表で、該当曜日の上にブタさんが顔を出している絵を追加しました。 ブタさんは、HTML5のCanvas機能で描きました。 (下記ソースの72〜173行目) 吹き出しの「・・・でブー!」は御愛嬌。 現在時刻はサーバ…
アナログ時計のデザイン変更
短針(時針)、長針(分針)、秒針のデザインを変更しました。 上記画像をクリックすると該当ページに移動します。 CanvasのquadraticCurveTo()メソッドで、ペジェ曲線で描いたのですが、なかなか難しい・・・…

本日の日付と曜日をバルーン表示
診療時間のページに、表示している「本日の日付と曜日」を吹き出し風に変更しました。 曜日が変わると、該当する曜日の上に、吹き出しが移動するようにしました。 吹き出しは、背景画像ではなく、Canvasで描画。 本日の日付はレ…
ジャンプアクションゲーム
日経ソフトウェア2014年11月号「HTML5でゲームを作ろう(第12回)」に掲載された「横スクロールジャンプアクションゲーム」です。 ・・・連載は最終回。 右の画像をクリックするとゲームページを表示します。 ゲームは、…
Fish Shooting
日経ソフトウェア2014年9月号「HTML5でゲームを作ろう(第10回)」に掲載されたシューティングゲーム「Fish Shooting」です。 右の画像をクリックするとゲームページを表示します。 遊び方は、プレイヤーの位…