[B! gif] shimpeiwsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shimpeiws id:shimpeiws

gifã«é–¢ã™ã‚‹shimpeiwsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

å‹•ç”»ã‹ã‚‰gifã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚‹Webã‚¢ãƒ—ãƒª Giraf ã‚’ä½œã‚Šã¾ã—ãŸ - ã¯ã‚‹ã•ã‚ã‚¹ãƒ¼ãƒ—
è¿½è¨˜(2015/12/7) Giraf ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ã‚’å…¬é–‹ã—ã¾ã—ãŸï¼Â æ–°ã—ããªã£ãŸGirafã‚‚ãœã²ã”åˆ©ç”¨ãã ã•ã„ï¼ ä»¥å‰rokugaã¨ã„ã†ã‚µã‚¤ãƒˆã‚’çŸ¥ã‚Šã€ã‚ã‚ŠãŒãŸãä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€ç´°ã‹ãªç·¨é›†ãŒã§ããªã„ãªã©ã®ä¸æº€ç‚¹ãŒå‡ºã¦ããŸã®ã§ã€2æœˆ24æ—¥ã‹ã‚‰26æ—¥ã¾ã§ã®OUCCã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åˆå®¿ã®é–“ã«ã€æ–°ã—ã„gifã‚¢ãƒ‹ãƒ¡ä½œæˆã‚µã‚¤ãƒˆ Giraf ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ä½¿ã„æ–¹ å‹•ç”»ã‚’é¸æŠžã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§å‹•ç”»ã¨ãã®å‰å¾Œ2ãƒ•ãƒ¬ãƒ¼ãƒ ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å§‹ç‚¹ã¨çµ‚ç‚¹ã‚’é¸æŠžã—ã¦ã€å‹•ç”»ã‹ã‚‰ä½œæˆã™ã‚‹gifã®ç¯„å›²ã‚’ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã«è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ ä½œæˆã‚’æŠ¼ã™ã¨ã€ãŠã‚‚ã‚€ã‚ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå§‹ã¾ã‚Šã€gifãŒä½œæˆã•ã‚Œã‚‹ã¨ä¸‹ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚å³ã‚¯ãƒªãƒƒã‚¯ã§ä¿å˜ã—ã¦ãã ã•ã„ã€‚ æ©Ÿèƒ½ è¨å®šãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã„ã‚ã„ã‚ã§ãã¾ã™ã€‚ ç”»åƒã‚’åˆ‡ã‚ŠæŠœã„ãŸã‚Šã€ åŠ¹æžœã‚’åŠ ãˆãŸã‚Šã§ãã¾ã™ã€‚ javascriptãŒæ›¸ã‘ã‚‹äººã¯è‡ªåˆ†ã§åŠ¹æžœã‚‚ä½œæˆã§ãã¾ã™ã€‚ã“ã‚Œã§tumbl
shimpeiws 2014/07/30
gif
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã€ãŠãŠã£ï¼ã¨æ€ã‚ã›ã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãª7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„ã£ï¼
ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã€ãŠãŠã£ï¼ã¨æ€ã‚ã›ã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’7ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Inspiration for article intro effects 7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸ã¯ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®ç”»åƒãŒæœ€åˆã«è¡¨ç¤ºã•ã‚Œã€ãã“ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒãŠãã¾ã™ã€‚æ´¾æ‰‹ã™ãŽãšã€ã‚»ãƒ³ã‚¹ã‚ã‚‹ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã°ã‹ã‚Šã§ã™ï¼ å„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚½ãƒ¼ã‚¹ã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã‹ã‚‰ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
shimpeiws 2014/05/28
javascript

gif

jquery
ãƒªãƒ³ã‚¯
â˜…WEBç”»åƒã«ã¤ã„ã¦
å±±ç”°å¤ªéƒŽã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚é–€å®¶ã§ã™ã€‚ç‰¹ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ¡ãƒ‡ã‚£ã‚¢ã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„æœ€å…ˆç«¯ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚è¤‡é›‘ãªå›³å½¢æç”»ã‚„ç”»åƒæ“ä½œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é™ç•Œã‚’è¿½æ±‚ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚çŸ¥è˜ã®å…±æœ‰ã«æƒ…ç†±ã‚’æŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…åºƒãæ”¯æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚„ãƒ–ãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
shimpeiws 2014/05/25
gif
ãƒªãƒ³ã‚¯
ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã‚’ä½œã‚‹ã‚µãƒ³ãƒ—ãƒ« - ã†ãªã®æ—¥è¨˜
RMagickã‚’ä½¿ã£ã¦ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã‚’ä½œã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚åŸºæœ¬çš„ãªæ‰‹é †ã¨ã—ã¦ã¯ Magick::ImageListã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’ä½œæˆ ImageListã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã¨ãªã‚‹ç”»åƒã‚’è¿½åŠ ã€‚ å¾Œã¯ã€ŒImageList.writeã€ã§ãƒªã‚¹ãƒˆã‚’gifå½¢å¼ã§ä¿å˜ã™ã‚Œã°ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã®å‡ºæ¥ä¸ŠãŒã‚Šã€‚ç°¡å˜! require 'rubygems' require 'RMagick' # å…ƒç”»åƒ imgs = Magick::Image.read("./user.jpg") img = imgs.first # ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒªã‚¹ãƒˆã‚’ä½œæˆ list = Magick::ImageList.new # ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å„ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¿½åŠ ã€‚ -10.upto(10) {|i| tmp = i != 0 ? img.motion_blur( 0, i*i, 0) : img list.push
shimpeiws 2014/05/25
rmagick

ruby

gif
ãƒªãƒ³ã‚¯
Generate animated gif with ruby + rmagick
shimpeiws 2014/05/24
ruby

gif
ãƒªãƒ³ã‚¯
http://www.gifgasm.me/art
shimpeiws 2014/05/10
tumblr

gif
ãƒªãƒ³ã‚¯
1