クリエイティブコーディングã®æ•™ç§‘書
ゲームエンジンや3Dソフトウェアを利用ã—ã¦é«˜åº¦ãªè¡¨ç¾ãŒã§ãã‚‹ã“ã®æ™‚代ã§ã‚‚ã€ãƒ—リミティブãªæ画や動ãã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‹ã‚‰å¦ã¹ã‚‹ã“ã¨ã¯å¤šã„。ãれらをJavaScriptã§æ›¸ãクリエイティブコーディングã¨ã„ã†å½¢ã§å¦ã¹ã‚‹æ‰‹å¼•æ›¸ãŒæœ¬æ›¸ã¨ãªã‚‹ã€‚
ã“ã‚Œã‹ã‚‰ã¯ã“ã®å®Ÿè£…ãŒã‚ªã‚¹ã‚¹ãƒ¡ï¼ iOSã®100vhã§ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ãŒã‚ã£ã¦ã‚‚高ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
高ã•ã„ã£ã±ã„ã«è¡¨ç¤ºã—ãŸã„時ã€å¤ãã¯height: 100%;ã€ãã—ã¦min-height: 100%;ã§å®Ÿè£…ã—ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ç¾åœ¨ã§ã¯ãƒ“ューãƒãƒ¼ãƒˆã®å˜ä½min-height: 100vh;ãŒä½¿ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã€iOSã§ã¯100vhを使用ã—ã¦ã‚‚アドレスãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨ä¸‹ãŒãã®åˆ†éš ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã€é«˜ã•ã„ã£ã±ã„ã«ãªã‚Šã¾ã›ã‚“。JavaScriptを使用ã™ã‚‹ã¨ã„ã†ã‚„り方もã‚ã‚Šã¾ã™ãŒã€CSSã®ã¿ã§å¯¾å¿œã§ãã‚‹ã®ã§ã€ãã®CSSを紹介ã—ã¾ã™ã€‚ Chromeã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}