Sketch.js - Simple Canvas-based Drawing for jQuery
Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. The code is partially inspired by William Malone's drawing app tutorial as well as CanvasPaint. Installation To use Sketch.js in your project, just grab the latest sketch.js (or minified) from GitHub and include it in your project after jQuery. Documentation To see detailed documentation, tak
æ–‡å—を汚ãªã„ç”»åƒã«ã™ã‚‹ã‚„ã¤ä½œã£ãŸ - hitode909ã®æ—¥è¨˜
æ–‡å—を汚ãªã„ç”»åƒã«ã§ãるページ作ã£ãŸï¼Ž http://hitode909.appspot.com/text_to_image/ æ–‡ç« ã‚’å…¥ã‚Œã¦ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã“ã‚“ãªç”»åƒãŒã§ãる． ページ内ã®æ–‡å—ã ã‘を汚ãªãã™ã‚‹ãƒ–ックマークレット作ã£ãŸï¼Ž http://let.hatelabo.jp/hitode909/let/gYC-ycit4Iq-IQ ç”»åƒã¯ãã®ã¾ã¾ã§æ–‡å—ã ã‘汚ãªããªã‚‹ï¼Ž レイアウトを計算ã—ãªãŒã‚‰Canvasã«1æ–‡å—ãšã¤æ›¸ã込んã§ã„ã£ã¦ï¼ŒtoDataURL('image/jpeg', 0.01)ã¨ã‹ã—ã¦ã‚‹ï¼Ž
Canvas seam carving
Content-Aware Image Resizing using HTML5 <canvas> This page is a very basic demo of Content-Aware Image Resizing (CAIR) using seam carving. The demo is very slow, so you can see a screenshot of the effect with a 50% resize if you don’t want to wait. There is a lot of room for improvement. The algorithm is the following: For each pixel from the top row, find the pixel under it that has the closest
jsgif
jsgif: A GIF player in JavaScript Problem You look up a sorting algorithm on Wikipedia, and there's a handy animated GIF on the page; but it's hard to follow because it goes at a strange pace. Alas! If only you had some way of stopping the animation and going through it frame-by-frame... Problem You have this hilarious animation of a cat doing a funny thing; but it would be 3½ times as hilarious i
HTMLè¦ç´ ã®ä¸Šã«WebGLã®æ画をåˆæˆã—ãŸã‚‰ã©ã†ãªã‚‹ã® - 最速ãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
ã¿ãŸã„ãªã“ã¨ã‚’先週ã€ã´ã‚ãŸã‚“ã¨è©±ã—ã¦ã„ã¦ã§ã™ã。実際ã©ã†ãªã‚‹ã®ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã†ãªã‚Šã¾ã™ã€‚ 赤ã„点線ã®æž ㌠WebGL を有効ã«ã—㟠canvas ã§ã€ä¸ã®é’ã„三角形㯠WebGL ã§æç”»ã•ã‚Œã¦ã„ã¾ã™ã€‚後ã‚ã®å†™çœŸã¨ã€ŒGL Overlay Testã€ã¨ã„ã†æ–‡å—ã¯é€šå¸¸ã® HTML ã§ã™ã€‚ 一見ã¡ã‚ƒã‚“ã¨æç”»ã•ã‚Œã¦ã„るよã†ã«è¦‹ãˆã¾ã™ãŒã€å·¦å´ã®åŠé€æ˜Žã®ä¸‰è§’å½¢ãŒã€åŠ ç®—åˆæˆã—ãŸã‚ˆã†ãªæç”»çµæžœã«ãªã£ã¦ãŠã‚Šã€å°‘ã—変ã§ã™ã€‚本æ¥ã§ã‚ã‚Œã°ã‚‚ã†å°‘ã—æš—ã„色ã§æç”»ã•ã‚Œã¦ã„ã‚‹çˆã§ã™ã€‚ã“れ㯠Chrome/Firefox ã‚ã‚‹ã„㯠Mac/Windows ã‚’å•ã‚ãšåŒã˜ãªã®ã§ã€ä»Šã®ã¨ã“ã‚WebGL ã®æç”»çµæžœã‚’åŠé€æ˜Žã§åˆæˆã™ã‚‹ã¨ç¢ºå®Ÿã«ãŠã‹ã—ããªã‚‹ã®ã§ã€ã‚„ã‚ãŸã»ã†ãŒã„ã„ã¨è¨€ãˆã¾ã™ã€‚ãŒã€é€†ã«è¨€ãˆã°ã€å®Œå…¨ã«ä¸é€æ˜Žã‹å®Œå…¨ã«é€æ˜Žãªéƒ¨åˆ†ã¯æ£ã—ãåˆæˆã•ã‚Œã‚‹ã®ã§ã€é™å®šçš„ã«ã¯ä½¿ãˆã‚‹ã¨ã‚‚言ãˆã¾ã™ã€‚（æç”»çµæžœã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã£ã¦ã„ã‚‹å ´
Gtk3 vs HTML5 – Alexander Larsson
The last few weeks I’ve been working on an interesting new idea, hacking out a prototype. The code is not really clean enough for public consumption yet, and a bunch of features are missing. However, its now at the stage where it can be demoed and evaluated. I think the best way to introduce it is via a video: (original theora file) [vimeo width=â€763″ height=â€512″]http://vimeo.com/17132064[/vimeo]
ã¾ã ã¾ã é–“ã«åˆã†Canvasã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å…¥é–€ï¼ˆã¾ã¨ã‚ã¨å®Ÿè·µï¼‰ :: 5509
JavaScript Advent Calendar 2010ã‚‚22日目ï¼ã‚ã¨3æ—¥ã§ã™ã‚ˆã€‚僕ã¯ã¡ã‚‡ã†ã©å¦ã‚“ã ã°ã‹ã‚Šã®Canvasをアウトプットもã‹ãã¦ã€ã¾ã¨ã‚ã¨å®Ÿè·µã‚’書ã„ã¦ã¿ã¾ã™ã€‚知るã“ã¨ã¨è¡Œã†ã“ã¨ã¯åŒä¸€ã§ã‚ã‚‹ã€æœ€è¿‘è¡Œã£ãŸã‚»ãƒŸãƒŠãƒ¼ã§ã‚‚言ã£ã¦ã¾ã—ãŸã€‚ jsdo.itã«ã¯ã»ã‚“ã¾ã«ã“ã‚ŒCanvasãªã‚“？ãªã‚µãƒ³ãƒ—ルã„ã£ã±ã„ã‚ã‚Šã¾ã™ã。ã‚ーã„ã†ã®æ›¸ã‘るよã†ã«ãªã‚ŠãŸã„ãªãã¨ã‹æ€ã„ã¤ã¤ã€jQueryã°ã£ã‹ã‚Šã•ã‚ã£ã¦ãŸåƒ•ã¯.animate()メソッドã®ä¾¿åˆ©ã•ã«å–り憑ã‹ã‚Œã¦ã„ãŸã®ã§ã€Canvasã®çµµã‚‚ã¾ã 上下左å³ã§å‹•ã‹ã™ãらã„ã—ã‹ã§ãã¾ã›ã‚“。慣れãŒå¿…è¦ã§ã™ã€‚。 ã©ã†ã§ã‚‚ã„ã„æƒ…å ±ã¨ã—ã¦Canvasã®èªã¿æ–¹ãªã‚“ã§ã™ã‘ã©ã€ã€Œã‚ャンãƒã‚¹ã€ã˜ã‚ƒãªãã¦ã€Œã‚«ãƒ³ãƒã‚¹ã€ãŒæ£ã—ã„よã†ã§ã™ã€‚ã‚ャンãƒã‚¹ãƒ»ã‚«ãƒ³ãƒã‚¹ã©ã£ã¡ã§ã‚‚よã•ã’。僕ã¯ã‚ャンãƒã‚¹ã£ã¦èªã‚“ã§ã¾ã—ãŸã€‚ã‘ã©ã‚«ãƒ³ãƒã‚¹ã«ã—ã¾ã™ã€‚ å‰ç½®ãã¯ã“ã‚Œãらã„ã«ã—ã¦ã€ä»Šå›žã¯æ¬¡ã®ã‚ˆã†ãªã‚«ãƒ©
Canvasã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ†ã‚¹ãƒˆã‚’作ã£ã¦é€Ÿåº¦ã‚’比較ã—ã¦ã¿ãŸ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
ã¯ã˜ã‚ã« Canvasã®ãƒ‘フォーマンスを測定ã™ã‚‹ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ãã“らä¸ã«è»¢ãŒã£ã¦ã„ã¾ã™ãŒã€ã»ã‚“ã®ä¸€éƒ¨åˆ†ã®æ¸¬å®šã ã£ãŸã‚Šã€é€†ã«ä¸èº«ãŒè¤‡é›‘éŽãŽãŸã‚Šã¨åƒ•ãŒå¸Œæœ›ã™ã‚‹ã‚ˆã†ãªã‚‚ã®ãŒè¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§ã€è‡ªåˆ†ã§ä½œã£ã¦å„ブラウザã§æ¸¬å®šã—ã¦ã¿ã¾ã—ãŸã€‚ 測定ã—ãŸãƒ–ラウザã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ä»¥ä¸‹ã§ã™ã€‚ Chrome Firefox Safari Opera 9.0.570.1 dev 3.6.12 5.0.2 10.63 ベンãƒãƒžãƒ¼ã‚¯ 作æˆã—ãŸãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å˜ä½æ™‚é–“ã§æ画関数を何回繰り返ã—ã¦å®Ÿè¡Œã§ãã‚‹ã‹ã¨ã„ã†å˜ç´”ãªã‚‚ã®ã§ã™ã€‚実行ä¸ã«æç”»ã•ã‚Œã‚‹çµµã®ã„ãã¤ã‹ã‚’載ã›ã¦ãŠãã¾ã™ã€‚ hlinebezierfill_arcfill_starsimage_scaleradial_gradient 以下ã«å…¨æ¸¬å®šé …ç›®ã®æ¦‚è¦ã‚’記ã—ã¾ã™ã€‚ hline ã²ãŸã™ã‚‰æ°´å¹³æ–¹å‘ã®ç›´ç·šã‚’æãã¾ã™ã€‚ vline åž‚ç›´æ–¹å‘ã®ç›´ç·š lin
canvas ã® getImageDataãŒå°‘ã—ã‚ã‚“ã©ãã•ã„（特ã«ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã™å ´åˆï¼‰ - 地平線ã«è¡Œã
egg (JavaScript Effect Library)ã«ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¤ãƒ³ãƒ»ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¢ã‚¦ãƒˆã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ egg ã¨ã¯ï¼Ÿ HTML5 ã® canvas を使ã£ãŸç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ©ã‚¤ãƒ–ライブラリã§ã™ã€‚ ã¾ã æ•°ã¯å°‘ãªã„ã§ã™ãŒã€çµæ§‹ãã‚Œã„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ Firefox, Google Chrome ã‚’ã”利用ã®æ–¹ã¯ã€ãœã²ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。 Ver0.1.1ã®å¤‰åŒ–点 ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¤ãƒ³ãƒ»ãƒ¢ã‚¶ã‚¤ã‚¯ã‚¢ã‚¦ãƒˆã‚’è¿½åŠ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‚µãƒ³ãƒ—ル㯠ã“ã¡ã‚‰(egg (JavaScript Effect Library)) ã‹ã‚‰ã©ã†ãžï¼ ä»Šå›žè¿½åŠ ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã€åˆã‚㦠canvas ã® getImageDataを使ã„ã¾ã—ãŸã€‚ ピクセルå˜ä½ã§è‰²ã‚’扱ãˆã¦ä¾¿åˆ©ã‹ãªãƒ¼ã¨æ€ã£ãŸã‚“ã§ã™ãŒã€å°‘ã—扱ã„ãŒã‚ã‚“ã©ãã•ã‹ã£ãŸã§ã™ã€‚ 1．ピクセルデータã¯ã‚ャンãƒã‚¹ã‹ã‚‰ã—ã‹å–å¾—ã§ããªã„ ç”»åƒã‹ã‚‰ç›´æŽ¥ getIm
HTML5 Canvasã®ãƒ–ラウザã«ã‚ˆã£ã¦ç•°ãªã‚‹å¾®å¦™ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
ã¯ã˜ã‚ã« Canvasã¯HTML5ã¨ã¯åˆ‡ã‚Šé›¢ã•ã‚ŒãŸç‹¬ç«‹ã—ãŸä»•æ§˜(HTML Canvas 2D Context)ã«ãªã£ã¦ã„るよã†ã§ã™ãŒã€ç¾çŠ¶ã®ãƒ–ラウザ上ã§ã®Canvasã®ã«ã¤ã„ã¦ã€æ™®æ®µã¯ã‚ã¾ã‚Šæ°—ã«ã—ãªã„微妙ãªæŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦èª¿ã¹ãŸçµæžœã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 調ã¹ãŸãƒ–ラウザã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 ç·šã‚’æã (lineTo) ãŸã ã®ç›´ç·šã‚’æãã ã‘ã®lineToã§ã™ãŒã€ãã®å˜ç´”ãªã‚‚ã®ã«ã‚‚ã€æらãã€å¤šãã®äººãŒæ™®æ®µã¯æ°—ã«ã—ãªã„よã†ãªå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯åº§æ¨™å€¤ã¨ã‚¢ãƒ³ãƒã‚¨ãƒªã‚¢ã‚¹ã§ã™ã€‚詳ã—ã見るå‰ã«ã€å®Ÿéš›ã®çµæžœã‚’示ã—ã¾ã—ょã†ã€‚下記ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ä¸ã«æã‹ã‚Œã¦ã„ã‚‹ç·šã¯ã€ã„ãšã‚Œã‚‚ç·šå¹…(lineWidth)ãŒ1ã®ç·šã§ã™ã€‚ (å·¦ã‹ã‚‰ã€Firefox, Chrome, Safari, Opera
canvasを使ã£ã¦ã¿ã‚‹ï¼ˆ2)ï¼›ã—ã‹ã‚‚立体 - 万象酔æ©
立体ã¨è¨€ã£ã¦ã‚‚canvasãŒå°†æ¥ç”¨æ„ã™ã‚‹ã§ã‚ã‚ã†3d-APIを使ã†ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 HTML5/canvasを使ã£ã¦ã¿ã‚‹ ã®ã‚µãƒ³ãƒ—ルãŒé¢ç™½å‘³ã«æ¬ ã‘ã‚‹ã®ã§ã€ä¸¦è¡Œæ³•ã«ã‚ˆã‚‹ç«‹ä½“ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ 立体視ã®ç·´ç¿’用ã®ç”»åƒã‚’ [立体視練習] ボタンã§å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ canvasã®è©¦é¨“ã¨ã„ã†æ„味ã§ã¯é€éŽåº¦æŒ‡å®šãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ IE9ã®äº’æ›è¡¨ç¤ºãƒ¢ãƒ¼ãƒ‰([ツール]-[互æ›è¡¨ç¤º])ã§ã¯ã‚³ã‚³ãƒã‚°ã®ç”»é¢å†…ã«canvasを表示ã§ãã¾ã›ã‚“。 次ã®ãƒªãƒ³ã‚¯ã§åˆ¥çª“ã«canvas動画を得るã“ã¨ãŒã§ãã¾ã™ã€‚ "../../../html/usecanvas2_sub.htm" ç”»åƒã¯ã€ ç’°ãŒè¿«ã£ã¦ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚迫る速度㯠近ã¥ãã«ã¤ã‚Œã¦è½ã¨ã—ã¦ã„ã¾ã™ã€‚計算をå˜ç´”ã«ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ ã‚ã‚Šã¾ã™ãŒã€å½“åˆã¾ã˜ã‚ã«ä½œã£ãŸã‚‰ã‹ãªã‚Šåœ§è¿«æ„ŸãŒ ã‚ã£ãŸã®ã§ã“ã®å½¢ã«ã—ã¾ã—ãŸã€‚ ç·šã®å¹…を変ãˆã‚‹ãªã©ã®å‡¦ç½®ã‚‚å…¨ãè¡Œã£ã¦ã„ã¾ã›ã‚“。 ã“ã‚“
css3ã®text-shadowã ã‘ã§ãƒ¢ãƒŠãƒªã‚¶ã‚’æã„ã¦ã¿ãŸ - Cherenkovã®æš—ä¸æ¨¡ç´¢ã«ã£ã
ã¯ã„ーã€ã§ãã¾ã—ãŸãƒ¼ã€‚text-shadowã‚’1ピクセルã”ã¨é…ç½®ã—ã¦ãƒ¢ãƒŠãƒªã‚¶ã‚’表ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã„ãã¤ã‹ã€Œcssã ã‘ã§â—¯â—¯ã€ã‚’見ã¦ãã¾ã—ãŸãŒã‚ã‚“ãªã®ã¯ãƒãƒƒã‚¿ãƒªã§ã™ã€‚タグ使ã„ã¾ãã‚Šã§å…¨ç„¶cssã ã‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“。ã“ã®æ‰‹æ³•ã‚’使ãˆã°ãƒ†ã‚ストã¨cssãŒã‚ã‚Œã°å†ç¾ã§ãã¾ã™ï¼ ジェãƒãƒ¬ãƒ¼ã‚¿ã‚‚作ã£ãŸã®ã§ã€ã‚ˆã‹ã£ãŸã‚‰éŠã‚“ã§ã¿ã¦ãã ã•ã„。windowsã®Chrome6 devã¨Firefox3.6.6ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ãŒã€Chromeã¯text-shadowã®æç”»ãŒé…ã„ã®ã§ã€Firefox推奨ã§ã™ã€‚ Mona Lisa de text-shadow (CSS) - gallery 注æ„: Firebugãªã©ã§cssを見るã¨å¿œç”ãªã—ã«ãªã£ãŸã‚Šå ´åˆã«ã‚ˆã£ã¦ã¯ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã™ã‚‹ã®ã§ã—ã£ã‹ã‚Šã¨æº–å‚™ã—ã¦è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ モナリザã®åŽŸç† text-shadowã¯ãƒ†ã‚ストã®å½±ã‚’演出ã™ã‚‹ã‚‚ã®ã§ã™ã€‚構文ã¯ä»¥ä¸‹ã®
HTML5 Canvas Cheat Sheet
Canvas element Attributes Name Type Default
A JavaScript implementation of the Content Aware Image Resizing algorithm | Pims Labs
In my previous post, Firefox Native Content Aware Image Resizing, I introduced a pure JavaScript implementation of the famous Content Aware Image Resizing algorithm also known as Liquid Rescale. I explained the idea and the possible future of this implementation. Since then, I have had some precious feedbacks from Paul Rouget and Tristan Nitot. They suggested to make the demo a little bit more int
JavaScriptã§3D - os0x.blog
id:wanparkã•ã‚“ãŒ(3å¹´å‰ã«)書ã‹ã‚ŒãŸchannel3ã¨ã„ã†Flash用3DグラフィックライブラリをJavaScriptã«ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã—ã¦ã¿ã¾ã—ãŸã€‚IEã¯æœªå¯¾å¿œã§ã™(ãŸã¶ã‚“ãã®ã†ã¡)。 channel3JS - ss-o.net ã“ã®å‰ã®Canvasã§Dot3DãŒçµæ§‹ä½™è£•ã ã£ãŸã®ã§ã€ã‚‚ã†ã¡ã‚‡ã£ã¨æœ¬æ ¼çš„ãª(ã ã‘ã©ãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦å¤§ãã™ãŽãªã„よã†ãª)ã®ã‚’ãƒãƒ¼ãƒˆã—ãŸããªã£ãŸã¨ã“ã‚ã«channel3ã®ã“ã¨ã‚’æ€ã„出ã—ã¦ã€çªè²«ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸ(コメントアウトã„ã£ã±ã„ã§ã‚½ãƒ¼ã‚¹ã¯ç¶ºéº—ã˜ã‚ƒãªã„ã§ã™)。 SVGã¨Canvas両対応ã§ã™ã€‚ãªãœã‹ã¨ã„ã†ã¨ãƒ‘フォーマンスを比ã¹ãŸã‹ã£ãŸ(SVGã®ã»ã†ãŒè‰¯ã„)ã®ã¨ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚„ã‚‹ã«ã¯CanvasãŒå¿…è¦ã«ãªã‚Šãã†ã ã‹ã‚‰ã€‚ 実ã¯SVGã»ã¼åˆã‚ã¦è§¦ã£ãŸã‚“ã§ã™ãŒã€é¢ç™½ã„ã®ã§å¾Œã§ã¾ã¨ã‚よã†ã¨æ€ã„ã¾ã™ã€‚ ソース㯠os0x / channel3JS / source — B
face.com ã®é¡”èªè˜ API + canvas 㧠Google ç”»åƒæ¤œç´¢ã«è½æ›¸ãã™ã‚‹ - P A R A G R A P H S
タイトルã®é€šã‚Šãªã‚“ã ã‘ã©ã€face.com ã® API 㨠canvas を使ã£ãŸ Greasemonkey スクリプトを作ã£ã¦ã¿ãŸã€‚ ç”»åƒå‡¦ç†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå…¨ç„¶ã§ããªã„ã®ã§è½æ›¸ãã™ã‚‹éƒ¨åˆ†ãŒã‹ãªã‚Šãƒãƒ¼ãƒ—ãªã‚“ã ã‘ã©ã€face.com ã® API ã¯ã™ã limit ãŒæ¥ã‚‹ã—ã€ã‚ã‚“ã¾ã‚Šå®Ÿç”¨çš„ã˜ã‚ƒãªãã¦ã‚²ãƒ³ãƒŠãƒªã™ã‚‹ã®ã§ã€ã¨ã‚Šã‚ãˆãšä»Šã¾ã§ä½œã£ãŸã¨ã“ã‚を公開ã—ã¦ãŠãã¾ã™ã€‚ http://gist.github.com/398671 (インストール) 別途 http://face.com ã«ç™»éŒ²ã—㦠API KEY 㨠API SECRET ã‚’å–å¾—ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚インストールã—ã¦æœ€åˆã« Google ç”»åƒæ¤œç´¢ã®ãƒšãƒ¼ã‚¸ã‚’é–‹ãã¨ä¸Šè¨˜ 2 ã¤ã®ã‚ーをèžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ limit ãŒã™ãæ¥ã‚‹ã®ã§ä¸€å¿œé¡”èªè˜æƒ…å ±ã¯ã‚ャッシュã—ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ—トコマンド "gis rakugaki - cl
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
Andrew Wang-Hoyer
SVG + CSS Animations During my funemployment between Inkling and Dropbox I started playing around with animating SVGs. This lead to building out over 200 animations off and on over 2 years. SVG CSS 11ty Open Source Feb 2020 Restyling The Game of Buttholes At the beginning of May 2019 I was looking at gagh.biz/game and thought it could use a little more Star Trek flare. CSS Django Open Source May 2
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Canvas Rider
Loading...
{{#tags}}- {{label}}
{{/tags}}