The Google Puzzle
We recommend using Google Chrome (download here). â—‡ Windows XP 32bit/Vista 32bit/Vista 64bit/7 32bit/7 64bit -Google Chrome (recommended) -Internet Explorer 9+ -Mozilla Firefox 5+ â—‡ Mac OSX 10.5.8+ -Google Chrome (recommended) -Safari 5+ -Mozilla Firefox 5+ â– The start button does not work The Google Puzzle uses JavaScript. Turn the JavaScript settings ON in Preferences. â– Taking a break The game hi
CSS Click Shooting Game - No JavaScript -
JavaScriptを使ã‚ãšã€CSSã¨HTMLã§ä½œã£ãŸã‚¯ãƒªãƒƒã‚¯ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã§ã™ã€‚ Chrome / Safariã®æœ€æ–°ç‰ˆã§å‹•ãã¾ã™ã€‚IE / Firefoxã§ã¯å‹•ãã¾ã›ã‚“。 â— æ“作方法 - 移動ã™ã‚‹ç‰›ã‚’クリックã™ã‚‹ã¨æ•ã¾ãˆã‚‹ã“ã¨ãŒã§ãã€ã‚¹ã‚³ã‚¢ãŒå¢—ãˆã¾ã™ã€‚全部ã§101匹ã„ã¾ã™ã€‚ - F5ã§å†ã‚¹ã‚¿ãƒ¼ãƒˆã§ãã¾ã™ã€‚ ◠技術的詳細ã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ - http://d.hatena.ne.jp/ndruger/20110428/1304021590 ◠コピーライト ã“ã®ã‚½ãƒ•ãƒˆã®ç”»åƒã¯ã€REFMAPãŒé…布ã—ã¦ã„るフリー画åƒç´ æã‚’åŠ å·¥ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚½ãƒ•ãƒˆå†…ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ç”»åƒã‚’ã€ã“ã®ã‚²ãƒ¼ãƒ ã‚’éŠã¶ä»¥å¤–ã®ç”¨é€”ã«ã¯ä½¿ç”¨ã—ãªã„ã§ä¸‹ã•ã„
javascriptを使ã‚ãšã€html + cssã ã‘ã§ã‚¯ãƒªãƒƒã‚¯ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ を作ã£ã¦ã¿ãŸ - 最高ã®ã‚³ãƒ³ãƒ”ューティング環境ã¨ã¯ï¼Ÿ
CSSã§æã‹ã‚ŒãŸãã¬ã¬ç”»åƒãªã©ã‚’見ã¦ãŸã‚‰ã€ãµã¨html + CSSã ã‘ã§ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ãŒä½œã‚Œãªã„ã‹ã¨æ€ã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ページ移動ã™ã‚Œã°ã„ãらã§ã‚‚å¯èƒ½ã§ã™ãŒã€ãã‚Œã ã¨ã¤ã¾ã‚‰ãªã„ã®ã§ã€1ページ内ã§ä½œã‚‹ã¨ã„ã†ç¸›ã‚Šã‚‚ã¤ã‘ã¦ã¾ã™ã€‚ デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariã®æœ€æ–°ç‰ˆã§å‹•ãã¾ã™ã€‚Firefox / IEã ã¨å‹•ãã¾ã›ã‚“。 ソースコード https://github.com/ndruger/css-game 技術的ãªèª¬æ˜Ž アニメーションã¯CSS Animationを使ã†ã ã‘ãªã®ã§ç°¡å˜ã§ã™ãŒã€å•é¡Œã¯çŠ¶æ…‹ç®¡ç†ã§ã™ã€‚ アクションゲームを作るã«ã¯ã€åŸºæœ¬çš„ã«ä¸‹è¨˜ã®è¦ç´ ãŒå¿…è¦ã§ã™ã€‚ 1. ユーザー入力ã«å¯¾ã™ã‚‹çŠ¶æ…‹ã®å¤‰æ›´ 2. 状態ã®ä¿æŒ 3. 状態ã«å¿œã˜ã¦è¦‹ãŸç›®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}