laishin.netCTViewerCytusã®èœé¢é–²è¦§ã¨ã‚¹ã‚³ã‚¢è¨˜éŒ²Deemo Score RecorderDeemoã®ã‚¹ã‚³ã‚¢è¨˜éŒ²Shima Color 3D謎@laishin17twitterGive me Wings脂肪++
HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リを作ã£ã¦ã¿ã‚ˆã†ã€‚ç¬¬ï¼’å›žã€ŒåŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã€ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リを作ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚ºç¬¬ï¼’回目。ã¡ãªã¿ã«å‰å›žã¯ä»¥ä¸‹ã§ã™ã€‚ HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リを作ã£ã¦ã¿ã‚ˆã†ã€‚第１回「ã˜ã‚ƒã‚“ã‘んゲーム〠今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒåŠ 速度センサã€ã§ã™ã€‚ å‰ææ¡ä»¶ å‰ææ¡ä»¶ã¨ã—ã¦ã€ã‚る程度HTMLç‰ãŒåˆ†ã‹ã‚‹äººå‘ã‘ã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ã¾ãŸã€ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒã®åˆ©ç”¨ç‰ã«ã¤ã„ã¦ã‚‚割愛ã§ã™ã€‚ãã®è¾ºã®è©³ç´°ãªèª¬æ˜Žã¯çœã„ã¦ã‚‹ã®ã§ã”了承ãã ã•ã„。ã¾ãŸã€ç¬¬ï¼‘回目ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å†…容をè¸ã¾ãˆãŸå†…容ã«ã—ã¦ã¾ã™ã€‚ HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リを作ã£ã¦ã¿ã‚ˆã†ã€‚第１回「ã˜ã‚ƒã‚“ã‘んゲーム〠何度もåŒã˜ã“ã¨ã‚’書ãã¨é•·ããªã‚‹ã®ã§ãƒ»ãƒ»ãƒ»ã”了承ãã ã•ã„ã€‚åŸºç¤Žæƒ…å ±ã‚„åŸºæœ¬ã®è©³ç´°ã¯ä»¥ä¸‹ã‚’ã”覧ãã ã•ã„。 HTML5ã§ã‚²ãƒ¼ãƒ を作りãŸã„時ã«å‚考ã«ãªã‚Šãã†ãªè¨˜äº‹ã®ãƒ¡ãƒ¢å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¾ã—ãŸ åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã‚’ä½¿ã£ã¦ã¿ã‚‹ å‰å›žã®åŸºæœ¬éƒ¨åˆ†ã®ã€Œonload = function() ã€éƒ¨åˆ†ã‚’以
JavaScript 3Dレンダリングエンジンã®Three.jsを試ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYアルãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ 今回ã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webgl対応ã®ãƒ–ラウザã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsを使ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3D特有ã®è¡Œåˆ—計算や数å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dを表示ã€æ“作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 「ã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãる。〠ã“ã®é¢ç™½ã•ã‚’皆ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ 目次 立方体を表示ã™ã‚‹ 光をã‚ã¦ã‚‹ テスクãƒãƒ£ã‚’貼り付ã‘ã‚‹ マウスã§å›žè»¢ã•ã›ã‚‹ マウスã§ç§»å‹•ã•ã›ã‚‹ クリック判定ã™ã‚‹ Three.js web上ã«ã¯ã€HTML5ã®canvasを利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}