Canvasã‚’ã‚ã¡ã‚ƒãã¡ã‚ƒä½¿ã„ã‚„ã™ãã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ「UnitaryJSã€ä½œã£ãŸ - QiitaHelp us understand the problem. What is going on with this article?
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ã«æˆ»ã‚ã†ã‹ã¨æ€ã£ãŸã®ãŒã¡ã‚‡ã†ã©
Canvasã«ã‚ˆã‚‹3Dテクスãƒãƒ£ãƒžãƒƒãƒ”ングã¨ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆä»®é¡Œï¼‰ - 最速ãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
MAX 打ã¡ä¸Šã’ã®ã¨ãã«å·å´Žã•ã‚“ã«ã€Œè‹±èªžã®è¨˜äº‹æ›¸ã„ãŸã‚‰çµ¶å¯¾ã‚¦ã‚±ã‚‹ã‹ã‚‰æ›¸ãã¹ãã よã€ã¨è¨€ã‚ã‚Œã¦ã„ã¤æ›¸ã“ã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ãŸã‚‰ã€ãã†ã„ãˆã°11æ—¥ã¯ä¼‘æ—¥ã ã£ãŸã®ã§ã€æ—¥æœ¬èªžã®ä¸‹æ›¸ãã ã‘ã§ã‚‚一気ã«æ›¸ã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¨ã„ã£ã¦ã‚‚ã€æ¬²ã‚’出ã—ã¦ã‚れもã“れも書ã“ã†ã¨ã—ã¦ã€çµå±€ã¾ã 書ããã‚Œã¦ã¾ã›ã‚“ã‘ã©ã€‚ タイトル案 Javascript 㨠Canvas ã«ã‚ˆã‚‹ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒ3Dプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° Javascript 㨠Canvas 3Dプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ ドã‚ッ JSã らã‘ã® ã‚ã¨ã€ä»Šæ—¥ï¼ˆ11日）ã¯ç§ã®èª•ç”Ÿæ—¥ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚25ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚ãã‚é¡ã‚’見るã®ãŒæ€–ããªã£ã¦ãã¾ã™ã。 以下ã€æ›¸ãã‹ã‘ Introduction Adobe MAX 2009 㧠Spark Project ã¯ã€æ‹¡å¼µç¾å®Ÿï¼ˆAR）ã®ãƒ‡ãƒ¢ã‚’展示ã—ã€æ¥å ´è€…ã®æ³¨ç›®ã‚’集ã‚ã¦ã„ãŸã€‚Shibuya.JS ã®ãƒ¡ãƒ³ãƒãƒ¼ã‚‚ã“ã®ãƒ‡ãƒ¢ã«æ„Ÿæ¿€ã—ã€æ˜¯éž
Canvasã§é–¾å€¤å‡¦ç†ã—ã¦ã¿ãŸ - hitode909ã®æ—¥è¨˜
http://hitode909.appspot.com/threshold_filter/ Canvasã«ç”»åƒã‚’ãƒãƒ¼ãƒ‰ã—ã¦ï¼Œ1ドットãšã¤æ˜Žã‚‹ã•ã‚’見ã¦å¡—る，ã¨ã„ã†æ–¹æ³•ã§é–¾å€¤å‡¦ç†ã—ã¦ã¿ãŸï¼Ž ã“ã‚“ãªã®ãŒã§ãる． ã¨ã“ã‚ã§ï¼ŒCanvasã«ãƒãƒ¼ãƒ‰ã—ãŸç”»åƒã‚’æ“作(ピクセルã®ç”»ç´ 値をå–å¾—ã¨ã‹)ã™ã‚‹ã«ã¯ï¼Œç”»åƒã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒåŒã˜ã§ãªã„ã¨ã„ã‘ãªãã¦ï¼Œæ°—軽ã«ç”»åƒå‡¦ç†ã™ã‚‹ã“ã¨ãŒã§ããªã„． 指定ã—ãŸURLã‚’ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§å–å¾—ã—ã¦è¿”ã™APIを作ã£ã¦ï¼Œãã®APIã§å–å¾—ã—ãŸç”»åƒã‚’ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã‚ˆã†ã«ã™ã‚‹ã¨ï¼Œã“ã®å•é¡Œã‚’回é¿ã§ãる． 最近話題ã ã£ãŸï¼Œtriangulationも，ドメインã®å•é¡Œã‚’回é¿ã™ã‚‹ãŸã‚ã«ï¼Œãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§æŒ‡å®šã—ãŸç”»åƒã‚’å–å¾—ã—ã¦ã„るよã†ã§ã‚る． http://triangulation.jgate.de/
Canvas - HTML5.JP
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’事例をè¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ 実際ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ルを通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 色を指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã図形ã«è‰²ã‚’指定ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’与ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ãã¾ã™ã€‚ 線形グラデーションを指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•
Mozilla Party 10 ã®è³‡æ–™ - 最速ãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
Mozilla Party 10 ã§canvasã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã®ã§è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ http://www.slideshare.net/gyuque/mozilla-party-2009-canvas-programming デモã¯ä»¥ä¸‹ã®URLã«ã‚ã‚Šã¾ã™ http://gyu.que.jp/jscloth/touch-opera-gecko.html 海外ã‹ã‚‰ã®ã‚²ã‚¹ãƒˆã®ãŸã‚ã«é€šè¨³ãŒã¤ã„ã¦ã„ãŸã®ã§ã™ãŒã€ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢ã®å¦ç”Ÿã•ã‚“ã ã£ãŸãã†ã§ã™ã€‚普通ã«ãŠé‡‘を出ã—ã¦ä¾é ¼ã—ãŸã‚‚ã®ã ã¨æ€ã£ã¦ã„ãŸã®ã§ã€é–‰ä¼šã®æŒ¨æ‹¶ã®ã¨ãã«çŸ¥ã£ã¦ã³ã£ãã‚Šã—ã¾ã—ãŸã€‚ ä¼šå ´ã®è³ªå•ã§ Flash ã¨æ¯”ã¹ã¦ã©ã†ãªã‚“ã ã¨èžã‹ã‚Œã€ä»Šã®æ™‚点ã§ã¯ã€è‡ªåˆ†ãŒä»•äº‹ã§ Web ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ç«‹å ´ã ã£ãŸã‚‰ç„¡é›£ã« Flash を使ã†ã¨ç”ãˆã¾ã—ãŸï¼ˆã€Œãる。ã€ã¯ã‚ãã¾ã§è¶£å‘³ãªã®ã§ã€IE ãªã‚“ã¦æ°—ã«ã›ãš canvas を使ãˆãŸã‚ã‘ã§ã™ï¼‰ã€‚ 悲ã—ã„ã“ã¨ã«ã€
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://h2md.axell-embedded.com/
{{#tags}}- {{label}}
{{/tags}}