[B! canvas] butyricacidã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

butyricacid id:butyricacid

canvasã«é–¢ã™ã‚‹butyricacidã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

React Canvasã«ã‚ˆã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã®UIæ”¹å–„ã¨ãã‚ŒãŒèµ·ãã‚‹å¿…ç„¶ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://engineering.flipboard.com/2015/02/mobile-web/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„4æ™‚é–“å‰ ã‚‚ã®ã”ã¨ãŒé€²åŒ–ã™ã‚‹ã¨ã€åˆ©ç”¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã®æº€è¶³åº¦ã¯ã‚ãŒã‚‹ã®ã§ã€ãã‚Œã‚’ç”¨æ„ã™ã‚‹ä½œæ¥é‡ã¯ãƒ„ãƒ¼ãƒ«ã®æ”¹å–„ã«å¾“ã£ã¦æœ€çµ‚çš„ã«ã¯æ¸›ã£ã¦ã„ãã®ã‹ï¼Ÿ ã‚¹ãƒžãƒ›ãŒç™»å ´ã—ã¦ã€ã‚¢ãƒ—ãƒªä¸Šã§ã®ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã®ç›´æ„Ÿçš„ã«ã§ãã‚‹æ“ä½œã‚„è¡¨ç¾ã®å¹…ãŒåºƒãŒã‚Šã€ã¾ãŸãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚‚æ”¹å–„ã€‚ã§ã¯ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã¤ãã‚‹å´ãŒãã‚Œã«æ…£ã‚Œã¦ãã‚‹ã¨ã€ä½œæ¥é‡ãŒæ¸›ã‚‹ã®ã‹ï¼Ÿã„ã‚„ã€ç¾å®Ÿã¯é€†ã€‚åŒã˜ã“ã¨ã‚’å®Ÿç¾ã™ã‚‹ä½œæ¥é‡ã¯æ¸›ã£ã¦ã‚‚ã€ãƒˆãƒ¼ã‚¿ãƒ«ã§ã¯æ¸›ã‚‰ãªã„ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚¢ãƒ—ãƒªã«ã¾ãŸãŒã£ã¦ã€åŒæ–¹ã®ãƒ¡ãƒªãƒƒãƒˆã‚’å–ã‚Šè¾¼ã‚‚ã†ã¨ã€ã‚‚ã£ã¨ãƒ¬ãƒ™ãƒ«ã®é«˜ã„UIã‚’ç›®æŒ‡ã—ãŸç«¶äº‰ãŒç¶šã„ã¦ã„ã¾ã™ã€‚ David BellonaãŒTwitter Universityã§ã®
butyricacid 2015/02/12
react

canvas
ãƒªãƒ³ã‚¯
ãŸã®ã—ã„glitch - Qiita
var ctx = canvas.getContext('2d'); // ç¯„å›²ã‚³ãƒ”ãƒ¼ var imagedata = ctx.getImageData(sx, sy, sw, sh); // æŒ‡å®šä½ç½®ã«ãƒšãƒ¼ã‚¹ãƒˆ ctx.putImageData(imagedata, dx, dy [, dirtyX, dirtyY, dirtyWidth, dirtyHeight ]); ã¨ã„ã†ã“ã¨ã¯ã€å–å¾—å…ˆã¨é…ç½®å…ˆã‚’ãšã‚‰ã›ã°glitchã«ãªã‚Šã¾ã™ãã€‚ ã‚¤ã‚¨ãƒ¼ã‚¤å®Œæˆã€‚ 2. imageç”»åƒã‚„videoæ˜ åƒã‚‚glitchã—ãŸã„ ã—ã‹ã—ã“ã®ã¾ã¾ã§ã¯imageç”»åƒã‚„videoæ˜ åƒã¯glitchã§ãã¾ã›ã‚“ã€‚ å¯èƒ½ã«ã™ã‚‹ã«ã¯Cross-Origin Resource Sharing(CORS)ã‚’ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«èª¿ã¹ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ CORS ã‚’ç”¨ã„ãšã¨ã‚‚ Canvas ã§ç”»åƒã¯æ‰±ãˆã¾ã™ãŒã€ã“ã®å ´åˆ Canvas
butyricacid 2014/12/19
ç”»åƒå‡¦ç†

javascript

canvas

webgl
ãƒªãƒ³ã‚¯
iOS7 ã® MobileSafari ã§ã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸ Canvas ã® blend-mode ã‚’è©¦ã—ã¦ã¿ãŸ - ã‚ã‚‰ã³ãæ—¥è¨˜
ã“ã®è¨˜äº‹ã¯ abicky.net ã® iOS7 ã® MobileSafari ã§ã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸ Canvas ã® blend-mode ã‚’è©¦ã—ã¦ã¿ãŸ ã«ç§»è¡Œã—ã¾ã—ãŸ
butyricacid 2014/11/27
canvas
ãƒªãƒ³ã‚¯
ã±ã‚“ã¡ã‚‰.js -JavaScriptã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒžãƒƒãƒ”ãƒ³ã‚°- HTML5é£¯ç™ºè¡¨è³‡æ–™
HTML5é£¯ http://atnd.org/events/52477 ç™ºè¡¨è³‡æ–™ ã±ã‚“ã¡ã‚‰.js -JavaScriptã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒžãƒƒãƒ”ãƒ³ã‚°-Read less
butyricacid 2014/09/28
javascript

html5

canvas
ãƒªãƒ³ã‚¯
WordPress â€º Error
This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.
butyricacid 2013/11/23
ios

canvas
ãƒªãƒ³ã‚¯
Happy Elements Labs: ä¸–ç•Œå¹³å’Œã¨Android
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è‰è‹…ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’æ‰±ã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ã¯ã€æ—¥ã€…Android ã®ãƒã‚°ã«æ‚©ã¾ã•ã‚Œã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚å¼Šç¤¾ã‚‚é¡žã«æ¼ã‚Œãšæ§˜ã€…ãª Android ã®ãƒã‚°ã¨æˆ¦ã£ã¦ã„ã¾ã™ã€‚ ç‰¹ã«ã‚ã‚“ã•ã‚“ã¶ã‚‹ã‚¬ãƒ¼ãƒ«ã‚ºï¼ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã™ã¹ã¦ Canvas ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€Android ã® Canvas çµ¡ã¿ã®ãƒã‚°ã«ã€é ã‚’ç—›ã‚ã¦ã„ã¾ã™ã€‚ Android ã®ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ã¯æ‚©ã‚“ã§ã„ã‚‹äººã¿ã‚“ãªã§å…±æœ‰ã—ãŸæ–¹ãŒã€ä¸–ã®ãŸã‚äººã®ãŸã‚ã«ãªã‚‹ã®ã§ã¯ã¨æ€ã„ç«‹ã£ãŸã®ã§ã€ä¸–ç•Œå¹³å’Œã‚’é¡˜ã£ã¦ã„ãã¤ã‹ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. GPUãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®è¨å®šã«ã‚ˆã£ã¦ Canvas ã§ä¸å…·åˆãŒç™ºç”Ÿã™ã‚‹ Android ã¯ OS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„ã€WebView ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã£ã¦ã€GPUãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°OFFã®å ´åˆã«ã€Canvas ãŒæ£å¸¸ã«è¡¨ç¤ºã§ããªã„ç«¯æœ«ã€ã‚‚ã—ãã¯GPUãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ONã®
butyricacid 2013/09/09
canvas
ãƒªãƒ³ã‚¯
Ejecta - Impact
A Fast, Open Source JavaScript, Canvas & Audio Implementation for iOS & tvOS eÂ·jecÂ·ta, noun â€“ debris that is ejected during the formation of an impact crater Ejecta is like a Browser without the Browser. It's specially crafted for Games and Animations. It has no DIVs, no Tables, no Forms â€“ only Canvas and Audio elements. This focus makes it fast. JavaScript code is executed directly by a JavaScrip
butyricacid 2013/09/02
iOS

JavaScript

Canvas
ãƒªãƒ³ã‚¯
DOM ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ Canvas ã«æç”»ã™ã‚‹ - HTML: HyperText Markup Language | MDN
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®ç†ç”±ã‹ã‚‰ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€HTML ãªã© DOM ã®å†…å®¹ã‚’ canvas ã«æç”»ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã¯ Robert O'Callahan ã«ã‚ˆã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã‚’ã‚‚ã¨ã«ã€ã‚»ã‚ãƒ¥ã‚¢ã«ã€å®‰å…¨ã«ã€ãã—ã¦ä»•æ§˜ã«æº–æ‹ ã—ãŸã‹ãŸã¡ã§ãã‚Œã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ HTML ã‚’ãã®ã¾ã¾ canvas ã«æç”»ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãã®ä»£ã‚ã‚Šã«ã€æç”»ã—ãŸã„å†…å®¹ã‚’å«ã‚€ SVG ç”»åƒã‚’åˆ©ç”¨ã—ã¾ã™ã€‚æç”»ã—ãŸã„ HTML ã‚’å«ã‚€ <foreignObject> ã‚’ä½œã‚Šã€ãã® SVG ç”»åƒã‚’ canvas ã«æç”»ã™ã‚‹ã®ã§ã™ã€‚ æç”»ã¸ã®ã‚¹ãƒ†ãƒƒãƒ— å”¯ä¸€åŽ„ä»‹ãªã®ãŒã€SVG ã‚’ä½œã‚‹ã“ã¨ã§ã™ã€‚SVG ã®ãŸã‚ã® XML ã‚’å«ã‚“ã æ–‡å—åˆ—ã‚’ä½œã‚Šã€æ¬¡ã®ã‚‚ã®ã‚’å«ã‚“ã Blob ã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ã§ã™ã€‚ "image/svg+xml" ã¨ã„ã† Blob ã® MIME ã‚¿ã‚¤ãƒ— <svg> è¦ç´ svg è¦ç´ å†…ã® <
butyricacid 2013/04/27
canvas

svg
ãƒªãƒ³ã‚¯
Canvas clip bug - JSFiddle - Code Playground
butyricacid 2013/02/27
canvas
ãƒªãƒ³ã‚¯
Method for converting non-zero winding to even-odd fill polygons - Autodesk, Inc.
butyricacid 2012/09/10
html5

canvas

swf
ãƒªãƒ³ã‚¯
PDF to HTML5, Java Image Library, Java PDF SDK - IDRsolutions
butyricacid 2012/09/10
html5

canvas

swf

pdf
ãƒªãƒ³ã‚¯
fchiba's memo canvasã®globalCompositeOperationã®è¨ˆç®—å¼ã‚‰ã—ãã‚‚ã®
butyricacid 2012/07/03
javascript

canvas
ãƒªãƒ³ã‚¯
The forefront of html5 implementation
1. ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã‘ã‚‹ å®Ÿè£…ã®æœ€å…ˆç«¯ HTML5å®Ÿè£…ã®æœ€å…ˆç«¯ 17-A-3 ç´€å¹³ æ‹“ç”· æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ CTOå®¤ Developers Summit 2012 2. è‡ªå·±ç´¹ä»‹ ç´€å¹³ æ‹“ç”· DeNA CTOå®¤ æ‰€å±ž @tkihira http://nmi.jp/ ä¼šç¤¾ã‚’2ã¤è¨ç«‹ã—ãŸã€ã‚·ãƒªã‚¢ãƒ«ã‚¢ãƒ³ãƒˆãƒ¬ãƒ—ãƒ¬ãƒŠãƒ¼ HTML5ã«ã‚ˆã‚‹Flash Playerã€ŽExGameã€ã‚’è£½ä½œ ã€Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ãŒå¤§å«Œã„ Developers Summit 2012
butyricacid 2012/06/12
javascript

iOS

Android

canvas
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
butyricacid 2012/04/28
HTML5

Canvas
ãƒªãƒ³ã‚¯
1