Skip to content

Angel21 HP Blog

HP制作者の覚え書き

  • ホーム
  • Ubuntuライフ
  • 自宅サーバー
    • 自宅サーバー構築記2016
    • 自宅サーバー構築記2013
  • HTML5でゲーム
  • ダイエット
  • エンジェル21HP

カテゴリー: Canvas

ブタさん背景に祝日旗を表示

2016年11月2日2016年12月28日 satoh163

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

Canvas, バルーン表示, ホームページ制作Leave a comment
Read More

ブタさんバルーン表示を改修

2016年10月18日2016年12月28日 satoh163

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

Canvas, バルーン表示, ホームページ制作Leave a comment
Read More

バルーン表示にブタさんを追加

2016年10月17日2016年12月31日 satoh163

診療時間の表で、該当曜日の上にブタさんが顔を出している絵を追加しました。 ブタさんは、HTML5のCanvas機能で描きました。 (下記ソースの72〜173行目) 吹き出しの「・・・でブー!」は御愛嬌。 現在時刻はサーバ…

Canvas, バルーン表示, ホームページ制作Leave a comment
Read More

アナログ時計のデザイン変更

2016年9月9日2016年12月31日 satoh163

短針(時針)、長針(分針)、秒針のデザインを変更しました。 上記画像をクリックすると該当ページに移動します。 CanvasのquadraticCurveTo()メソッドで、ペジェ曲線で描いたのですが、なかなか難しい・・・…

Canvas, アナログ時計, ホームページ制作Leave a comment
Read More

アナログ時計を追加

2016年9月8日2016年10月27日 satoh163

診療時間のページに、「現在の時刻」と「カレンダー」を追加しました。(初回「F5」キーで再読み込み必要かも) 「現在の時刻」は、JavaScriptで閲覧端末から時刻情報を得て、HTML5のCanvas機能でアナログ時計を…

Canvas, アナログ時計, ホームページ制作Leave a comment
Read More

本日の日付と曜日をバルーン表示

2016年9月7日2016年12月27日 satoh163

診療時間のページに、表示している「本日の日付と曜日」を吹き出し風に変更しました。 曜日が変わると、該当する曜日の上に、吹き出しが移動するようにしました。 吹き出しは、背景画像ではなく、Canvasで描画。 本日の日付はレ…

Canvas, バルーン表示, ホームページ制作Leave a comment
Read More

ジャンプアクションゲーム

2014年10月2日2017年11月28日 satoh163

日経ソフトウェア2014年11月号「HTML5でゲームを作ろう(第12回)」に掲載された「横スクロールジャンプアクションゲーム」です。 ・・・連載は最終回。 右の画像をクリックするとゲームページを表示します。 ゲームは、…

Canvas, HTML5でゲームLeave a comment
Read More

卓球ゲーム

2014年8月28日2014年8月30日 satoh163

日経ソフトウェア2014年10月号「HTML5でゲームを作ろう(第11回)」に掲載されたオンライン対戦型の「卓球ゲーム」です。 右の画像をクリックするとゲームページを表示します。 今回も、プログラムソースには手を加えてい…

Canvas, HTML5でゲームLeave a comment
Read More

Fish Shooting

2014年7月31日2017年11月28日 satoh163

日経ソフトウェア2014年9月号「HTML5でゲームを作ろう(第10回)」に掲載されたシューティングゲーム「Fish Shooting」です。 右の画像をクリックするとゲームページを表示します。 遊び方は、プレイヤーの位…

Canvas, HTML5でゲームLeave a comment
Read More

神経衰弱ゲーム

2014年6月27日2017年11月28日 satoh163

日経ソフトウェア2014年8月号「HTML5でゲームを作ろう(第9回)」に掲載された「神経衰弱」です。 今回もプログラムソースには手を加えていません。 2015年7月26日追記・・・「sinsui.js」ファイル修正。 …

Canvas, HTML5でゲームLeave a comment
Read More

投稿ナビゲーション

過去の投稿

カレンダー(投稿履歴)

2021年1月
月 火 水 木 金 土 日
 123
45678910
11121314151617
18192021222324
25262728293031
« 12月    

アクセスカウンター

  • 526408総閲覧数:
  • 85今日の閲覧数:
  • 203昨日の閲覧数:
  • 381820総訪問者数:
  • 80今日の訪問者数:
  • 171昨日の訪問者数:
  • 4現在オンライン中の人数:

最近の投稿

  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第120号完成
  • 成分献血してきました
  • アルミホイールの塗装剥がし
  • 成分献血してきました
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第119号完成
  • 成分献血してきました
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第118号完成
  • 成分献血してきました
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第117号完成
  • 成分献血してきました
  • 百葉箱の反省点
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第116号完成
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第115号完成
  • 成分献血してきました
  • 成分献血してきました
  • 沢田内科医院HPを更新
  • ニュースレター第114号完成
  • PCの電源(PSU)を交換

カテゴリー

  • Adobe CC (5)
  • Canvas (27)
  • DTP制作 (57)
  • EXCEL関連 (2)
  • Gmail迷惑メール回避 (3)
  • HTML5でゲーム (17)
  • Inkscape (8)
  • jQuery関連 (4)
  • openSUSE Leap (1)
  • PHP (17)
  • Sass (SCOUT) (3)
  • Ubuntu (58)
    • Desktop (45)
    • Server 12.10 on VM(Win8) (9)
    • Server 13.04 on VM(Ubuntu) (4)
  • VirtualBox (5)
  • VPS(仮想専用サーバー) (3)
  • WordPress (8)
  • XSERVER(レンタルサーバ) (5)
  • スズメバチ捕獲トラップ (6)
  • スマートフォン (7)
  • ダイエット (30)
  • ノートPC (3)
  • ホームページ制作 (117)
    • PHPカレンダー (11)
    • PHPカレンダー予定表 (8)
    • アナログ時計 (6)
    • バルーン表示 (7)
  • マイカー (5)
  • 季節は巡る (45)
  • 日曜大工 (19)
    • お稲荷様のお堂 (1)
    • ベンチ (1)
    • ポスト (4)
    • 水道小屋 (7)
    • 百葉箱 (3)
    • 釘保管箱 (2)
    • 風除室 (1)
  • 献血 (116)
  • 自作PC (8)
  • 自宅サーバー構築 (43)
  • 自宅サーバー構築2016 (23)
  • 覚え書き (17)

アーカイブ

  • 2020年12月 (1)
  • 2020年11月 (4)
  • 2020年10月 (1)
  • 2020年9月 (3)
  • 2020年8月 (1)
  • 2020年7月 (3)
  • 2020年6月 (1)
  • 2020年5月 (3)
  • 2020年4月 (1)
  • 2020年3月 (2)
  • 2020年2月 (3)
  • 2020年1月 (3)
  • 2019年12月 (1)
  • 2019年11月 (4)
  • 2019年10月 (2)
  • 2019年9月 (3)
  • 2019年8月 (1)
  • 2019年7月 (3)
  • 2019年6月 (1)
  • 2019年5月 (3)
  • 2019年4月 (1)
  • 2019年3月 (3)
  • 2019年2月 (1)
  • 2019年1月 (3)
  • 2018年12月 (1)
  • 2018年11月 (3)
  • 2018年10月 (2)
  • 2018年9月 (2)
  • 2018年8月 (2)
  • 2018年7月 (2)
  • 2018年6月 (1)
  • 2018年5月 (3)
  • 2018年4月 (3)
  • 2018年3月 (4)
  • 2018年2月 (1)
  • 2018年1月 (4)
  • 2017年12月 (5)
  • 2017年11月 (3)
  • 2017年10月 (1)
  • 2017年9月 (4)
  • 2017年8月 (3)
  • 2017年7月 (5)
  • 2017年6月 (4)
  • 2017年5月 (5)
  • 2017年4月 (2)
  • 2017年3月 (2)
  • 2017年2月 (1)
  • 2017年1月 (9)
  • 2016年12月 (22)
  • 2016年11月 (5)
  • 2016年10月 (8)
  • 2016年9月 (9)
  • 2016年8月 (4)
  • 2016年7月 (5)
  • 2016年6月 (6)
  • 2016年5月 (7)
  • 2016年4月 (2)
  • 2016年3月 (4)
  • 2016年2月 (2)
  • 2016年1月 (7)
  • 2015年12月 (1)
  • 2015年11月 (7)
  • 2015年10月 (5)
  • 2015年9月 (5)
  • 2015年8月 (3)
  • 2015年7月 (7)
  • 2015年6月 (4)
  • 2015年5月 (6)
  • 2015年4月 (5)
  • 2015年3月 (5)
  • 2015年2月 (3)
  • 2015年1月 (5)
  • 2014年12月 (5)
  • 2014年11月 (6)
  • 2014年10月 (6)
  • 2014年9月 (8)
  • 2014年8月 (8)
  • 2014年7月 (9)
  • 2014年6月 (5)
  • 2014年5月 (10)
  • 2014年4月 (6)
  • 2014年3月 (10)
  • 2014年2月 (13)
  • 2014年1月 (7)
  • 2013年12月 (8)
  • 2013年11月 (13)
  • 2013年10月 (12)
  • 2013年9月 (12)
  • 2013年8月 (18)
  • 2013年7月 (20)
  • 2013年6月 (6)
  • 2013年5月 (16)
  • 2013年4月 (6)
  • 2013年3月 (14)
  • 2013年2月 (2)
  • 2013年1月 (6)
  • 2012年12月 (2)
  • 2012年11月 (4)
  • 2012年10月 (3)
  • 2012年9月 (12)
  • 2012年8月 (4)
  • 2012年7月 (10)
  • 2012年6月 (14)
  • 2012年5月 (1)
  • 2012年4月 (1)
  • 2012年2月 (3)
  • 2012年1月 (2)
  • 2011年12月 (2)
  • 2011年11月 (2)
  • 2011年10月 (5)
  • 2011年9月 (4)
  • 2011年8月 (1)
  • 2011年7月 (9)
  • 2011年6月 (4)
  • 2011年5月 (4)
  • 2011年4月 (1)
  • 2011年3月 (1)
  • 2010年12月 (2)
  • 2010年8月 (1)
  • 2009年11月 (1)

現在の時刻


この時計に関する記事はこちら

LOVE in Action

love_in_action_banner01

アンパンマンのエキス
http://www.tss-tv.co.jp/news/anpan
radiko.jp で LOVE in Action
FM Tokyoラジオ放送「LOVE in Action」

Brother Earth クリック募金

brother_earth

脳卒中を疑ったら

ACT-FAST(急いで行動せよ!)
fast

米国脳卒中協会キャンペーン動画より
  • Stroke Heroes Act Fast (YouTube)
  • Stroke signs - FAST (YouTube)
  • Stroke woman (YouTube)

日本で制作された動画
  • 愛する人を救うため~脳卒中になったとき~

15 PUZZLE Ver.1.02

20131116a

15 PUZZLE Ver.1.03

20131124a

15 PUZZLE Ver.1.04

20131127a

Maze Ver.1.01

20131209a

七並べ

20131226a

モグラ叩き

20140204a

ブロック崩し

20140302a

落ち物パズル(PC・タブレット)

20140328tablet

落ち物パズル(スマートフォン)

20140328sp

スネークゲーム

20140428b

箱入り娘パズル

20140529a

神経衰弱

Screenshot from 2014-06-27 18:00:25

Fish Shooting

20140731a

卓球ゲーム

Screenshot from 2014-08-28 02:36:17

ジャンプアクションゲーム

20141005a

ブロックしたスパム

355,497件のスパムが Akismet によってブロックされました

© All right reserved 2016

Mercantile by Acme Themes