[B! Sprite] yorozunaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yorozuna id:yorozuna

Spriteã«é–¢ã™ã‚‹yorozunaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§æ»‘ã‚‰ã‹ãªãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’CSSã¨JSã§å®Ÿè£…ã™ã‚‹æ–¹æ³•
Webã‚µã‚¤ãƒˆã‚’æ¥½ã—ãè¦‹ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚SVGç”»åƒã¨CSSã€JavaScriptã§æ»‘ã‚‰ã‹ãªå‹•ãã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã€æ³¨æ„ç‚¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã€ã€Œä»Šå›žã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã„ãŸã„ã‚“ã ã€‚ãã‚Œã„ã«å‹•ãã‚ˆã†ã«å®Ÿè£…ã—ã¦ã»ã—ã„ã€ã¨è¨€ã‚ã‚ŒãŸã‚‰ã©ã†ã—ã¾ã™ã‹ï¼Ÿ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã‚’å•ã‚ãšã€ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§æ»‘ã‚‰ã‹ã«å‹•ãã€ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã€HTMLã€CSSã€JavaScriptã‚’ä½¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æ”¹å–„ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¨ã£ã¦æœ€å–„ã®çµæžœã‚’é”æˆã—ã¾ã—ã‚‡ã†ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ï¼Ÿ ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã®Adobeã«ã‚ˆã‚‹å®šç¾©ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ ã™ã¹ã¦ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã§ã‚¹ãƒ†ãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒ
yorozuna 2017/10/18
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

SVG

performance

ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ

Sprite

animation

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç¬¬12å›žã€€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ãã‚‹ | gihyo.jp
ä»Šå›žã®ãŠé¡Œã§ã¯ã€æ¬¡ã®ã‚ˆã†ãªJavaScriptã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã€‚æƒ…å ±ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆdataï¼‰ã®imagesãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¯ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã®ãƒ‘ã‚¹ï¼ˆfileï¼‰ã²ã¨ã¤ã‚’é…åˆ—ã«ç´ã‚ã¦ä¸ŽãˆãŸã€‚framesãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¯ã€Objectã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã§å¹…ã¨é«˜ã•ã€ãŠã‚ˆã³åŸºæº–ç‚¹ã®åº§æ¨™ã‚’å®šã‚ãŸã€‚ {width:å¹…, height:é«˜ã•, regX:æ°´å¹³åŸºæº–ç‚¹, regY:åž‚ç›´åŸºæº–ç‚¹} animationsãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä¸èº«ã«ã¤ã„ã¦ã¯ã€ã“ã®å¾Œèª¬æ˜Žã™ã‚‹ã€‚ã“ã†ã—ã¦è¨å®šã—ãŸæƒ…å ±ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒSpriteSheet()ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã«æ¸¡ã•ã‚Œã€ã§ãã‚ãŒã£ãŸSpriteSheetã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆmySpriteSheetï¼‰ã¯ã€ã•ã‚‰ã«Bit map Animation()ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã®å¼•æ•°ã«ã—ã¦ã€Bit map Animationã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆmySpriteï¼‰ãŒã¤ãã‚‰ã‚Œã¦ã„ã‚‹ã€‚ var data = {}; data.images =
yorozuna 2014/12/15
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

HTML5

Canvas

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

webdesign

webåˆ¶ä½œ

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

tutorial

Animation

Sprite
ãƒªãƒ³ã‚¯
Home
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yorozuna 2014/12/15
Sprite

ã‚²ãƒ¼ãƒ

Unity

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

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

2D

tutorial

game

programming

Animation
ãƒªãƒ³ã‚¯
è‡ªç¤¾ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ¶ä½œã«ã¤ã„ã¦å°‘ã—ã ã‘ã€‚ | ã‚³ã‚³ãƒŽãƒ±ãƒ–ãƒã‚°
COCONOE inc. ADDRESS : 1613-5, SHIMPO, MINAMI-KU OKAYAMA-SHI, OKAYAMA, 700-0945 JPN TELEPHONE : 086-243-6614 ãŠçŸ¥ã‚‰ã› æŽ²è¼‰å®Ÿä¾‹ å¨¯æ¥½ Flash BOX2D Papervision3D Progression è¬›æ¼” google map API å²¡å±± è¬›åº§ ã‚¢ãƒ¯ãƒ¼ãƒ‰ å‡ºå¼µ æ—…è¡Œ åˆ¶ä½œå®Ÿç¸¾ ãŸã‚ã”ã¨ é£Ÿã¹ç‰© å¤©ç«ºåŠ å“©åŽ¨æˆ¿ å‹‰å¼· é–‹ç™º ã”æŒ¨æ‹¶ ã‚µã‚¤ãƒˆé‹å–¶ 3Dãƒ—ãƒªãƒ³ã‚¿ é£Ÿã¹ã‚‚ã® æŽ¡ç”¨æƒ…å ± JavaScript anyscan å±•ç¤º SXSW2015 away3D
yorozuna 2014/06/02
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

flash

TIPS

js

animation

webdesign

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

webåˆ¶ä½œ

JavaScript

Sprite
ãƒªãƒ³ã‚¯
ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆè»½é‡åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯(JPEGåˆ†å‰² vs æ¸›è‰²) - OPTPiX Labs Blog
é–‹ç™ºéƒ¨ã®å±±å´Žã§ã™ã€‚ä»Šå›žã¯ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã‚’è»½æ¸›ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ Adobe Flash CS6ã«ã¯ã€Œã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã€ã‚’å‡ºåŠ›ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½¿ã†ã¨ã€Flash Playerã‚’ä½¿ã‚ãšã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãƒ‘ãƒ©ãƒ‘ãƒ©ãƒžãƒ³ã‚¬æ–¹å¼ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç¾åœ¨ä¸»æµã®ãƒ–ãƒ©ã‚¦ã‚¶(IE9ã‚’é™¤ã)ã§ã‚ã‚Œã°ã€CSSã‚„JavaScriptã‚’ä½¿ã£ã¦å®¹æ˜“ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æœ€è¿‘ã¯ã€Flashã«å¯¾å¿œã—ã¦ã„ãªã„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§Webã‚’é–²è¦§ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã‚’è»½æ¸›ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ã¾ã™ã€‚ ã¡ãªã¿ã«ã€å¼Šç¤¾è£½å“ã®ã€ŒOPTPiX SpriteStudioã€ã¨ã€ŒOPTPiX imÃ©staã€ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ã“ã¨ã‚‚å¯èƒ½
yorozuna 2013/10/16
png

adobe

flash

webåˆ¶ä½œ

ç”»åƒ

ç”»åƒåŠ å·¥

ç”»åƒå‡¦ç†

image

Sprite
ãƒªãƒ³ã‚¯
1