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

a_bicky id:a_bicky

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

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

Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
a_bicky 2013/10/18
canvas
ãƒªãƒ³ã‚¯
Android Ã— Canvas ã®å³æ»ãƒã‚¤ãƒ³ãƒˆã¨ãã®å›žé¿ç– | buccchi.jp
CreateJS ã‚’ä½¿ã£ãŸWebã‚¢ãƒ—ãƒªã‚’ã„ãã¤ã‹ä½œã£ãŸã®ã§ã™ãŒã€iPhone ã¯ã‚µã‚¯ã‚µã‚¯ã§ã‚‚ Android ã§ã‚„ãŸã‚‰ãƒãƒžã‚‹ã€‚ Android 2.3 ã§æœ€é©åŒ–ã—ãŸã¤ã‚‚ã‚Šã®ã‚‚ã®ãŒ 4.0 ã®æ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã§è½ã¡ãŸã‚Šã™ã‚‹ã€‚ æ©Ÿç¨®ã‚„ OS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã‚Šå‹•ä½œãŒã•ã¾ã–ã¾ãªãŸã‚ç¢ºèªã—ãã‚Œãªã„ã€‚ ã¨ã„ã†ã¨ã“ã§ãƒãƒžã£ãŸãƒã‚¤ãƒ³ãƒˆ3ã¤ã‚’å…±æœ‰ã—ã¾ã™ã€‚ èª°ã‹ã‚‚ã£ã¨ã‚ˆã„è§£æ±ºç–ã‚’æ•™ãˆã¦ãã‚Œã‚‹ã¨ã‚ã‚ŠãŒãŸã„ã€‚ å³æ»ãƒã‚¤ãƒ³ãƒˆãã®1 Android 4.0.4 ã§ Canvas ã‚’ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ãŒè½ã¡ã‚‹ å›žé¿ç– Canvas é ˜åŸŸã‚’åºƒã‚ã«ã¨ã£ã¦ãŠãã€Canvas ã§ã¯ãªã Container å´ã‚’ãƒªã‚µã‚¤ã‚ºã€‚ ã¯ã¿ã§ãŸéƒ¨åˆ†ã¯ css ã§ãƒˆãƒªãƒŸãƒ³ã‚°ã€‚ ã“ã‚Œã§è½ã¡ãªãã¯ãªã‚‹ãŒå…¨ä½“çš„ã«ãƒœã‚±ã‚‹ã€‚ 2013.7.7 è¿½è¨˜ ãã®å¾Œã€ä»¥ä¸‹ã®æ–¹æ³•ã‚’è©¦ã—ãŸã¨ã“ã‚è½ã¡ãšã«å‹•ä½œã™ã“ã¨ãŒç¢ºèªã§ãã¾ã—ãŸã€‚ æç”»ã¨ã‹GPUã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³
a_bicky 2013/06/10
android

canvas

createjs
ãƒªãƒ³ã‚¯
WordPress â€º Error
This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.
a_bicky 2013/06/04
canvas ã® globalCompositeOperation ã« multiply ã£ã¦ãªã„ã®ã‹ã¨æ€ã£ãŸã‚‰ Firefox ã¨ Webkit ã® nightly build ã§å®Ÿè£…ã•ã‚Œã¦ãŸ

canvas
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
a_bicky 2013/04/25
html5

game

performance

canvas
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
a_bicky 2013/01/10
html5

canvas
ãƒªãƒ³ã‚¯
canvasè¦ç´ ã«JSã§AS3ã®drawTrianglesã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã¿ã‚‹ | ç§‹è‘‰ç§€æ¨¹å€‹äººãƒ–ãƒã‚°
ä»¥å‰HTML5æ¡ˆä»¶ã§ä½œã£ãŸã‚‚ã®ã§ã€canvasã§ä¸Šã®å›³ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ãªã‚“ã§ã™ãŒã€ã“ã‚Œã‚’ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåŒ–ã—ã¦ã¿ã¾ã—ãŸã€‚
a_bicky 2012/10/09
ãŠã‚‚ã—ã‚ã„

html5

canvas
ãƒªãƒ³ã‚¯
Fixture is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
a_bicky 2012/09/26
canvas

javascript
ãƒªãƒ³ã‚¯
ç„¡è·ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€€[HTML5 Canvas]å¤‰å½¢ãƒ¡ã‚½ãƒƒãƒ‰ scale(),rotate(),translate() ã®å®Ÿè¡Œé †åº
[HTML5 Canvas]å¤‰å½¢ãƒ¡ã‚½ãƒƒãƒ‰ scale(),rotate(),translate() ã®å®Ÿè¡Œé †åº HTML5ã®Canvasã«ã¯ã€scale(),rotate(),translate() ã¨ã„ã†å¤‰å½¢ç”¨ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã€ãã‚Œãžã‚Œ ä¼¸ç¸®ã€å›žè»¢ã€ç§»å‹• ã‚’è¡Œã†ã€‚ ï¼ˆãã‚Œä»¥å¤–ã®å¤‰å½¢ç”¨ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦ã€æ±Žç”¨ãƒ¡ã‚½ãƒƒãƒ‰transf orm()ãŒã‚ã‚‹ï¼‰ æœŸå¾…ã—ãŸå›³å½¢ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ã€å¤‰å½¢ç”¨ãƒ¡ã‚½ãƒƒãƒ‰å®Ÿè¡Œé †åºã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ 1. å¤‰å½¢ã®é †åºãŒå¤‰ã‚ã‚Œã°ã§ãã‚‹å›³å½¢ã‚‚å¤‰ã‚ã‚‹ å›³å½¢ã‚’å¤‰å½¢ã•ã›ã‚‹å ´åˆã€é †åºã«æ³¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ä¾‹ãˆã°ã€é•·æ–¹å½¢ã« åº§æ¨™(0,0)ã‚’ä¸å¿ƒã¨ã—ã¦æ™‚è¨ˆå›žã‚Šã«30åº¦å›žè»¢ â†’ xè»¸æ–¹å‘ã«20, yè»¸æ–¹å‘ã«10ç§»å‹• â†’ xè»¸æ–¹å‘ã«2å€, yè»¸æ–¹å‘ã«1.5å€ã™ã‚‹ ã¨ã„ã†å¤‰å½¢ã‚’è¡Œã†ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ã«å¤‰å½¢ã—ã¦ã„ãã€‚å›³å½¢å·¦ä¸Šã®Ã—å°ã¯åº§æ¨™(0,0)ã‚’ç¤ºã™ã€‚ é€†é †ã«ã€ xè»¸æ–¹å‘ã«2å€, yè»¸æ–¹å‘ã«1.5å€
a_bicky 2012/09/25
Canvas ã®å¤‰æ›è¡Œåˆ—ã®é©ç”¨é †ã«ã¤ã„ã¦ã®è§£èª¬

canvas

html5
ãƒªãƒ³ã‚¯
HTML5 Canvasãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
ä»¥å‰ã€HTML5 Canvasã§è¡¨ç¾ã™ã‚‹æ‰“ã¡ä¸Šã’èŠ±ç«ã¨ã—ã¦ã€Canvasã‚’ä½¿ã£ãŸä½œå“ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ PCç‰ˆWebkitã‚’é™¤ãå…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆã‚¹ãƒžãƒ›ãƒ–ãƒ©ã‚¦ã‚¶ã¯å‹¿è«–ã€IE9ãªã©ï¼‰ã§é‡ã„ã¨ã„ã†èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ PCãƒ–ãƒ©ã‚¦ã‚¶ã«é™å®šã™ã‚Œã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®é€²åŒ–ã¨ã¨ã‚‚æ”¹å–„ã•ã‚Œã‚‹å•é¡Œã§ã¯ã‚ã‚Šã¾ã™ãŒã€ ã‚¹ãƒžãƒ›ï¼ˆã«é™ã‚‰ãšæºå¸¯ç«¯æœ«ï¼‰ã¯2å¹´ç¸›ã‚Šã§è³¼å…¥ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåœ§å€’çš„ã«å¤šãã€1ãƒ»2å¹´å‰ã®æ©Ÿç¨®ï¼ˆç’°å¢ƒï¼‰ã‚’ä½¿ç”¨ã™ã‚‹çŠ¶æ³ãŒç¶šãã“ã¨ãŒå®¹æ˜“ã«æƒ³åƒã§ãã¾ã™ã€‚ ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªåˆ¶ä½œã‚’æ‰‹æŽ›ã‘ãŸã“ã¨ã®ã‚ã‚‹æ–¹ã¯ã”å˜çŸ¥ã®é€šã‚Šã€Android2.xã¯è‰²ã€…ã¨ä¸éƒ½åˆãŒã‚ã‚‹ã ã‘ã§ãªã ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹é¢ã§ã‚‚ååˆ†ã«é…æ…®ã—ã¦åˆ¶ä½œã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ï¼ˆAndroid4.xã§ã¯GPUã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã€æœŸå¾…å‡ºæ¥ã‚‹ã®ã§ã™ãŒä¸–ä»£äº¤ä»£ã¯å…ˆã®è©±ï¼‰ ãã“ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ãƒã‚¸ãƒƒã‚¯ã‚’å·¥å¤«ã™ã‚‹ã“ã¨ã§å¾—ã‚‰ã‚ŒãŸãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã®
a_bicky 2012/08/13
html5

canvas

performance
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
a_bicky 2012/08/12
html5

canvas
ãƒªãƒ³ã‚¯
La Estrella OnLine - El edificio de la Biblioteca Nacional
a_bicky 2012/08/12
Cut the Rope ã® HTML5 ç‰ˆï¼ˆã‚‚ã—ã‹ã—ã¦ã‚¢ãƒ—ãƒªã®ã‚„ã¤ã‚‚ WebVIEWï¼Ÿï¼‰

game

html5

canvas
ãƒªãƒ³ã‚¯
Create an iPad optimised game
With 3D CSS transf ormations Fish and sea illustrations by Val Head Tutorial Time required : 1 hour Pre-requisites : Basic JavaScript, HTML and CSS What is covered : Moving elements in 3D, basic interactivity, animation, sound HTML5 canvas is of course brilliant. But it has to be said, performance on iPads (and most other devices) leaves much to be desired. The GPU accelerated canvas in iOS 5 is a
a_bicky 2012/08/12
GPU accelerated canvas ã‚ˆã‚Šã‚‚ CSS ä½¿ã£ãŸæ–¹ãŒ 60 FPS ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã§ãã‚‹ã‚ˆã£ã¦è©±ã¿ãŸã„

canvas

css3

game

html5
ãƒªãƒ³ã‚¯
Canvas tutorial - Web APIs | MDN
<canvas> is an HTML element which can be used to draw graphics via scripting (usually JavaScript). This can, for instance, be used to draw graphs, combine photos, or create simple (and not so simple) animations. The images on this page show examples of <canvas> implementations which will be created in this tutorial. This tutorial describes how to use the <canvas> element to draw 2D graphics, start
a_bicky 2012/06/12
canvas

html5

tutorial
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®å…±åŒä½œæ¥ Canvasç·¨ (node.js + websocket) : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ å…ˆæœˆç„¡äº‹ã«çµå©šã‚’ã—ãŸé–‹ç™ºè€…ãŒä¸€åãŠã‚Šã€è¿‘å¹´ã‚¢ã‚·ã‚¢ãƒ«ã§ã¯å¾ã€…ã«æ—¢å©šè€…ãŒå¢—ãˆã¦ãã¦ã„ã‚‹çŠ¶æ³ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€çµå©šã¨ã„ãˆã°å…±åŒä½œæ¥ã§ã™ã‚ˆãã€‚ ä»Šã¾ã§ã¯ã€ä¸€äººã§ä½œæ¥ã—ã¦ã„ã¦å¤§å¤‰ãªã“ã¨ãŒè‰²ã€…ã‚ã£ãŸã¨æ€ã„ã¾ã™ãŒã€ äºŒäººï¼ˆè¤‡æ•°ï¼‰ã§ã‚„ã‚Œã°ã€ä¹—ã‚Šè¶Šãˆã‚‰ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ Webã‚¢ãƒ—ãƒªã§ã‚‚æœ€è¿‘ã¯ã€ã‚ˆã‚Šå…±åŒä½œæ¥ãŒã—ã‚„ã™ã„ç’°å¢ƒãŒã§ãã¤ã¤ã‚ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯WebSocketã‚’ä½¿ã£ãŸãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ é€šä¿¡ã§ã®ã‚„ã‚Šå–ã‚Šã‚’è¡Œã„ã€ ä¸€ç·’ã«ãŠçµµæããŒã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ â– â– â– æ¦‚è¦â– â– â– ãƒ»ã‚¢ãƒ—ãƒªæ¦‚è¦ ãƒ»ãƒ»Canvas + WebSocket ãƒ»å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ãƒ»ãƒ»Chrome or Safari (ä»–ã€WebSocketãŒä½¿ãˆã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ ãƒ»ã‚µãƒ¼ãƒå´ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ»ãƒ»node.js 0.2.0 ãƒ»ãƒ»[email protected]
a_bicky 2012/05/07
websocket

html5

canvas
ãƒªãƒ³ã‚¯
HTML5 Canvasã‚’å§‹ã‚ã‚ˆã†ï¼šEaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ | ClockMaker Blog
HTML5ã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒEaselJSã€ã¨ã€ŒTweenJSã€ã‚’ä½¿ã£ã¦ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ demo ä»Šå›žã®ãƒ–ãƒã‚°è¨˜äº‹ã§ã¯ã€ŒEaselJSã€ã¨ã€ŒTweenJSã€ã®ä½¿ã„æ–¹ã‚’ãƒ‡ãƒ¢ã®ä½œã‚Šæ–¹ã‚’é€šã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹ ã€ŒEaselJSã€ã¨ã€ŒTweenJSã€ã¯Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã€ŒEaselJSã€ãŒHTML5 Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ã€ŒTweenJSã€ãŒæ±Žç”¨çš„ãªãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ â–²EaselJS HTML5ã®Canvasè¦ç´ ã¯HTMLä¸Šã«è‡ªç”±ã«æç”»ã™ã‚‹ã“ã¨ã®ã§ãã‚‹æ–°ã—ã„è¦ç´ ã§ã€å·¥å¤«ã™ã‚‹ã“ã¨ã§Flashã®ã‚ˆã†ã«è±Šã‹ãªè¡¨ç¾ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã Canvasã§ã¯JavaScriptã§ã¡ã‚‡ã£ã¨
a_bicky 2012/04/11
html5

canvas
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã† - MDC
ä»–ã® canvas è¦ç´ ã‚’ä½¿ã† æ™®é€šã®ç”»åƒã¨åŒæ§˜ã« document.getElementsByTagName ãƒ¡ã‚½ãƒƒãƒ‰ã‹ document.getElementById ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã£ã¦ä»–ã® canvas è¦ç´ ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚å…¥åŠ›å…ƒã® canvas ã‚’ä½¿ã†å‰ã«ä½¿ãŠã†ã¨ã—ã¦ã„ã‚‹ canvas ã«ä½•ã‹ãŒæã‹ã‚Œã¦ã„ã‚‹ã‹ç¢ºèªã—ã¦ãã ã•ã„ã€‚ ã“ã‚Œã®ã‚ˆã‚Šå®Ÿè·µçš„ãªåˆ©ç”¨æ–¹æ³•ã®ä¸€ã¤ã¯2ç•ªç›®ã® canvas è¦ç´ ã‚’ä»–ã®å¤§ããª canvas ã®ã‚µãƒ ãƒã‚¤ãƒ«ãƒ“ãƒ¥ãƒ¼ã¨ã—ã¦ä½¿ã†ã“ã¨ã§ã™ã€‚ ä¸€ã‹ã‚‰ç”»åƒã‚’ä½œã‚‹ æœ€å¾Œã®é¸æŠžè‚¢ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä¸ã§æ–°ãŸãª Image ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆä½œã‚‹ã“ã¨ã§ã™ã€‚ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã®ä¸»ãªçŸæ‰€ã¯ç”»åƒãŒèªã¿è¾¼ã¾ã‚Œã‚‹ã®ã‚’å¾…ã¤å¿…è¦ãŒã‚ã‚‹ã®ã§ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒé€”ä¸ã§åœæ¢ã—ãªã„ãŸã‚ã«ä½•ã‚‰ã‹ã®å½¢ã®ç”»åƒã®å…ˆèªã¿ãŒå¿…è¦ã¨ã„ã†ã“ã¨ã§ã™ã€‚ åŸºæœ¬çš„ã«ã€æ–°ã—ã„ç”»åƒã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚‹ã«ã¯ã“ã®ã‚ˆã†ã«ã—ã¾ã™: var img = n
a_bicky 2010/07/21
canvas

later
ãƒªãƒ³ã‚¯
ä»Šæ›´èžã‘ãªã„canvasã®åŸºç¤Žã®åŸºç¤Ž - KAYAC Engineers' Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ–°å…¥ã‚Šã®nagataã§ã™ã€‚ å…¥ç¤¾å¼ã§è‡ªè»¢è»Šä¹—ã£ã¦ãŸé‡ŽéƒŽã§ã™ã€‚ å…ˆè¼©æ–¹ã‹ã‚‰ã€Œãƒ–ãƒã‚°ã€æ›¸ã„ã¦ãï¼ã€ã¨ã®ãŠé”ã—ãŒã‚ã£ãŸã®ã§ã€ æ—¥å ±ã§æ›¸ã„ãŸã‚‰ã‚¦ã‚±ãŒã‚ˆã•ã’ã ã£ãŸcanvasã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â€»å„ç¨®ã‚µãƒ³ãƒ—ãƒ«ã¯Macä¸Šã®Safari4.05ã€Firefox3.6.3ã€Chrome5.0ã§å‹•ä½œã‚’ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ canvasã£ã¦ãªã‚“ãžï¼Ÿ å›³ã‚’æ›¸ãè¾¼ã‚ã‚‹htmlè¦ç´ ã§ã™ã€‚ OpenGLã‚„DirectXã®ã‚ˆã†ãªé¢å€’ãªè¨å®šã‚’æ›¸ãã“ã¨ãªãã€ æ‰‹è»½ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ãŒè¡Œãˆã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãƒãƒ¼ã‚«ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãª ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ï¼ˆã‹ã¤å‹•çš„ãªï¼‰è¡¨ç¾ãŒè¡Œãˆã‚‹ã‚ã‘ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšã¤ã‹ã£ã¦ã¿ã‚‹ æ—©é€Ÿä½•ã‹æã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã†ã„ã†ã“ã¨ã¯å®Ÿè·µã‚ã‚‹ã®ã¿ã§ã™ã€‚ å‡¦ç†ã«ã¯Javascriptã‚’ä½¿ã„ã¾ã™ã€‚ canvasã«æç”»ã‚’è¡Œã†ã¨ãã¯ã€canvasè¦ç´ ã‹ã‚‰contextã‚’å–å¾—ã—ã¦ã€
a_bicky 2010/05/17
canvas
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
a_bicky 2010/05/17
canvas
ãƒªãƒ³ã‚¯
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Robust Session Storage in Phoenix Live View SessionsPersistently storing session info in Phoenix Live View to it survives reloads and live navigation Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo height
a_bicky 2010/05/17
web

canvas

javascript

html5
ãƒªãƒ³ã‚¯
1