DeNA Engineering - DeNAエンジニアã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
技術を活ã‹ã—ã€æ–°ã—ã„ä¾¡å€¤ã‚’å‰µé€ ã™ã‚‹ DeNAã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€æƒ³åƒã‚’超ãˆã‚‹Delightを届ã‘ã‚‹ãŸã‚ã«ä½•ãŒã§ãã‚‹ã‹ã‚’考ãˆã€æŠ€è¡“力ã¨ç™ºæƒ³åŠ›ã§æ–°ã—ã„価値を生ã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ 多様ãªå°‚門性をæŒã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ‡ç£‹ç¢ç£¨ã—ã€äº’ã„ã«åˆºæ¿€ã—åˆãˆã‚‹ç’°å¢ƒã‚„制度ãŒã•ã‚‰ãªã‚‹æˆé•·ã¸ã¨ã¤ãªã’ã¾ã™ã€‚
独å¦ã§ 1 ヶ月間 OpenGL ã‚’å¦ã‚“ã§å¾—ãŸåŸºç¤ŽçŸ¥è˜ã®ã¾ã¨ã‚ ~ 2D ç·¨ ~ · ã‘ã‚“ã”ã®ãŠå±‹æ•·
OpenGL。ãã®å˜èªžã®éŸ¿ãã ã‘ã§ç´ 晴らã—ãé…力的ã«æ€ãˆã‚‹ 3D コンピューターグラフィックスライブラリã¯ã€ã“ã‚Œã¾ã§ä½•äººã‚‚ã®é§†ã‘出ã—ゲームプãƒã‚°ãƒ©ãƒžãƒ¼ã«å¹¾åº¦ã¨ç„¡ã挫折を味ã‚ã‚ã›ã¦ããŸã€‚「ゲーム作るãªã‚‰ã‚„ã£ã±ã‚Šé«˜é€Ÿã«æç”»ã§ãã‚‹ OpenGL ã§ã—ょ。ã§ã‚‚自分ãŒä½œã‚‹ã‚²ãƒ¼ãƒ ã« 3D ã¯ã„らãªã„ã—ã€ã—ã‹ã‚‚難ã—ãã†ã ã—ã€åˆ¥ã« 2D æç”»ã ã‘ã§ãã‚Œã°ã„ã„や〠ã¨ã€è»½ã„æ°—æŒã¡ã§æ‰‹ã‚’出ã—ãŸã®ãŒé‹ã®å°½ãã€ä¸–ã®ä¸ãã‚“ãªã«ç”˜ãã¯ãªã‹ã£ãŸã€‚OpenGL ã¨ã„ã†ãã®é›£æ”»ä¸è½åŸŽã¯ç§é”ã®é€²ã‚€é“を阻むよã†ã«é«˜ã€…ã¨ãã³ãˆç«‹ã£ã¦ã„る。 OpenGL ãŒã‚³ãƒ¬ã»ã©ã¾ã§ã«å–ã£ä»˜ãã«ãã„ã®ã¯ 気軽㫠Hello World ã§ããªã„ ã‹ã‚‰ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã€‚OpenGL ã®å ´åˆã ã¨ãã‚Œã¯ä½•ã‹ã—ら 1 ã¤ã®å›³å½¢ã‚’表示ã™ã‚‹ã“ã¨ã«ã‚ãŸã‚‹ã®ã‹ãªã€‚ã§ã‚‚ãŸã£ãŸãã‚Œã ã‘ãªã®ã«ã€è¦šãˆã‚‹ã“ã¨ãŒå±±ã»ã©ã‚ã‚Šã™ãŽã¦å…¨ç„¶æœ¬é¡Œã«ãŸã©ã‚Šç€ãã“ã¨ãŒã§ããªã„ã—ã€O
表ç¾ã®å¹…を広ã’ã‚‹WebGLライブラリ「jThreeã€ã®å…¬å¼ãƒ—ラグイン
ã¯ã˜ã‚ã« æ•°ã‚ã‚‹HTML5ã®æ©Ÿèƒ½ã®ä¸ã§ã‚‚特ã«ãƒ“ジュアルã§ã‚¤ãƒ³ãƒ‘クトã®ã‚ã‚‹WebGL。GPUを駆使ã—ãŸé«˜é€Ÿ3DCGレンダリングãŒå¯èƒ½ãªã“ã¨ã§è©±é¡Œã«ãªã£ãŸã‚‚ã®ã®ã€ä»Š1ã¤æ™®åŠã—ãªã„背景ã«ã¯ã€Œå®Ÿè£…ãŒã‚ã¾ã‚Šã«ã‚‚難ã—ã„ã€ã“ã¨ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ three.jsã®ç™»å ´ã«ã‚ˆã‚Šå¤§åˆ†å®Ÿè£…ã®ãƒãƒ¼ãƒ‰ãƒ«ãŒä¸‹ãŒã£ãŸã‚‚ã®ã®ã€JavaScriptã«ç²¾é€šã—ãŸãƒ—ãƒã‚°ãƒ©ãƒžã§ãªã‘ã‚Œã°ä½¿ã„ã“ãªã™ã®ã¯å®¹æ˜“ã§ã¯ãªãã€ãƒ“ジュアルè¦ç´ ã®å¼·ã„WebGLã«ã‚ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®å‚å…¥ã¯é›£ã—ã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ 今回紹介ã™ã‚‹ã€ŒjThree（ジェイスリー）ã€ã¯ãã‚“ãªWebGLã‚’jQueryã®è¨˜æ³•ã§æ‰±ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®å›½ç”£JavaScriptライブラリã§ã™ã€‚å‰è¿°ã®three.jsをラップã—ã¦jQueryã§æ“作ã§ãるよã†è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€jQueryを使ã£ãŸã“ã¨ã®ã‚ã‚‹æ–¹ãªã‚‰æ‰‹è»½ã«WebGLコンテンツを作るã“ã¨ãŒã§ãã¾ã™ã€‚ 本記事ã§ã¯ã“ã®jThre
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}