[B! Canvas] buravo46ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

buravo46 id:buravo46

Canvasã«é–¢ã™ã‚‹buravo46ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{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: ã‚¦ã‚§ãƒ–ã® 2D ãŠã‚ˆã³ 3D ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ - Web API | MDN
WebGL (Web Graphics Library) ã¯ã€äº’æ›æ€§ãŒã‚ã‚‹ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ãŠã„ã¦ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ç”¨ã›ãšã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãª 3D ã‚„ 2D ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã® JavaScript API ã§ã™ã€‚HTML ã® <canvas> è¦ç´ ã¸ OpenGL ES 2.0 ã«å¯†æŽ¥ã«å¾“ã£ãŸ API ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€WebGL ã‚’å®Ÿç¾ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç«¯æœ«ãŒæä¾›ã™ã‚‹ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ API ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ WebGL ã¸ã®å¯¾å¿œã¯ã€ç¾ä»£ã®ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ã‚Šã¾ã™ï¼ˆå¾Œè¿°ã®äº’æ›æ€§ä¸€è¦§è¡¨ã‚’å‚ç…§ã—ã¦ãã ã•ã„ï¼‰ã€‚ãŸã ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç«¯æœ«ã«ã“ã‚Œã‚‰ã®æ©Ÿèƒ½ã«å¯¾å¿œã—ãŸãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ãŒæè¼‰ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ WebGL 2 API ã¯ OpenGL ES 3.0 ã®æ©Ÿèƒ½ã‚»ãƒƒãƒˆã®å¤§éƒ¨åˆ†ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•
buravo46 2013/12/17
WebGL

HTML5

3D

canvas

browser

MDN
ãƒªãƒ³ã‚¯
Canvaså‹‰å¼·ä¼š
7. ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆ canvas.getContext( 2d ) <canvas id="c" width="600" height="400"></canvas> <script> var cvs = $('#c').get(0); var ctx = cvs.getContext('2d'); // do something </script>
buravo46 2013/08/16
Canvas

javascript

ã¾ã¨ã‚

HTML5

HTML

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
canvasè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚
Written by defghi1977@xboxLIVE.ã“ã®æ–‡æ›¸ã¯å…¨ã¦ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ä½œæˆã—ã¦ã„ã¾ã™ï¼Žãˆãƒ¼ã¨ï¼Œãã‚Šã‚ƒã‚‚ã†ã‚´ãƒªã‚´ãƒªã¨ï¼Ž æœ¬æ–‡æ›¸ã¯svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ã®å§‰å¦¹ç‰ˆã¨ã—ã¦ä½œæˆã‚’é–‹å§‹ã—ãŸï¼Žcanvasè¦ç´ ã®ä»•æ§˜ã¯ç¾åœ¨é€²è¡Œä¸ã§è‰²ã€…ã¨å¤‰åŒ–ã—ã¦ã„ã‚‹ãŸã‚ï¼Œä¸€ç‹ç¸„ã§è¡Œã‹ãªã„ãŒå¤§æ–¹ã®apiã«ã¤ã„ã¦æ›¸ãä¸ŠãŒã£ãŸã®ã§å…¬é–‹ã™ã‚‹ï¼ŽãªãŠï¼Œã¾ã ä½¿ãˆãªã„æ©Ÿèƒ½ç‰æº€è¼‰ã ã£ãŸã‚Šï¼Œå†…å®¹ã«é–“é•ã„ãŒã‚ã£ã¦ã‚‚ä¸ã€…æ¤œè¨¼ã™ã‚‹ã“ã¨ãŒã§ããªã„ã®ã§ï¼Œãã®éƒ¨åˆ†ã‚’äº†æ‰¿ã—ãŸä¸Šã§ã”åˆ©ç”¨ä¸‹ã•ã„â€¦ æ›´æ–°å±¥æ´ 2012/07/18 åˆç‰ˆ 1ãƒ»canvasè¦ç´ ã®æ¦‚è¦³ canvasè¦ç´ ã¨ã¯ canvasè¦ç´ ã¯html5ã§æŽ¡ç”¨ã•ã‚ŒãŸwebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã™ã‚‹ãŸã‚ã®æ©Ÿæ§‹ã§ã‚ã‚Šï¼Œwebãƒšãƒ¼ã‚¸ã®æ©Ÿèƒ½æ€§ãƒ»è¦–èªæ€§ãŒé‡è¦è¦–ã•ã‚Œã‚‹æ˜¨ä»Šã§ã¯ï¼Œsvgè¦ç´ ã¨ä¸¦ã³é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ã„ã‚‹ï¼Žã‚‚ã¨ã‚‚ã¨appleç¤¾ãŒè‡ªç¤¾è£½osã®æ©Ÿèƒ½å‘ä¸Šç–ã¨ã—ã¦ï¼ŒåŒ
buravo46 2013/08/10
ãƒ–ãƒ©ã‚¦ã‚¶

Canvas

ç”»åƒ

api

web

JavaScript

ã¾ã¨ã‚

html5

html

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

WebGL

html5

3d

canvas
ãƒªãƒ³ã‚¯
EaselJSå¦ç¿’ - W2Ué–‹ç™ºwiki
W2Ué–‹ç™ºwiki ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãƒšãƒ¼ã‚¸ä¸€è¦§ãƒ¡ãƒ³ãƒãƒ¼ç·¨é›† EaselJSå¦ç¿’ æœ€çµ‚æ›´æ–°ï¼š w2u_devÂ 2011å¹´05æœˆ16æ—¥(æœˆ) 17:44:30å±¥æ´ è‹±èªžã§ãã¾ã›ã‚“ã€‚æ©Ÿæ¢°ç¿»è¨³ã¨å®Ÿè·µã§ãªã‚“ã¨ã‹è§£èªã—ã¾ã™ãƒ»ãƒ»ãƒ» å…¬å¼ã‚µã‚¤ãƒˆâ†’http://easeljs.com/ APIä¸€è¦§â†’http://easeljs.com/docs/ â€»protectedã€privateãªãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ç„¡è¦–ã—ã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ä¸€è¦§ ã‚¯ãƒ©ã‚¹éšŽå±¤ DisplayObject Container Stage Shape Text Bit map Bit mapSequence? Ticker Graphics Command Matrix2D MouseEvent Point Rectangle Shadow SpriteSheet? SpriteSheetUtils? UID ã‚¯ãƒ©ã‚¹æ¦‚è¦ ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚¯ãƒ©ã‚¹ DisplayObjec
buravo46 2013/06/17
å¦ç¿’

é–‹ç™º

api

javascript

canvas

createjs

EaselJS

wiki
ãƒªãƒ³ã‚¯
tmlib.js å…¥é–€
æ¦‚è¦ tmlib.js ã¯ phiæ°é–‹ç™ºã®ã‚²ãƒ¼ãƒ å‘ã‘ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒª class å®šç¾©ã€jQueryãƒ©ã‚¤ã‚¯ãªDOMæ“ä½œã€ajaxæ©Ÿèƒ½ã€HTML5 Canvasãƒ©ãƒƒãƒ—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ»è¡Œåˆ—ã€ã‚µã‚¦ãƒ³ãƒ‰ã€PCãƒ»ã‚¹ãƒžãƒ›å¯¾å¿œ ãªã©ãªã© MIT License Google Chromeã€Safariã€Firefox å¯¾å¿œã€‚IE ãªã‚“ã¦çŸ¥ã‚Šã¾ã›ã‚“. å¤šãã®ã‚¯ãƒ¼ãƒ«ãªã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ tmlib.js > ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ tmlib.js ã‚’ä½¿ã£ã¦ã€SBPï¼ˆã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚° ãƒ–ãƒãƒƒã‚¯ ãƒ‘ã‚ºãƒ«ï¼‰ã‚’ä½œã£ã¦ã¿ãŸã‚ˆ SBP ã¨ã¯ãƒ–ãƒãƒƒã‚¯ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¦ç›®çš„ã®é…ç½®ã«ã™ã‚‹ãƒ‘ã‚ºãƒ«ã®ç·ç§° ã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ãƒ‘ã‚ºãƒ« 15ãƒ‘ã‚ºãƒ«ã€ ç®±å…¥ã‚Šå¨˜ã€ ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒ¯ãƒ¼ ãªã©ãŒæœ‰å tmlib.js ã®ã™ã¹ã¦ã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã¿ãŸã‚ã‘ã˜ã‚ƒãªã„ã‘ã©ã€ä½¿ã£ã¦ã¿ãŸéƒ¨åˆ†ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã‚ˆ
buravo46 2013/06/15
HTML

Canvas

JavaScript

programming

Tips

App

JS

tmlib.js

HTML5
ãƒªãƒ³ã‚¯
HTML5ã¨Canvasã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œiio Engineã€:phpspoté–‹ç™ºæ—¥èªŒ
iio Engine Home HTML5ã¨Canvasã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œiio Engineã€ ç‰©ç†ã‚¨ãƒ³ã‚¸ãƒ³ã‚„å½“ãŸã‚Šåˆ¤å®šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç‰ãŒå«ã¾ã‚Œã¦ã„ã¦ã€ã‚²ãƒ¼ãƒ ãªã©ã‚’ä½œã‚‹å ´åˆã«ä½¿ãˆãã†ã§ã™ã€‚ HTML5ã§ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹éš›ã®é¸æŠžè‚¢ã®ï¼‘ã¤ã¨ã—ã¦çŸ¥ã£ã¦ãŠã„ã¦ã‚‚è‰¯ã•ãã† ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚Œã°å¤§ä½“ã©ã†ã„ã†ã‚‚ã®ã‹ã¯åˆ†ã‹ã‚‹ã¯ãš é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã‚’ä½¿ã£ãŸè¶…ã‚¯ãƒ¼ãƒ«ãªãƒ•ãƒªãƒ¼ã®WordPressãƒ†ãƒ¼ãƒžé›†35 HTML5ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ï¼’ï¼‘ é«˜æ©Ÿèƒ½ãªHTML5ãŠçµµã‹ããƒ„ãƒ¼ãƒ«ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery.deviantartmuroã€ 30ä»¥ä¸Šã®ãƒªãƒƒãƒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©°ã¾ã£ãŸHTML5ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒZebraã€ ã‚¯ãƒ¼ãƒ«ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹HTML5ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒChart.jsã€ HTML5ã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒQuintu
buravo46 2013/06/15
HTML5

HTML

canvas

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ

webã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
hanatoweb.jpÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â hanatoweb ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
buravo46 2013/06/15
Canvas

css

CSS3
ãƒªãƒ³ã‚¯
HTML5 Canvasã¨CSS3ã®ã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®æç”»æ€§èƒ½ - ICS MEDIA
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã®ç¨‹åº¦ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ãŒå¯èƒ½ãªã®ã‹ã€æ€§èƒ½ãŒæ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€è¿‘å¹´ã€HTML5ã‚’åˆ©ç”¨ã§ãã‚‹åˆ†é‡Žã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã¿ãªã‚‰ãšã€ã‚²ãƒ¼ãƒ ã‚„SPAï¼ˆã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãªã©å¤šå²ã«æ¸¡ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€æœ¬è¨˜äº‹ã§ã¯iOSã‚„Androidã®æ–°æ—§ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¤œè¨¼ã€‚è¨˜äº‹ã®å‰åŠã§ã¯æç”»æ€§èƒ½ã‚’ã€å¾ŒåŠã§ã¯JavaScriptã®è¨ˆç®—æ€§èƒ½ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ æç”»æ€§èƒ½ã®æ¤œè¨¼ãƒ“ãƒ‡ã‚ªã‚’ã”è¦§ãã ã•ã„ ã•ã¾ã–ã¾ãªç«¯æœ«ã‚’ä½¿ã£ã¦ã€æç”»æ¤œè¨¼ã®æ§˜åã‚’éŒ²ç”»ã—ã¾ã—ãŸã€‚ã“ã®80ç§’ã®å‹•ç”»ã§ã¯ç”»åƒã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®è¡¨ç¤ºå¯èƒ½ãªå€‹æ•°ã‚’æ¸¬å®šã—ã¦ã„ã¾ã™ã€‚ãƒ“ãƒ‡ã‚ªã®å¾ŒåŠãŒè¦‹ã©ã“ã‚ã§ã€iPhone 5ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒè‰¯ã™ãŽã¦ãƒ“ãƒ‡ã‚ªã‚’æ—©é€ã‚Šã™ã‚‹ã»ã©ã‚¹ã‚³ã‚¢ãŒã§ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªç«¯æœ«ã®ã‚¹ã‚³ã‚¢ã‚’æ¸¬å®šã—ã¾ã—ãŸ æ¬¡ã®è¡¨ã«ã€2012å¹´ã¾ã§ã«ç™ºå£²ã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¹ã‚³ã‚¢ã‚’æŽ²è¼‰ã—ã¾ã—ãŸã€‚
buravo46 2013/06/15
Canvas

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ†ã‚¹ãƒˆ

iOS

javascript

HTML

html5

iphone

Android
ãƒªãƒ³ã‚¯
UXã®åŠ¹æžœãŒæ•°å—ã§ã‚ã‹ã‚‹ï¼5ã¤ã®UX KPI : DeNA Creator(ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼) Blog
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„ç¤¾å“¡ã®å¥åº·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHOå®¤ã€ã®å–ã‚Šçµ„ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
buravo46 2013/06/15
HTML

Canvas

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

javascript

programming

HTML5
ãƒªãƒ³ã‚¯
CreateJSã§éŠã‚“ã§ã¿ã‚‹ 1æ—¥ç›® EaselJS | WebDelog
CreateJS CreateJSã¯HTML5ã®æŠ€è¡“ã‚’åˆ©ç”¨ã—ãŸ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®Javascriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç¾¤ã§ã™ã€‚ @gskinner æ°ãŒé–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã‚‚ã‚ã‚Šã€ stageã‚’ä½œã£ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’addChildã—ã¦ã„ãã¨ã“ã‚ã‚„ãƒ¡ã‚½ãƒƒãƒ‰åãªã©ã€ Flashã§é–‹ç™ºã•ã‚Œã¦ã„ãŸæ–¹ã‚‚é¦´æŸ“ã¿ã®ã‚ã‚‹æ§‹æ–‡ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Adobe Flash Pro CS6ã‹ã‚‰ã¯Toolkit for CreateJSã¨ã„ã†æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€ ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§Flashã§ä½œæˆã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ CreateJSã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«å¤‰æ›ã—ã¦æ›¸ãå‡ºã™ ã¨ã„ã£ãŸã“ã¨ãŒç°¡å˜ã«è¡Œãªãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªCreateJSã‚’è§¦ã‚ŠãªãŒã‚‰è¦šãˆã¦ã¿ã‚ˆã†ã‹ãªãƒ¼ ã¨çªç„¶æ€ã„ç«‹ã£ãŸã®ã§ã€ŽCreateJSã§éŠã‚“ã§ã¿ã‚‹ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã®å…ƒã€ ã¨ã‚Šã‚ãˆãšä½¿ã£ã¦ã¿ã‚‹ â†’ ã¾ã¨ã‚ã¦ã¿
buravo46 2013/06/10
Canvas

createjs
ãƒªãƒ³ã‚¯
[CreateJS] Canvasã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ™‚ã«ä¾¿åˆ©ã§è‰¯ãåˆ©ç”¨ã—ã¦ã„ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€CreateJS - YoheiM .NET
Tooklit for CreateJSã¯ä»•äº‹ã§ã‚‚åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€å®Œå…¨ã«å‡ºåŠ›ã™ã‚‹ç‚ºã«ã¯Flashã®Ã—Ã—ã®æ©Ÿèƒ½ã¯ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ãªã©ã€ ã„ã¾ã®ã¨ã“ã‚ã¯åˆ¶ç´„ãŒå¤šãä½¿ã„ã¥ã‚‰ã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ ã¾ãŸã€å‡ºåŠ›ã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãã®ã¾ã¾å‹•ã‹ã™ã¨ã€ãªã‹ãªã‹ã®é‡ã•ã§æ›¸ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚‹å ´åˆã‚‚å¤šãã€‚ã€‚ ç¾åœ¨ã¯ã€Flashã§åˆ©ç”¨ã—ã¦ã„ã‚‹ç”»åƒç´ æãªã©ã®æ›¸ãå‡ºã—ç”¨ã¨ã—ã¦ä½¿ã†ã“ã¨ãŒãƒ¡ã‚¤ãƒ³ã§ã™ã€‚ CreateJSã‚’ä½¿ã£ã¦å®Ÿéš›ã«ä½œã£ã¦ã¿ã‚‹ CreateJSã®EaselJSã¨TweenJSã¨PreloadJSã‚’ä½¿ã£ã¦ã€ ä»¥ä¸‹ã®ã‚ˆã†ãªã€Œå‹•ç‰©ãŒä¸Šä¸‹ã«å‹•ãã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CreateJSã‚’ä½¿ã†ç‚ºã®æº–å‚™ ã¾ãšã¯ã€CreateJSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€å®Ÿè£…ã‚’è¡Œã„ã¾ã™ã€‚ ä»Šå›žã¯CDNã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ãŒã€ãƒãƒ¼ã‚«ãƒ«ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¦ãã‚Œã‚’èªã¿è¾¼ã‚€ã®ã‚‚ã‚‚ã¡ã‚ã‚“ã‚ã‚Šã§ã™ã€‚ <scrip
buravo46 2013/06/10
Canvas

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

JavaScript

createjs

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

HTML5
ãƒªãƒ³ã‚¯
jCanvas | jQuery meets the HTML5 canvas
Seriously, what is jCanvas? jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 c
buravo46 2013/06/10
HTML5

Canvas

jQuery

plugin
ãƒªãƒ³ã‚¯
å®ŸéŒ²ï¼HTML5ã§ãƒ¢ãƒã‚¤ãƒ«Webã‚¢ãƒ—ãƒªé–‹ç™º
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æµè¡Œã§ã„ã¾æ³¨ç›®ã‚’é›†ã‚ã‚‹ãƒ¢ãƒã‚¤ãƒ«Webã‚¢ãƒ—ãƒªé–‹ç™ºã€‚é–¢è¥¿ç™ºã®ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚«ãƒ³ãƒ‘ãƒ‹ãƒ¼ã€Œãƒžã‚¤ãƒ³ãƒ‰ãƒ•ãƒªãƒ¼ã€ã®é–‹ç™ºãƒãƒ¼ãƒ ãŒã€WebSocketã‚„HTML5 Canvasã¨ã„ã£ãŸæœ€æ–°æŠ€è¡“ã‚’ä½¿ã£ãŸãƒ¢ãƒã‚¤ãƒ«Webã‚¢ãƒ—ãƒªé–‹ç™ºã®ãƒã‚¤ãƒ³ãƒˆã‚’è§£èª¬ã—ã¾ã™ã€‚
buravo46 2013/05/13
websocket

Canvas

web

javascript

HTML5

html

Tutorial

mobile

Study

App
ãƒªãƒ³ã‚¯
Canvas - HTML5.JP
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’äº‹ä¾‹ã‚’è¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ å®Ÿéš›ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’é€šã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’å¼•ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãã‚‹å›³å½¢æç”»ã®ã„ãã¤ã‹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ è‰²ã‚’æŒ‡å®šã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æãå›³å½¢ã«è‰²ã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’ä¸Žãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ç·šå½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•
buravo46 2012/10/23
HTML5

Canvas

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

JavaScript

Web
ãƒªãƒ³ã‚¯
1