[B! WebGL][html5] Cherenkovã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Cherenkov id:Cherenkov

WebGLã¨html5ã«é–¢ã™ã‚‹Cherenkovã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¹ãƒžãƒ›ã§ã‚‚WebGLãŒå¿«é©ã«å‹•ã! HTML5ã§ä½“é¨“ã™ã‚‹3Dè¡¨ç¾ã®å¯èƒ½æ€§ â€“ ICS MEDIA
WebGLã‚¦ã‚§ãƒ–ãƒ»ã‚¸ãƒ¼ã‚¨ãƒ«ã¨ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§3Dè¡¨ç¤ºã™ã‚‹ãŸã‚ã®æ¨™æº–ä»•æ§˜ã€‚ã„ã¾ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’å«ã‚€ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§WebGLãŒå‹•ä½œã—ã¾ã™ã€‚WebGLã‚’ä½¿ãˆã°GPUã«ã‚ˆã£ã¦æç”»ãŒé«˜é€ŸåŒ–ã•ã‚Œã‚‹ãŸã‚é«˜åº¦ãªã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ WebGLã‚’ä½¿ãˆã°ä¸»ã«æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–‹ç™ºã«å½¹ç«‹ã¡ã¾ã™ã€‚ 3Dãƒ¢ãƒ‡ãƒ«ã®è¡¨ç¤º ã‚²ãƒ¼ãƒ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¢ãƒ¼ãƒˆ é…åŠ›çš„ã§è¯ã‚„ã‹ãªç”»é¢æ¼”å‡ºï¼ˆåºƒå‘Šç³»ã‚µã‚¤ãƒˆãªã©ï¼‰ ã‹ã¤ã¦ã¯Flash Playerã‚„Unity Web Playerã®ã‚ˆã†ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãªã‘ã‚Œã°3Dè¡¨ç¾ã¯ã§ãã¾ã›ã‚“ã§ã—ãŸãŒã€WebGLã®ç™»å ´ã«ã‚ˆã£ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æœªæè¼‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚3Dè¡¨ç¾ãŒå®Ÿç¾å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯WebGLå…¥é–€è€…ã«ã‚€ã‘ã€æ•°ç§’ã§è©¦ã›ã‚‹ã‚ªãƒªã‚¸ãƒŠãƒ«ã®WebGLã®HTMLãƒ‡ãƒ¢ã‚’å¤šæ•°æŽ²è¼‰ã€‚ã©ã‚Œã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åˆ©
Cherenkov 2018/11/27
WebGL

html5

javascript

canvas
ãƒªãƒ³ã‚¯
jsdo.it
This domain may be for sale!
Cherenkov 2012/09/27
enchant.js

HTML5

WebGL

JavaScript
ãƒªãƒ³ã‚¯
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ã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
Cherenkov 2012/02/03
Three.js

3D

javascript

html5

webgl

canvas

library
ãƒªãƒ³ã‚¯
All Is Not Lost
å¤§å¤‰ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯Google Chromeä¸Šã§å‹•ãã‚ˆã†ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãŠä½¿ã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯é€”ä¸ã§æ¢ã¾ã£ã¦ã—ã¾ã£ãŸã‚Šã€æ£ã—ãå‹•ã‹ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®æ©Ÿä¼šã«æ˜¯éžGoogle Chromeã‚’ãŠè©¦ã—ãã ã•ã„ã€‚ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ â– æŽ¨å¥¨ç’°å¢ƒ â—Žãƒ–ãƒ©ã‚¦ã‚¶ã«ã¤ã„ã¦ å½“ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯Google Chromeä¸Šã§å‹•ãã‚ˆã†ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ æœ€æ–°ã®Google Chromeã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚ Google Chromeä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€é€”ä¸ã§æ¢ã¾ã£ã¦ã—ã¾ã£ãŸã‚Šã€æ£ã—ãå‹•ã‹ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æœ€æ–°ã®Google Chromeã§ãŠæ¥½ã—ã¿ã„ãŸã ãã“ã¨ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ â—‡ Windows XP/Vista/7 â—‡ Mac OSX 10.6ã€œ â—Žãƒãƒ¼ãƒ‰ã«ã¤ã„ã¦ â—‡ Windows OSï¼šWindows XPã€Windows Vist
Cherenkov 2011/08/01
vista chrome12 çœŸã£æš—ç”»é¢ã‹ã‚‰å‹•ã‹ã‚“

HTML5

Chrome

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
Cherenkov 2011/01/04
WebGL

html5

Chrome

javascript

3D

mmd

three.js

canvas
ãƒªãƒ³ã‚¯
Paul Rouget on Mixing the web! (Mozilla Summit 2010)
Cherenkov 2010/07/14
video

mozilla

html5

WebGL

CSS3

svg

Firefox4
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ãŒO3Dã®æ–¹é‡å¤‰æ›ã€‚WebGLã«æ¨™æº–ã‚’çµ±ä¸€ã—ã€O3Dã¯JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¸
Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3Dè¡¨ç¤ºï¼ˆç«‹ä½“è¡¨ç¤ºã§ã¯ãªãã€é è¿‘æ³•ãªã©ã‚’ç”¨ã„ãŸè¡¨ç¤ºï¼‰ã‚’è¡Œã†ãŸã‚ã®ä»•æ§˜ã¨ã—ã¦ã€ã‚°ãƒ¼ã‚°ãƒ«ã¯æ˜¨å¹´ã®4æœˆã«O3Dã®é–‹ç™ºã‚’ç™ºè¡¨ã—ã€ä¸€æ–¹ã§ãƒ¢ã‚¸ãƒ©ã‚’ä¸å¿ƒã«ã—ãŸWebGLã‚‚ãã‚Œä»¥å‰ã‹ã‚‰æ¨™æº–ä»•æ§˜ã¨ã—ã¦é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ å…ˆé€±5æœˆ7æ—¥ä»˜ã‘ã®ã‚°ãƒ¼ã‚°ãƒ«ã®ã€ŒThe Chromium Blogã€ã«ãƒã‚¹ãƒˆã•ã‚ŒãŸã‚¨ãƒ³ãƒˆãƒªã€ŒThe future of O3Dã€ã§ã€ã‚°ãƒ¼ã‚°ãƒ«ã¯O3Dã¯ã“ã‚Œã¾ã§ã®æ–¹é‡ã‚’å¤‰æ›´ã—ã€WebGLã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã™ã‚‹ã“ã¨ã‚’æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã®3Dè¡¨ç¤ºã®æ¨™æº–APIã¯WebGLã«ä¸€æœ¬åŒ–ã•ã‚Œã¾ã™ã€‚ æ€§èƒ½ã¨ç’°å¢ƒã«å¯¾ã™ã‚‹WebGLã®æ‡¸å¿µãŒæ‰•æ‹ã•ã‚ŒãŸ ã‚°ãƒ¼ã‚°ãƒ«ãŒWebGLã§ã¯ãªãO3Dã‚’é–‹ç™ºã—ã¦ã„ãŸç†ç”±ã¨ã—ã¦ã€WebGLã«é–¢ã™ã‚‹2ã¤ã®æ‡¸å¿µãŒã‚ã£ãŸã“ã¨ã‚’æ˜Žã‚‰ã‹ã«ã—ã¦ã„ã¾ã™ã€‚ 1ã¤ã¯WebGLã®æ€§èƒ½ã§ã™ã€‚WebGLã¯HTML5ã®Canva
Cherenkov 2010/05/11
WebGL

O3D

javascript

html5

OpenGL

Canvas
ãƒªãƒ³ã‚¯
1