Concentrics ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯HTML5 Canvasã¨JavaScriptã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ç°¡å˜ãªæ“作ã§ã•ã¾ã–ã¾ãªãƒ‘ターンãŒç”Ÿæˆã§ãã¾ã™ã€‚
åŒå¿ƒå††ã‚’é‡ããŸãƒ‘ターンを生æˆã§ãるオンラインジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ - Concentrics
Concentrics ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯HTML5 Canvasã¨JavaScriptã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ç°¡å˜ãªæ“作ã§ã•ã¾ã–ã¾ãªãƒ‘ターンãŒç”Ÿæˆã§ãã¾ã™ã€‚
背景ã®è³ªæ„Ÿã‚’アップã•ã›ã‚‹ã€ã‚ャンãƒã‚¹åœ°ã®ã–らã£ã¨ã—ãŸãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ
商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ãƒ©ã‚¤ãƒˆç³»ãƒ€ãƒ¼ã‚¯ç³»ãŒæƒã£ãŸã‚ャンãƒã‚¹åœ°ã®ã–らã£ã¨ã—ãŸãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æを紹介ã—ã¾ã™ã€‚ åŒã‚µã‚¤ãƒˆã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã–らã£ã¨ã—ãŸå¸ƒåœ°ã€ã‹ã‚ã„ã„リãƒãƒ³åœ°ã€ã”ã‚ã£ã¨ã—ãŸãƒ‡ãƒ‹ãƒ 地ãªã©ã‚‚一緒ã«ã”紹介。 Subtle Grunge Canvas Backgrounds ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ã‚¦ã‚§ãƒ–ページやアプリã€ç´™ãªã©ã«ã‚‚利用ã§ãã¾ã™ã€‚詳ã—ãã¯ä¸‹è¨˜ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”覧ãã ã•ã„。 ライセンス ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯jpegã§ã€ã‚µã‚¤ã‚ºã¯2500x1500ã§é«˜è§£åƒåº¦ã§ã™ã€‚ アイテムã¯å…¨éƒ¨ã§10種類。
Canvas APIã®åŸºç¤Ž
ã‚‚ã¨ã‚‚ã¨ã€AppleãŒä¸»ã«Dashboardウィジェットã®æç”»ã®ãŸã‚ã«WebKitã«å°Žå…¥ã—ãŸCanvas API。サンプルコードã¨è¦‹æ¯”ã¹ãªãŒã‚‰ã€åŠ¹çŽ‡è‰¯ãå¦ç¿’ã—よㆠCanvas APIã®åŸºç¤Ž 本連載ã§ã¯ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック技術を分ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ã„ã¾ã™ã€‚今回ã¯HTML5ã®canvasè¦ç´ ã§ä½¿ãˆã‚‹2次元æ画コンテã‚ストã€ä¿—ã«ã„ã†ã€ŒCanvas APIã€ã‚’å–り上ã’ã¾ã™ã€‚ Canvas APIã¯ã€ã‚‚ã¨ã‚‚ã¨AppleãŒä¸»ã«Dashboardウィジェットã®æç”»ã®ãŸã‚ã«WebKitã«å°Žå…¥ã—ãŸã‚‚ã®ã§ã™ã€‚ãã‚ŒãŒFirefoxã‚„Operaã€Internet Explorer（9以é™ï¼‰ã«å®Ÿè£…ã•ã‚Œã€ç¾åœ¨ã¯W3Cã«ã‚ˆã£ã¦æ¨™æº–化ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚JavaScriptã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ç›´æŽ¥å›³å½¢ã‚’æç”»ã™ã‚‹ã®ãŒç‰¹å¾´ã§ã€ãƒ“ットマップ画åƒã®åŠ 工やã€ã‚²ãƒ¼ãƒ ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–性ã®é«˜ã„アプリケーションã«å‘
HTML5ã“ã¨ã¯ã˜ã‚ | Another Step.com
制作者å´ã«ã¯ã‹ãªã‚Šæ™®åŠã—ã¦ããŸæ„Ÿã‚‚ã‚ã‚‹HTML5。 æƒ…å ±ã¯æº¢ã‚Œã¦ã„ã¾ã™ãŒã€è‡ªèº«ã‚‚å°‘ã—ã¥ã¤å‹‰å¼·ã—ã¦ããŸã®ã§XHTML1.0ã¨ã®é•ã„ãªã©ã‚’メモãŒã‚ã‚Šã«ã‚¢ã‚¦ãƒˆãƒ—ットã—ã¦ã¿ãŸã€‚ (マークアップメインã®è©±ã§ã™) HTML5ã¯W3Cより2008å¹´1月22æ—¥ã«è‰æ¡ˆãŒç™ºè¡¨ã•ã‚Œã€2010å¹´8月ç¾åœ¨ã‚‚è‰æ¡ˆã®æ®µéšŽã§ã™ã€‚ 勧告ã¯W3CãŒ2012å¹´3月ã€WHATWGã¯2022å¹´ã¨ã—ã¦ãŠã‚Šã€ã©ã¡ã‚‰ã«ã—ã¦ã‚‚ã¾ã å…ˆã§ã™ãŒã€æ–°ã—ã„ブラウザã¯æ®µéšŽçš„ã«å¯¾å¿œã—ã¦ã„ãã¨äºˆæƒ³ã•ã‚Œã‚‹ã—ã€JSを使ãˆã°IEã‚‚ã‚«ãƒãƒ¼ã§ãã‚‹ã®ã§ã€ç¾çŠ¶åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã—ょã†ã€‚ メリット・デメリットã«ã¤ã„ã¦ã¯è³›å¦ä¸¡è«–?ã‚ã‚‹ã§ã—ょã†ãŒâ€¦ ※ã“ã®ã‚µã‚¤ãƒˆè‡ªä½“ã‚‚HTML5ã§çµ„ã‚“ã§ã„ã¾ã™ãŒã€HTML5ã€WordPressã¨ã‚‚ã«æœªç†ŸãªãŸã‚ã€åˆ¶å¾¡ã§ããšæ£ã—ã組ã‚ã¦ã„ãªã„箇所ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸä¸‹è¨˜å†…容ã«ã¤ã„ã¦ã‚‚é–“é•ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§ã€ãã®å ´åˆã¯æŒ‡æ‘˜ã—ã¦ã„ãŸ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}