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

yocchi24 id:yocchi24

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

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

æ—¥æœ¬å…¨å›½èŠ±ç²‰é£›æ•£ãƒžãƒƒãƒ— Pollen Map in Japan - ICS
æ—¥æœ¬å…¨å›½èŠ±ç²‰é£›æ•£ãƒžãƒƒãƒ—ã¯å…¨å›½éƒ½é“åºœçœŒåˆ¥ã®èŠ±ç²‰é£›æ•£çŠ¶æ³ã‚’åœ°åŸŸåˆ¥ãƒ»å¹´ä»£åˆ¥ã«å¯è¦–åŒ–ã€‚HTML5ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€‚
yocchi24 2014/11/05
è¦‹ã›æ–¹ãŒã‚«ãƒƒã‚³ã‚¤ã‚¤ï¼

webã‚µãƒ¼ãƒ“ã‚¹

HTML5

JavaScript

Canvas
ãƒªãƒ³ã‚¯
JSã§è¶ã‚’é£›ã°ã—ã¦ã¿ã‚‹ãªã© | fladdict
ä»Šæ—¥ã®ã‚¹ã‚±ãƒƒãƒè¶è¶ãŒã„ã£ã±ã„ã€‚ processing.js ã ã„ãŸã„ç†è§£ã—ãŸã€‚ è¶ã®ç¾¤ã‚Œã ã‘ã©ã€boidã¨ã„ã†ã‚ˆã‚Šã¯ã€perlin noiseã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å¾©ç¿’ã€‚ å®šç•ªã§ã™ãŒperlin noiseã§ä½œã£ãŸé›²çŠ¶bit pmapã®Rå€¤ã¨Gå€¤ã‚’ã€XYæ–¹å‘ã®æ°—æµã®åŠ›ã¨ã—ã¦é©ç”¨ã™ã‚‹ãƒ»ãƒ»ãƒ»ã£ã¦ã‚¢ãƒ¬ã§ã™ã€‚ ãƒªãƒãƒ“ãƒªãƒªãƒãƒ“ãƒªã€‚ ã“ã“æ•°å¹´ã“ã†ã„ã†ã‚³ãƒ¼ãƒ‰æ›¸ã„ã¦ãªã‹ã£ãŸã®ã§ã€ã™ã”ã„è…•ãŒè½ã¡è¾¼ã‚“ã§ã‚‹ã€‚ ã‚¹ãƒ ãƒ¼ã‚ºãªæ–¹å‘è»¢æ›ç³»ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ä½œã‚Œãªã„ã†ã¡ã«æ™‚é–“åˆ‡ã‚Œã€‚ æ˜”ã¯2ã€œ3æ™‚é–“ã‚ã‚Œã°ä½œã‚ŒãŸã®ã«ãƒ»ãƒ»ãƒ»ã‚¸ã‚¸ã‚¤ã«ãªã£ãŸã£ã¦ã“ã¨ã‹ã€‚ ã¨ã“ã‚ã§ã€processing.jsã®ç¾è¡Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€tint()é–¢æ•°ãŒå£Šã‚Œã¦ã¾ã›ã‚“ã‹ãï¼Ÿ ãƒ•ã‚©ã‚°ã§Z-Depthçš„è¡¨ç¾ã—ã‚ˆã†ã¨ã—ãŸã‚‰ã€ã©ã†ã«ã‚‚å‹•ã‹ãªã„ã€‚ 1æ—¥1ã€œ2æ™‚é–“ã€ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã®æ™‚é–“ã«ã¡ã‚‡ã“ã¡ã‚‡ã“ä½œã£ã¦ä¸€æ°—ã«ãƒªãƒãƒ“ãƒªã—ãŸã„ã€‚ Daniel Shiffmanå¸«çˆ¶ã®ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯
yocchi24 2013/04/13
javascript

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

UI

canvas

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

processing
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
yocchi24 2013/03/30
ãƒ–ãƒ©ã‚¦ã‚¶

webã‚µãƒ¼ãƒ“ã‚¹

javascript

3D

canvas
ãƒªãƒ³ã‚¯
Crafty - JavaScript Game Engine, HTML5 Game Engine
window.onload = function() { Crafty.init(); // A blue block, controlled by arrow keys var player = Crafty.e("2D, Canvas, Color, Fourway") .attr({x:100, y:100, w:50, h:50}) .color("blue") .fourway(3); };
yocchi24 2013/01/05
JavaScript ã® game library

javascript

html5

ã‚²ãƒ¼ãƒ

Canvas

library
ãƒªãƒ³ã‚¯
HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã‚ˆã†ã€‚ç¬¬ï¼‘å›žã€Œã˜ã‚ƒã‚“ã‘ã‚“ã‚²ãƒ¼ãƒ ã€ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
ä»¥å‰ã‹ã‚‰æ›¸ã„ã¦ã‚‹ã€ä»¥ä¸‹ã®é–‹ç™ºå‘ã‘ç°¡å˜ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ iPhoneã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ˆXcode4ç·¨ï¼‰ç¬¬ï¼‘å›žï¼šã˜ã‚ƒã‚“ã‘ã‚“ã‚²ãƒ¼ãƒ ä»Šå›žã¯ã€ã“ã‚Œã‚’HTML5ã®Canvasã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã§ã€ã¤ã„ã§ã«ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«çš„ãªå†…å®¹ã‚’æ›¸ã„ã¦ã¿ãŸãƒ¡ãƒ¢ã€‚ å‰ææ¡ä»¶ å‰ææ¡ä»¶ã¨ã—ã¦ã€ã‚ã‚‹ç¨‹åº¦HTMLç‰ãŒåˆ†ã‹ã‚‹äººå‘ã‘ã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ã¾ãŸã€ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒã®åˆ©ç”¨ç‰ã«ã¤ã„ã¦ã‚‚å‰²æ„›ã§ã™ã€‚ ãã®è¾ºã®è©³ç´°ãªèª¬æ˜Žã¯çœã„ã¦ã‚‹ã®ã§ã”äº†æ‰¿ãã ã•ã„ã€‚ HTML5ã®åŸºç¤Žæƒ…å ± ä»¥å‰ã€ä»¥ä¸‹ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚ å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸ HTML5ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®åŸºæœ¬æ§‹æˆ ã“ã“ã‹ã‚‰æœ¬é¡Œã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€‚ä»Šå›žä½¿ã†ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªå‘ã‘ã®åŸºæœ¬ã¨ãªã‚‹HTMLã¯ä»¥ä¸‹ã§ã™ã€‚ html> head> meta name="viewport" content="width=device-width, initial-scale
yocchi24 2012/05/22
canvasè¦šãˆã‚‹ã®ã«æœ€é©â˜†

jQuery

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

canvas

HTML5
ãƒªãƒ³ã‚¯
Tenefit Corporation â€“ Free yourself from networking challenges once and for all.
Free yourself from networking challenges and launch digital initiatives faster. Turnkey connectivity for applications, servers and systems with the highest levels of security, scalability and performance built in.
yocchi24 2012/04/24
Chromeã§ã†ã”ãã¾ã—ãŸãƒ¼ï¼ã™ã”ã™ãŽã‚‹ã€‚3Dã®ãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã‚«ãƒ¼ã€‚çŸ¢å°ã‚ãƒ¼ã§å‰å¾Œå·¦å³ã«å‹•ãï¼ï¼ï¼

HTML5

canvas

Javascript
ãƒªãƒ³ã‚¯
ActionScriptå…¥é–€Wiki - Arctic.js
AS3ãƒ©ã‚¤ã‚¯ã«è¨˜è¿°ã§ãã‚‹JavaScript ã‚²ãƒ¼ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚(ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MIT License) ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã—ãŸãƒ¡ã‚¤ãƒ³ã‚¯ãƒ©ã‚¹ var Main = arc.Class.create(arc.Game, { // ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿(å¿…è¦ãªã‚‰å¼•æ•°ã‚’æŒ‡å®š) initial
yocchi24 2012/01/27
canvas

HTML

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

ActionScript

JavaScript
ãƒªãƒ³ã‚¯
HTML5ã‚„ã‚¯ãƒ©ã‚¦ãƒ‰ãªã©ã‚’ä½¿ãˆã°ã“ã“ã¾ã§ã§ãã‚‹ã€Œãƒ¢ãƒ¼ã‚°ãƒªã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚ãƒ£ãƒƒãƒã€
ä¸€è¦‹ã™ã‚‹ã¨ãƒ•ãƒ„ãƒ¼ã®ã‚ˆãã‚ã‚‹ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã§ã™ãŒã€Flashãƒ»Silverlightãƒ»Javaã¨ã„ã£ãŸè¿½åŠ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³çš„ãªã‚‚ã®ã‚’ä¸€åˆ‡ä½¿ã£ã¦ãŠã‚‰ãšã€ãã®è£å´ã§ã¯HTML5ã®CANVASãƒ»SVGãƒ»Geolocationè¦ç´ ãªã©ä½¿ãˆã‚‹ã‚‚ã®ã‚’ä½¿ã„ã¾ãã£ã¦ãŠã‚Šã€ã—ã‹ã‚‚ã‚¯ãƒ©ã‚¦ãƒ‰ã‚„CDN(ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ‡ãƒªãƒãƒªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯)ã‚’ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ä½¿ç”¨ã€è¦‹ãŸç›®ã‚ˆã‚Šã‚‚ã¯ã‚‹ã‹ã«æŠ€è¡“çš„ã«ãŒã‚“ã°ã‚Šã¾ãã£ã¦ã„ã‚‹â€¦â€¦ã¨ã„ã†ã‚µã‚¤ãƒˆãŒã“ã®ã€Œãƒ¢ãƒ¼ã‚°ãƒªã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚ãƒ£ãƒƒãƒã€ã§ã™ã€‚ ãƒ¢ãƒãƒ¼ãƒ•ã¨ã—ã¦ã¯ã€ã€ŒFinalFantasy XIII-2ã€ã«ã¦ãƒ¢ãƒ¼ã‚°ãƒªã‚’æŠ•ã’é£›ã°ã—ã¦é æ–¹ã®ãŠå®ã‚’æŽ¢ç´¢ã•ã›ã‚‹ã€Œãƒ¢ãƒ¼ã‚°ãƒªæŠ•ã’ã€ã‚’ã¡ã‚‡ã£ã¨é•ã†å½¢ã§å†ç¾ã—ã¦ãŠã‚Šã€ã“ã®ãƒ¢ãƒ¼ã‚°ãƒªæŠ•ã’ã«ã‚ˆã£ã¦ãƒãƒƒãƒˆä¸Šã‹ã‚‰Twitterä¸Šã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’é›†ã‚ã¦ãã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ãƒ„ã‚¤ãƒ¼ãƒˆã‚’é›†ã‚ã‚‹ãŸã‚ã«APIã‚’å©ãéš›ã«ã‚‚ãŒã‚“ã°ã£ã¦ã„ã‚ã„ã‚å·¥å¤«ã—ã¦ã„ã¾ã™ã€‚ Internet
yocchi24 2011/12/20
ã™ã”ã„ä½œã‚Šè¾¼ã‚“ã§ã‚‹ãªãƒ¼ã€‚

HTML5

Webã‚µãƒ¼ãƒ“ã‚¹

svg

canvas

javascript
ãƒªãƒ³ã‚¯
HTML5ã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ã†ã€ŒEaselJSã€ãŒæœ€æ–°ç‰ˆã‚’å…¬é–‹
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€HTML5ã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒEaselJSã€ã®æœ€æ–°ç‰ˆã€v0.4ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 9ã‚«æœˆæŒ¯ã‚Šã«ãªã‚‹æœ€æ–°ç‰ˆã§ã¯ã€ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’å…¨é¢çš„ã«æ›¸ãæ›ãˆãŸã¨ã®ã“ã¨ã§ã™ã€‚ completely reengineered sprite sheet engine, which includes a host of new features: multi-image sprite sheets, variable frame dimensions, frame reuse, image preloading, and a new data format. Note that this change will require som
yocchi24 2011/12/09
Flash

HTML5

canvas
ãƒªãƒ³ã‚¯
HTML5ï¼†CSS3ã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSlider.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Slider.js: Slideshow with jQuery, CSS Transitions and Canvas - example with Flickr HTML5ï¼†CSS3ã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSlider.jsã€ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€Slider.jsã¯CSS3ã‚„Canvasã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãªã‚Šã¾ã™ CSS3ã‚’ä½¿ã£ãŸç”»åƒåˆ‡æ›¿ã®åŠ¹æžœãŒè±Šå¯Œã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ãƒšãƒ¼ã‚¸ç•ªå·ã€é€ã‚‹ã€æˆ»ã‚‹ã¨ã„ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¡¨ç¤ºæ–¹æ³•ã‚‚è‰²ã€…ã¨å¤‰ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã§ã™ APIã®ã¨ã“ã‚ã‚’è¦‹ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒä½¿ã„æ–¹ãŒè¶…ç°¡å˜ã§ã‚³ãƒ¼ãƒ‰ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«ã‹ã‘ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç”»åƒåˆ‡æ›¿ãŒè¶…ã‚«ãƒƒã‚³ã„ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDiapoã€ 3DåŠ¹æžœã‚’ä½¿ã£ã¦è¿«åŠ›ã‚ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½œã‚Œã‚‹ã€ŒSliceboxã€ CSS3ã‚’ä½¿ã£ãŸè¶…ã‚«ãƒƒã‚³ã„
yocchi24 2011/11/07
CSS

css3

javascript

canvas

jQuery

html5

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
syboos.jp
yocchi24 2011/10/13
HTML5

canvas

svg

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ã§ä½œã‚‰ã‚ŒãŸãƒžãƒªã‚ªã‚«ãƒ¼ãƒˆ
Play JavaScript Super Mario Kart Online (Nihilogic) HTML5 canvas+JavaScriptã§ä½œã‚‰ã‚ŒãŸã€ãƒžãƒªã‚ªã‚«ãƒ¼ãƒˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ (è‹±èªž) ï¼’å¹´ä»¥ä¸Šå‰ã«å…¬é–‹ã•ã‚Œã¦ã„ãŸã‚ˆã†ã§ã™ã€‚
yocchi24 2011/07/30
ã‚„ã£ã¦ã¿ãŸã€‚å‡„ã™ãŽã‚‹ã€‚ç§ã¯ã¸ãŸã£ã´ã™ãŽã‚‹ï½—ï½—ï½— HTML5ã§2å¹´ä»¥ä¸Šå‰ã«ã¤ãã‚‰ã‚Œã¦ãŸã£ã¦â€¦å‡„ã™ãŽã€‚è‰²ã€…ã§ãã‚‹ã‚“ã ã‹ã‚‰ã‚‚ã£ã¨è©¦ã—ã¦ã¿ãªã„ã¨ã€‚

jQuery

webã‚µãƒ¼ãƒ“ã‚¹

HTML5

canvas

javascript
ãƒªãƒ³ã‚¯
we-boxes.com
we-boxes.com 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
yocchi24 2011/05/29
HTML

canvas

webåˆ¶ä½œ

HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
WWW.AKIRAFUKUOKA.COM BLOG | ä»ŠVJã™ã‚‹ãªã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã§ã§ã—ã‚‡ï¼ HTML5ã§VJã‚¢ãƒ—ãƒªã€ŒFi-VJã€ã‚’åˆ¶ä½œã—ã¾ã—ãŸ
HTML5ãªã‚‰ã®VJã‚¢ãƒ—ãƒªã ã£ã¦ä½œã‚Œã‚‹ã¯ãšï¼ã§ã€ä½œã‚Šã¾ã—ãŸ Fi-VJ ver1.02 ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ãƒ•ã‚¡ã‚¤ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ (ver1.02) DLã—ãŸã‚‰@akirafukuokaã«å£°ã‚’ã‹ã‘ã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™!! Fi-VJ(ãƒ•ã‚¡ã‚¤ãƒ–ã‚¤ã‚¸ã‚§ã‚¤)ã¨ã„ã†VJã‚¢ãƒ—ãƒªã‚’æ¥µã€…å€‹äººçš„ã«åˆ¶ä½œã—ã¾ã—ãŸã€‚Macã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã§ã‚‚ãªã‘ã‚Œã°iPhone/iPadã‚¢ãƒ—ãƒªã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãHTML5-VJã‚¢ãƒ—ãƒªã§ã™ã€‚ç¢ºèªæ¸ˆã¿å‹•ä½œç’°å¢ƒã¯Macç‰ˆSafari 5.0.5ã ã‘ã§ã™ã€‚ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ç¢ºèªã—ã¦ã¾ã›ã‚“ï¼ˆãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯Safariã¨Chromeã§å‹•ãã‚ˆã†ã§ã™ãŒï¼‰ã€‚ã¨ã„ã†ã‹ãƒãƒ¼ã‚«ãƒ«å®Ÿè¡Œã§ã¯Safariä»¥å¤–ã§ã¯ã¾ãšå‹•ãã¾ã›ã‚“ã€‚ã“ã‚Œã«é–¢ã™ã‚‹è§£èª¬ã¯å¾Œã»ã©ã€‚ ã“ã“æ•°å¹´ãƒ“ãƒ‡ã‚ªãƒŸã‚ã‚µãƒ¼ã«iPhoneã‚„iPodã‚’ç¹‹ã„ã§ãƒ—ãƒ¬ã‚¤ã—ã¦ã„ãŸç§ã§ã™ãŒã€ãã‚ãã‚PCã‚’ä½¿ã£ãŸVJã«æˆ»ã‚ã†ã‹ã¨æ€ã£ãŸã®ãŒã¡ã‚‡ã†ã©
yocchi24 2011/05/19
ã“ã‚Œã¯é ãŒãŠã‹ã—ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã»ã©å‡„ã„ã€‚HTML5ã¨canvasã§ã“ã“ã¾ã§ã§ãã‚‹ã¨ã¯â€¦

HTML5

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

canvas
ãƒªãƒ³ã‚¯
ã¾ã ã¾ã é–“ã«åˆã†Canvasã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å…¥é–€ï¼ˆã¾ã¨ã‚ã¨å®Ÿè·µï¼‰ :: 5509
JavaScript Advent Calendar 2010ã‚‚22æ—¥ç›®ï¼ã‚ã¨3æ—¥ã§ã™ã‚ˆã€‚åƒ•ã¯ã¡ã‚‡ã†ã©å¦ã‚“ã ã°ã‹ã‚Šã®Canvasã‚’ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã‚‚ã‹ãã¦ã€ã¾ã¨ã‚ã¨å®Ÿè·µã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚çŸ¥ã‚‹ã“ã¨ã¨è¡Œã†ã“ã¨ã¯åŒä¸€ã§ã‚ã‚‹ã€æœ€è¿‘è¡Œã£ãŸã‚»ãƒŸãƒŠãƒ¼ã§ã‚‚è¨€ã£ã¦ã¾ã—ãŸã€‚ jsdo.itã«ã¯ã»ã‚“ã¾ã«ã“ã‚ŒCanvasãªã‚“ï¼Ÿãªã‚µãƒ³ãƒ—ãƒ«ã„ã£ã±ã„ã‚ã‚Šã¾ã™ãã€‚ã‚ãƒ¼ã„ã†ã®æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ãªãã¨ã‹æ€ã„ã¤ã¤ã€jQueryã°ã£ã‹ã‚Šã•ã‚ã£ã¦ãŸåƒ•ã¯.animate()ãƒ¡ã‚½ãƒƒãƒ‰ã®ä¾¿åˆ©ã•ã«å–ã‚Šæ†‘ã‹ã‚Œã¦ã„ãŸã®ã§ã€Canvasã®çµµã‚‚ã¾ã ä¸Šä¸‹å·¦å³ã§å‹•ã‹ã™ãã‚‰ã„ã—ã‹ã§ãã¾ã›ã‚“ã€‚æ…£ã‚ŒãŒå¿…è¦ã§ã™ã€‚ã€‚ ã©ã†ã§ã‚‚ã„ã„æƒ…å ±ã¨ã—ã¦Canvasã®èªã¿æ–¹ãªã‚“ã§ã™ã‘ã©ã€ã€Œã‚ãƒ£ãƒ³ãƒã‚¹ã€ã˜ã‚ƒãªãã¦ã€Œã‚«ãƒ³ãƒã‚¹ã€ãŒæ£ã—ã„ã‚ˆã†ã§ã™ã€‚ã‚ãƒ£ãƒ³ãƒã‚¹ãƒ»ã‚«ãƒ³ãƒã‚¹ã©ã£ã¡ã§ã‚‚ã‚ˆã•ã’ã€‚åƒ•ã¯ã‚ãƒ£ãƒ³ãƒã‚¹ã£ã¦èªã‚“ã§ã¾ã—ãŸã€‚ã‘ã©ã‚«ãƒ³ãƒã‚¹ã«ã—ã¾ã™ã€‚ å‰ç½®ãã¯ã“ã‚Œãã‚‰ã„ã«ã—ã¦ã€ä»Šå›žã¯æ¬¡ã®ã‚ˆã†ãªã‚«ãƒ©
yocchi24 2010/12/24
canvas

webåˆ¶ä½œ

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

javascript

jquery

html5
ãƒªãƒ³ã‚¯
OpenGLãªã«ãã‚Œã†ã¾ã„ã®?? ã¨ã„ã†äººã®ãŸã‚ã®WebGLã®å§‹ã‚æ–¹ - hagino3000's blog
è¿½è¨˜ï¼šä¾‹é¡Œã®é ‚ç‚¹ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ä½•ã‚’ã—ã¦ã„ã‚‹ã‹èª¬æ˜Žã‚’è¿½åŠ ã—ã¾ã—ãŸ è¿½è¨˜ï¼šå‹•ä½œç’°å¢ƒã®æ‰€ä¿®æ£ã—ã¾ã—ãŸã€IE9ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ çš†ã•ã‚“ã¯ã˜ã‚ã¾ã—ã¦ã€è’å·æ™ºå‰‡ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendarã®21æ—¥ç›®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Google I/Oã‚„Firefox Developers Conferenceã§è¯éº—ãªãƒ‡ãƒ¢ãŒãƒãƒªãƒãƒªå‡ºã¦ãã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€å®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹äººãŒç•°å¸¸ãªã¾ã§ã«å°‘ãªã„WebGLã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚å¯¾è±¡èªè€…ã¯WebGLã«èˆˆå‘³ãŒã‚ã‚‹oræ‰‹ã‚’å‡ºã—ã¦ã¿ãŸã‘ã©ã‚¯ã‚½é›£ã—ãã†ã ã—æ—¢ã«è«¦ã‚ãã†ã€ã¨ã„ã†äººã§ã™ã€‚ WebGLã®æ¦‚è¦ WebGLã¯OpenGL ES 2.0ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasè¦ç´ ä¸Šã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚OpenGL ESã¯OpenGLã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚µãƒ–ã‚»ãƒƒãƒˆã§ã€iPhoneã‚„androidç«¯æœ«ã«ã‚‚æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚OpenGL ESãª
yocchi24 2010/12/23
API

canvas

JavaScript
ãƒªãƒ³ã‚¯
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
å…ˆæ—¥ã€ãƒ‰ã‚³ãƒ¢ã®Androidç«¯æœ«ã§ã‚ã‚‹ã€ŒGALAXY Sã€ã‚’äºˆç´„ã—ãŸã‚ã‘ã§ã™ãŒã€ãã†ãªã‚‹ã¨æ°—ã«ãªã‚‹ã®ãŒã€ãšãƒ¼ã£ã¨å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦ã€‚ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ç„¡è¦–å‡ºæ¥ãªã„æŠ€è¡“ã§ã‚ã‚‹ã®ã¯èª°ã®ç›®ã«ã‚‚æ˜Žã‚‰ã‹ãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¦ã“ã¨ã§ã€HTML5ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸãƒ¡ãƒ¢ã§ã™ã€‚ HTML5ã®æ¦‚è¦ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€æ¦‚è¦ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5, ãã¡ã‚“ã¨ã€‚ã“ã®è¨˜äº‹ã ã‘ã§ååˆ†ã§ã™ã€‚é•·ãã‚‚ãªãã€æ–‡å—ã‚‚å°‘ãªã„ã®ã§éžå¸¸ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5ä»•æ§˜é–¢é€£ä¸€å¿œã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆHTMLÂ 5 â€• HTMLÂ 4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ (http://www.w3.org/TR/html5-diff/ æ—¥æœ¬èªžè¨³) å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã®ã§ã€ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“ã€‚ åŸºç¤ŽçŸ¥è˜æ¦‚è¦ãŒç†è§£å‡ºæ¥
yocchi24 2010/12/19
webåˆ¶ä½œ

canvas

HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€:phpspoté–‹ç™ºæ—¥èªŒ
Signature Pad Lab Thomas J Bradley HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€ æ¬¡ã®ã‚ˆã†ã«æ‰‹æ›¸ãã§ç½²åã‚’æç”»ã§ãã‚‹ã‚¨ãƒªã‚¢ã‚’HTML5+canvasã§å®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ JSONãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å¾Œã§æã„ãŸç½²åã‚’å†ç¾ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚ ä½•ã‹ã«ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒ©ã‚¤ã‚¯ãªCAPTCHAã‚’PHPã§ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« PHPã¨GDã‚’ä½¿ã£ã¦Captchaã‚’è‡ªä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« PHPç‰ã§å®Ÿè£…ã§ãã‚‹å‹•ç”»ã§CAPTCHAã§ãã‚‹ã‚ˆã‚Šå¼·å›ºãªã€ŒNuCaptchaã€
yocchi24 2010/11/13
ä½•ã«ä½¿ãˆã‚‹ã‹ãªã€‚æ‰‹æ›¸ãã‚µã‚¤ãƒ³ã¨ã‹ï¼Ÿ

HTML5

canvas
ãƒªãƒ³ã‚¯
1