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

fukudamasa09 id:fukudamasa09

WebGLã«é–¢ã™ã‚‹fukudamasa09ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

JavaScriptã§æœ€è¿‘è©¦ãã†ã¨ã—ã¦ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª - mizchi's blog
ã‚’æ™’ã™ã“ã¨ã§ä¿ºä»¥å¤–ãŒè©¦ã—ã¦ãã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ï¼ã¨ã„ã†ã®ã¯ç½®ã„ã¨ã„ã¦ã€ç¾åœ¨ã®çŸ¥è¦‹ã§ã™ã€‚ MV* React | A JavaScript library for building user interfaces Facebookè£½ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€‚jsxã¨ã„ã†è¬Žæ‹¡å¼µåã«ç›®ã‚’ã¤ã‚€ã‚Œã°æœªæ¥ã‚’æ„Ÿã˜ã‚‹è¨è¨ˆã€‚ã¨ã«ã‹ãç”ŸDOMè§¦ã‚ŠãŸããªã„ã¨ã„ã†æ°—æ¦‚ã‚’æ„Ÿã˜ã‚‹ã€‚ Welcome - Polymer Googleè£½WebComponentã€‚WebComponentä½¿ã†ãªã‚‰ã“ã‚ŒãŒæœ‰æœ›æ ªã£ã½ã„ã€‚ component/component MV* ã¨ã¯ã¡ã‚‡ã£ã¨é•ã†ã‘ã©CSS/JavaScript/HTML ã¾ã¨ã‚ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã§ãã‚‹ã€‚JavaScriptä»¥å¤–ã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å«ã‚€éš›ã¯æœ‰æœ›ã€‚ ä½•ãŒã—ãŸã„ã‹ã¯t_wadaã•ã‚“ãŒã¾ã¨ã‚ã¦ãã‚ŒãŸtogetterã¿ã¦ãã ã•ã„ã€‚Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ c
fukudamasa09 2014/08/12
togetter

casper.js

dom

canvas

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

library

js

WebGL

javascript

3D
ãƒªãƒ³ã‚¯
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ï½žWebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.js å…¥é–€ï¼ˆï¼“ï¼ï¼“ï¼‰ï½ž
æœ¬ç¨¿ã§ã¯æ–°ã—ã„WEBãƒšãƒ¼ã‚¸ç”¨ã®è¨€èªžã§ã‚ã‚‹HTML5ï¼‹WebGLã‚’åˆ©ç”¨ã—ã¦ã€ ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã€ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨ˆç®—ã¨æç”»ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å®Ÿè¡Œã™ã‚‹ã€Œç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€ã®ä½œæˆã¾ã§ã®æ‰‹é †ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ã€ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã®ä¾‹ã¨ã—ã¦ã€ä»»æ„ã®åˆæœŸæ¡ä»¶ã«å¯¾ã™ã‚‹ï¼’é‡æŒ¯ã‚Šåã®æ™‚é–“ç™ºå±•ã‚’ï¼”æ¬¡ã®ãƒ«ãƒ³ã‚²ã‚¯ãƒƒã‚¿æ³•ã‚’è¨ˆç®—ã™ã‚‹ã€Œï¼’é‡æŒ¯åã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€ã‚’æ§‹ç¯‰ã—ã¾ã™ã€‚ã¾ãŸã€æœ¬ç¨¿ã§ã¯ WebGL ã‚’ç°¡å˜ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹WebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦è‘—åãª Three.js ã‚’ç”¨ã„ã¦ã„ã¾ã™ã€‚ ç‰©ç†ã‚„å·¥å¦ã¨ã¯ç„¡é–¢ä¿‚ã«ã€åˆã‚ã¦ Three.js ã‚’åˆ©ç”¨ã™ã‚‹äººãŒãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã—ã¦ã‚‚åˆ©ç”¨ã§ãã‚‹ã“ã¨ã‚‚æ„å›³ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ‘ãƒ¼ãƒˆï¼‘ã§ã¯ã€ä¸»ã« Three.js ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è§¦ã‚Œã¾ã—ãŸã€‚ ãƒ‘ãƒ¼ãƒˆï¼’ã§ã¯ã€æ‹˜æŸåŠ›ã®ã‚ã‚‹é‹å‹•ã®ä»£è¡¨ä¾‹ã§ã‚ã‚‹å˜æŒ¯åã‚’å–ã‚Šä¸Šã’ã€ç‰©ç†æ¼”ç®—çµæžœã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æç”»ï¼‹ç‰©ç†é‡ã®æ™‚é–“ç™ºå±•ã®æ§˜åã‚’ã‚°ãƒ©ãƒ•åŒ–ã—ã¾
fukudamasa09 2014/02/27
canvas

three.js

javascript

ç‰©ç†

ç‰©ç†ã‚¨ãƒ³ã‚¸ãƒ³

webgl

ã‚·ãƒ¥ãƒŸãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
wgld.org | WebGL |
WebGL contents WebGL ã«é–¢ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€è¦§ã§ã™ã€‚ åˆå¿ƒè€…ã‚„ WebGL ã®å…¥é–€è€…ã®æ–¹ã¯ã€æœ€åˆã‹ã‚‰èªã¿é€²ã‚ã¦ã„ãŸã ã‘ã‚‹ã¨ç†è§£ãŒæ·±ã¾ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ã‚µã‚¤ãƒˆã§ã¯å®Ÿéš›ã«å‹•ä½œã™ã‚‹ WebGL ã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ã€WebGL ã®ãƒ‡ãƒ¢ã‚’å¤šæ•°ç”¨æ„ã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã‚‰ã«ã¯å½“ã‚µã‚¤ãƒˆã‚ªãƒªã‚¸ãƒŠãƒ«ã®è¡Œåˆ—ãƒ»ã‚¯ã‚©ãƒ¼ã‚¿ãƒ‹ã‚ªãƒ³ãªã©ã‚’æ‰±ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€minMatrix.js ãªã©ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è©³ã—ã„å®Ÿè£…ã«ã¤ã„ã¦ã¯ library ã®ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ WebGL 2.0 ã«ã¤ã„ã¦ã¯åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦åˆ†ã‘ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã®ã§ã€ WebGL2 ã®ã»ã†ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æº–å‚™ WebGL ã‚’å§‹ã‚ã‚‹å‰ã« canvas ã‚’çŸ¥ã‚‹ 3D æç”»ã®åŸºç¤ŽçŸ¥è˜ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãŸã‚ã®ä¸‹æº–å‚™ è¡Œåˆ—(ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹)ã®åŸºç¤ŽçŸ¥è˜ é ‚ç‚¹ã¨ãƒãƒªã‚´ãƒ³ ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®åˆæœŸåŒ– ã‚·ã‚§ãƒ¼ãƒ€ã®è¨˜è¿°ã¨åŸºç¤Ž é ‚ç‚¹ãƒãƒƒ
fukudamasa09 2013/07/24
3d

canvas

webgl

JavaScript

html5

HTML5ã§3D

graphics

<canvas>
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®3Dè¡¨ç¾ã‚‚ã“ã“ã¾ã§æ¥ãŸï¼WebGLã‚’ä½¿ã£ãŸé©šãã®Webã‚µã‚¤ãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§3æ¬¡å…ƒã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è¡¨... / WebGLã‚’ä½¿ã£ãŸ3Dè¡¨ç¾ / SculptGLä»–...å…¨13ä»¶ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§3æ¬¡å…ƒã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®æ¨™æº–ä»•æ§˜ã€ŒWebGLã€ã€‚Microsoftã‚‚é‡ã„è…°ã‚’ä¸Šã’ã€æ¬¡æœŸãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã€ŒIE11ã€ã‹ã‚‰WebGLã‚’æ¨™æº–ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒæ±ºå®šã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã¾ã™ã¾ã™ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆãã†ã§ã™ã€‚ ãã‚“ãªã€åœ§å€’çš„ãª3Dè¡¨ç¾ãŒå¯èƒ½ãªWebGLã‚’ä½¿ã£ãŸé©šãã®Webã‚µã‚¤ãƒˆã‚’é›†ã‚ã¾ã—ãŸã€‚
fukudamasa09 2013/07/23
3D

WebGL

Webåˆ¶ä½œ

html5

ãƒ‡ã‚¶ã‚¤ãƒ³

Webã‚µã‚¤ãƒˆ

ã¾ã¨ã‚

WEB

MyInterest

ã‚ã¨ã§ï¼
ãƒªãƒ³ã‚¯
ã€ç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆã€‘ Processing.jsã€SVGã€WebGLã€‚HTML5å‘¨è¾ºã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“
HTML5ã«ã‚ˆã‚‹æœ€æ–°Webã‚¢ãƒ—ãƒª 2011å¹´10æœˆ26æ—¥ã€å“å·ã‚°ãƒ©ãƒ³ãƒ‰ã‚»ãƒ³ãƒˆãƒ©ãƒ«ã‚¿ãƒ¯ãƒ¼ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆå“å·æœ¬ç¤¾ã«ã¦ã€ã€Œç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚HTML5ã¨ã‹å‹‰å¼·ä¼šã¯ã€HTML5ã«é–¢å¿ƒã®ã‚ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®å‹‰å¼·ä¼šã ã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£APIã€ã€‚å½“æ—¥ã®æ§˜åã‚’ãŠä¼ãˆã—ã‚ˆã†ã€‚ Processing.jsã£ã¦ãªã‚“ã ï¼Ÿ ã¾ãšã€ã‚¼ãƒãƒ™ãƒ¼ã‚¹ã®ç”°ä¸æ°ï¼ˆ@dotimpactï¼‰ã‹ã‚‰ãƒ—ãƒ¬ã‚¼ãƒ³ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã€‚ç”°ä¸æ°ã¯ç¾Žè¡“å¤§å¦ã§éžå¸¸å‹¤è¬›å¸«ã‚’ã—ãŸã‚Šã€Processingã®å…¥é–€æ›¸åŸ·ç†ãªã©ã‚‚æ‰‹æŽ›ã‘ã¦ã„ã‚‹ã€‚ Processingã¨ã¯ ç”°ä¸æ°ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã¯ã€Processingã®ç´¹ä»‹ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ ç”°ä¸æ°ã®ï¼ ITã§ã®Processingã®è¨˜äº‹ã€ŒProcessingã®å¯¾è©±å¼ã‚¹ã‚±ãƒƒãƒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§éŠã¼ã†ã€ã‚‚å‚ç…§ã„ãŸã ããŸã„ã€‚ Processingã¯2001å¹´ã€MITãƒ¡ãƒ‡ã‚£ã‚¢
fukudamasa09 2012/08/31
HTML5

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

js

jQuery

html

JavaScript

SVG

Processing

WebGL

processing.js
ãƒªãƒ³ã‚¯
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. â€œ3 Dreams of Blackâ€ takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonistâ€™s point of view through the experien
fukudamasa09 2012/05/25
ã“ã‚Œã¯ã™ã”ã„

design

html5

music

movie

Google

webGL

webãƒ‡ã‚¶ã‚¤ãƒ³

chrome

web
ãƒªãƒ³ã‚¯
1