hardwareAcceleratedã¨HTMLCanvasã®ä¸éƒ½åˆãªé–¢ä¿‚ - QiitaOS 4.1以é™ã®Androidã§ã€hardwareAcceleratedãŒæœ‰åŠ¹æ™‚ã«HTMLCanvasãŒï¼’é‡åŒ–ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ä¸å…·åˆã€‚ OS 4.2.0以å‰ã«æœ‰åŠ¹ãªå¯¾ç–（hardwareAcceleratedを無効化）
GPUアクセラレーションã¨position: relativeã«ã‚ˆã‚‹ãƒ¬ã‚¤ãƒ¤ãƒ¼ç”Ÿæˆã«ã¤ã„ã¦
ã¾ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³... ボタンãªã©ã®UIã«GPUアクセラレーションãŒåŠ¹ã„ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ãŸã¨ãã€iOSã«ãŠã„ã¦ã¯iPhone4ã‹4Sã®WebViewã‚ãŸã‚Šã€Androidã«ãŠã„ã¦ã¯â€¦.ã¾ã機種ä¾å˜çš„(ã’ã‚“ãªã‚Š)ã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç«‹ã¡ä¸ŠãŒã‚ŠãŒé…ã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã®è¾ºã‚’調査ã—ã¦ã„ãŸã¨ã“ã‚ã€position: relativeã®æŒ‡å®šã«ã‚ˆã‚‹ã€æ„図ã—ãªã„レイヤー生æˆï¼†GPUアクセラレーション巻ãè¾¼ã¿ã«ã‚ˆã£ã¦ã€ä½•ã‹ã—らåˆæˆãƒ¬ã‚¤ãƒ¤ãƒ¼å‘¨ã‚Šã§ã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ãŒç™ºç”Ÿã—ã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚“ã§ã¯ãªã„ã‹ãªã€ã¨ã„ã†æ†¶æ¸¬ã«è¡Œãç€ã„ãŸæ¬¡ç¬¬ã€‚今回ã¯ãã®è¾ºã‚Šã‚’見ã¦ã„ãã¾ã™ã€‚ GPUアクセラレーションãŒåŠ¹ã„ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€CSS Animationsã€CSS Transitionsã®ã»ã‹ã€ç‰¹æ®Šãªãƒ—ãƒãƒ‘ティ（transform3d: scale(1,1)ã¨ã‹ï¼‰ã§å¼·åˆ¶çš„ã«GPUアクセラレーションを効ã‹ã›ãŸCanvasã‚¢
æç”»ã¨ã‹GPUアクセラレーションã®æ€ª (モãƒã‚¤ãƒ«ç·¨)
何ã‹ã¨ä¸é€æ˜Žãªã‚ãŸã‚Š æ°—ãŒã¤ã‘ã°ä¸€ãƒ¶æœˆã»ã©ãƒ–ãƒã‚°ã‚’æ›´æ–°ã—ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚リãƒãƒ“リ記事ã§ã™ã€‚ 今回ã¯ã€GPUを効ã‹ã›ã‚‹ == ãã‚Œã«é–¢é€£ã™ã‚‹ãƒ—ãƒãƒ‘ティ（ãŸã ã—OSã‚„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ä½•ãŒãƒˆãƒªã‚¬ã‹ã¯åŽ³å¯†ã«ç•°ãªã‚‹ï¼‰ã‚’é©ç”¨ã—ãŸã‚‰æŒ™å‹•ãŒæ”¹å–„ã—ãŸã€ã¨ã„ã†ã‚ˆã†ãªãƒŽãƒªã®ä½“験TIPSをゆるãã¾ã¨ã‚ã¾ã—ãŸã€‚ ã“ã®ã‚ãŸã‚Šã®æŒ¯ã‚‹èˆžã„ã«ã¤ã„ã¦ã¯ã€æ画パフォーマンスã®å•é¡Œã¨ã—ã¦ã€ãã‚Œãªã‚Šã«æ˜Žã‚‰ã‹ã«ãªã£ã¦ãã¦ã„るよã†ã«æ€ã„ã¾ã™ã€‚WebKitã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã«ã¯ã˜ã¾ã‚Šã€GPU命令ã®ã‚µãƒãƒ¼ãƒˆãŒå—ã‘られるã®ã¯ã©ã‚“ãªæ“作ã ã¨ã‹ã€GPUã¸å‡¦ç†ãŒé ã‘られるレイヤーã®ç”ŸæˆãŒã©ãƒ¼ã¨ã‹ã€æœ€è¿‘よã見èžãã—ã¾ã™ã€‚ 自分ãŒæ¥å‹™ã§æ‰±ã£ã¦ã„るスマートフォンå‘ã‘ã®Webサービスã§ã¯ã€ã“ã®ã‚ˆã†ãªæ画パフォーマンスã®å•é¡Œã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ‘フォーマンスã¨åˆã‚ã›ã¦éžå¸¸ã«ã‚¯ãƒªãƒ†ã‚£ã‚«ãƒ«ã§ã™ã€‚ã“ã®è¾ºã‚Šã«ã¤ã„ã¦ã®ãƒã‚¸ã‚«ãƒ«ãªã¾ã¨ã‚ã¯ã€æŸæ°ãŒè¿‘æ—¥ä¸ã«ã¾ã¨ã‚るらã—
iPadã€GPUã€ãƒ†ã‚ストã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€ãƒãƒ©ã¤ã - ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
JavaScriptios-gpu iPadã§ä¸Šã®ãƒšãƒ¼ã‚¸ã‚’見るã¨ã€å„Oã®å—ãŒç•°ãªã£ã¦è¦‹ãˆã‚‹ã€‚3dã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€scale3d(1, 1, 1)ã¨translate3d(0, 0, 0)ã§åŠ¹æžœã‚’ç„¡ãã—ã¦ã‚‹ã€‚ã¡ã‚‡ã£ã¨æ»‘らã‹ã§ã€ç´°ã見ãˆã‚‹ã€‚ ç”»é¢å†…ã®GPUã§æç”»ã—ã¦ã„る特定ã®è¦ç´ ã«å¤‰æ›´ã‚’åŠ ãˆã‚‹ã¨ã€å…¨ãç•°ãªã‚‹ä½ç½®ã«ã‚ã‚‹GPUを使ã£ã¦ã„ãªãã¦z-indexã®ä½Žã„è¦ç´ (具体的ã«ã¯ç”»é¢ä¸Šéƒ¨ã®ãƒ„ールãƒãƒ¼)ãŒãƒãƒ©ã¤ãã¨ã„ã†ç¾è±¡ãŒå‡ºãŸã€‚translate3d(0, 0, 0)ã‚’è¨å®šã—ã€ãã¡ã‚‰ã‚‚GPUæç”»ã«åˆ‡ã‚Šæ›¿ãˆã¦å›žé¿ã—ãŸã€‚ GPUã¯åˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ãã«ãƒãƒ©ã¤ããŒç™ºç”Ÿã—ãŸã‚Šã€1万ピクセル四方以上ã‚ãŸã‚Šã®è¦ç´ ã§æç”»ãŒåˆ‡ã‚ŒãŸã‚Šã€é€šå¸¸ã¨ã¯é•ã†æŒ™å‹•ãŒã„ã‚ã„ã‚ã‚る。
Androidã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãƒãƒžã£ãŸã®ã§å¯¾å¿œç–を書ã„ã¦ã¿ã‚‹
Ememo This is a tumblelog, kinda like a blog but with short-form, mixed-media posts with stuff I like. Scroll down a bit to start reading, or a bit more to read more about me. ã¾ã大ã—ãŸã“ã¨ã¯ã—ã¦ã„ãªã„ã®ã ã‘ã©ã€‚ * { -webkit-backface-visibility: hidden; }ã‚’è¿½åŠ ã—ãŸã ã‘。 Androidã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‘¨ã‚ŠãŒå¼±ãã€CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã‚‚ã‚ã¾ã‚Šç¶ºéº—ã«ã¯å‹•ãã¾ã›ã‚“。ã§ã‚‚ゲームã®ã‚ˆã†ãªã‚‚ã®ã ã¨ã‚„ã£ã±ã‚Šç¶ºéº—ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãŸã„。ã§ã‚‚・・ã¨ã„ã†ã‚¸ãƒ¬ãƒ³ãƒžã€‚ ãã“ã§ä»Šå›žã®æ‰‹æ³•ã‚’使ã†ã¨ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‘¨ã‚ŠãŒæ”¹å–„ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€ã¨ã„ã†ãƒ¡ãƒ¢ã€‚ ã“ã®æ–¹æ³•ã¯ã€ã©ã“ã‹ã®ãƒã‚°ãƒªã‚¹ãƒˆã§æ›¸ã„ã¦ã‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}