「three.jsã€ã§ã¤ãã‚‹ãŠæ‰‹è»½3Dマンガ作æˆã‚½ãƒ•ãƒˆ - ä¸ç·¨
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
多彩ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
多彩ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼šWebグラフィックをãƒãƒƒã‚¯ã™ã‚‹ï¼ˆ5）（1/5 ページ） Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ãラップã—ã€æ‰±ã„ã‚„ã™ã„インターフェイスã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。サンプルコードã¨è¦‹æ¯”ã¹ãªãŒã‚‰ã€åŠ¹çŽ‡è‰¯ãå¦ç¿’ã—よㆠThree.jsã®åŸºç¤Ž 本連載も5回目を迎ãˆã€ã„よã„よ佳境ã«å…¥ã‚Šã¾ã™ã€‚今回ã®é¡Œæã¯ã€Webブラウザ上ã§3次元グラフィックを実ç¾ã™ã‚‹ã€ŒWebGLã€ã§ã™ã€‚ãŸã ã—ã€ã“ã‚Œã¾ã§ã¨é•ã£ã¦APIを直接ã¯è§¦ã‚Œãšã€ã€ŒThree.jsã€ã‚’利用ã—ã¾ã™ã€‚Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ãラップã—ã€æ‰±ã„ã‚„ã™ã„インターフェイスã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚Mr.Doobæ°ã‚’ä¸å¿ƒã«ã‚ªãƒ¼ãƒ—ンソースã§é–‹ç™ºãŒé€²ã‚られã¦ãŠã‚Šã€WebGL界隈ã§ã¯ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«è¿‘ã„地ä½ã‚’築ã„ã¦ã„ã¾ã™ã€‚ Three.jpå…¬å¼ã‚µã‚¤ãƒˆ WebGLã¯ã“ã‚Œã¾ã§è§£èª¬ã—
yktmt blog: MMDModel on THREE.js
2010å¹´12月31日金曜日 MMDModel on THREE.js THREE.jsを利用ã—ã¦MMDã®ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã‚’表示ã—ã¾ã™ã€‚ ã“ã“ã«ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿(.pmd)ã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£(.bmp .png .tga)をアップãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã€ã“ã“ã§é–²è¦§ã§ãã¾ã™ã€‚ 動作確èªã¯Chromium(10.0.614.0)ã¨Chromeã§è¡Œã„ã¾ã—ãŸã€‚インスパイア元ã®THREE.js demoã«ã‚ˆã‚‹ã¨ã€"webGL"コンテã‚ストã¯Chrome8/9 or Firefox4ã€"2d"コンテã‚ストã¯Chrome推奨ã ãã†ã§ã™ã€‚ ãŠè©¦ã—ミクã•ã‚“ 追記 : ライトãªã—版を用æ„ã—ã¾ã—ãŸã€‚ テクスãƒãƒ£ã‚’ã»ã¨ã‚“ã©ä½¿ã‚ãªã„モデルãªã‚‰Firefox3ã§ã‚‚閲覧ã§ãã¾ã™ã€‚ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ ソースコードã¯ä¸‹è¨˜ã«ä¸€å¼ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚ http://www.yktmt.com/threemmd/ å‚考ページ 御本尊 : h
HTML5ã®3Dエンジン「Three.jsã€ã®ç‰©å‡„ã„ボリュームã®æ—¥æœ¬èªžãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ - WebGLライブラリThree.js入門 (é è—¤ç†å¹³ | ナãƒãƒ¥ãƒ©ãƒ«ã‚µã‚¤ã‚¨ãƒ³ã‚¹) WebGLã®JavaScriptライブラリ「Three.jsã€ã®æ—¥æœ¬èªžã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 全部ã§ï¼“部ã®ã‚ˆã†ã§ã™ãŒã€ç¾æ™‚点ã§ã¯ï¼‘部ã ã‘ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（１ï¼ï¼“）～
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webページ作æˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚られã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ブラウザå„社ã¸ã®æ£å¼å‹§å‘Šã‚’目指ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ HTML5㯠2012å¹´1月ã§ã‚‚ã¾ã 「è‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–備段階ã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ユーザå´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚られã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’られã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBコンテンツã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム化ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚スマートフォンã®ç™»å ´ã¾ã§ã¯ã€Adobe社ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„オーディオãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}