エフェクト作æˆå…¥é–€è¬›åº§ Three.jsç·¨ RPGã®ã‚»ãƒ¼ãƒ–ãƒã‚¤ãƒ³ãƒˆé¢¨ã®é”法陣 - ICS MEDIA昨今ã®Webサイトã§ã¯WebGLを利用ã—ãŸ3Dコンテンツをã—ã°ã—ã°è¦‹ã‹ã‘るよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚WebGLã«å¯¾å¿œã—ãŸç«¯æœ«ãŒæ™®åŠã—ã¦ãã¦ã„ã‚‹ã“ã¨ã‚„ã€Three.jsãªã©ã®ãƒ©ã‚¤ãƒ–ラリãŒå……実ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€å®Ÿæ¡ˆä»¶ã§ã®æŽ¡ç”¨ãŒç¾å®Ÿçš„ã«ãªã£ã¦ãã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã—ã‹ã—ã€ã„ã–3Dコンテンツを作ã£ã¦ã¿ã‚‹ã¨ã€ã©ã“ã‹å‘³æ°—ã®ãªã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã†äº‹ãŒã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®è¿½åŠ をオススメã§ã™ã€‚ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹æ „ãˆãŒæ´¾æ‰‹ã«ãªã£ãŸã‚Šã€ã‚ャラやゲームã®çŠ¶æ…‹ãŒä¼ã‚ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚今回エフェクトã®ä¾‹ã¨ã—ã¦ã€RPGã®ã‚»ãƒ¼ãƒ–ãƒã‚¤ãƒ³ãƒˆã‚„回復ãƒã‚¤ãƒ³ãƒˆã§ä½¿ç”¨ã•ã‚Œãã†ãªãƒ‡ãƒ¢ã‚’制作ã—ã¦ã¿ã¾ã—ãŸã€‚ デモを別ウインドウã§å†ç”Ÿã™ã‚‹ ソースコードを見る ※ã“ã®ãƒ‡ãƒ¢ã¯Three.js r146ã¨TypeScript 4.9ã«ã‚ˆã£ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 本記事ã§ã¯ã€ã‚»ãƒ¼ãƒ–ãƒã‚¤ãƒ³ãƒˆé¢¨ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä½œæˆã‚’通ã—ã¦ã€T
{{#tags}}- {{label}}
{{/tags}}