Animation EncoderはPNG画像を結合させてアニメーションPNGを実現させてしまうソフトウェアです。 何らかの説明動画を表示するのにあたってIE6からiPadまで表示でき、かつ減色したりしないで表示するにはどうしたら良いだろうか。Animation Encoderが選んだのはPNGを結合して表示するという無茶な手法だ。 画像の一覧です。これらを結合します。 仕組みとしてはまずスクリーンショットを撮影し、それをミリ秒のタイムスタンプを付けて保存していく。そしてAnimation Encoderを使って複数のPNGを一つのファイルに結合させる。後はJavaScriptを使ってアニメーションさせるという仕組みだ。videoタグやFlashを使うことなく、サイズも大きくて奇麗なアニメーションが作れるようになる。 Animation EncoderはPython製、BSD Licens
タグ
- すべて
- 1 (16)
- 1on1 (14)
- 1password (10)
- 2 (18)
- 3 (11)
- 3d (22)
- 404 (7)
- AWSSummit (39)
- JS (9)
- Redshift (8)
- Ruby on Rails (7)
- Swift (12)
- accessibility (7)
- acl (11)
- actions (79)
- addon (12)
- admin (14)
- agile (39)
- ajax (14)
- akibaaws (8)
- alarm (8)
- alb (12)
- alexa (7)
- alfred (13)
- algorithm (9)
- alias (10)
- amazon (17)
- ami (12)
- amplify (12)
- analytics (52)
- android (80)
- animation (61)
- anti-pattern (10)
- apache (35)
- api (65)
- apigateway (12)
- app (149)
- apple (10)
- applescript (16)
- apps (37)
- architecture (8)
- atcoder (10)
- athena (8)
- au (10)
- audio (15)
- aurora (24)
- auth (12)
- authentication (9)
- autoscaling (17)
- aws (1169)
- azure (13)
- backbone.js (10)
- background (16)
- backup (32)
- baigie (10)
- batch (10)
- battery (9)
- bdd (9)
- benchmark (10)
- bestpractice (23)
- blog (12)
- boilerplate (8)
- book (69)
- bookmarklet (14)
- bootstrap (40)
- bot (16)
- browser (49)
- build (9)
- button (40)
- c (8)
- c++ (25)
- cache (27)
- cakephp (183)
- calendar (11)
- canvas (32)
- capistrano (15)
- cat (9)
- cdk (61)
- centos (27)
- certificate (11)
- certified (7)
- chart (18)
- chatbot (7)
- chatgpt (12)
- cheatsheet (7)
- check (14)
- chrome (88)
- ci (26)
- classmethod (41)
- cli (104)
- client (10)
- clipboard (10)
- cloud (27)
- cloudflare (28)
- cloudformation (74)
- cloudfront (51)
- cloudtrail (9)
- cloudwatch (48)
- cloudwatchlogs (15)
- cm_osaka (10)
- cmd (21)
- cmdevio2017 (13)
- cms (7)
- coc (31)
- code (11)
- codedeploy (8)
- codereview (27)
- coding (31)
- coffeescript (24)
- cognito (16)
- color (38)
- colorscheme (15)
- command (23)
- comment (10)
- commit (20)
- company (10)
- complement (7)
- completion (10)
- composer (13)
- compress (7)
- config (41)
- container (19)
- controltower (13)
- cookie (16)
- cooking (18)
- cookpad (22)
- copy (10)
- cost (49)
- cron (8)
- csp (7)
- css (288)
- css3 (197)
- csv (18)
- ctags (8)
- cui (44)
- curl (10)
- dashboard (13)
- data (10)
- database (11)
- date (9)
- db (12)
- debian (12)
- debug (24)
- delete (9)
- dena (18)
- deno (11)
- deploy (11)
- design (154)
- dev (9)
- develop (12)
- development (143)
- dictionary (15)
- diff (30)
- digdag (7)
- dmarc (9)
- dns (20)
- doc (7)
- dock (13)
- docker (120)
- document (40)
- dom (10)
- domain (8)
- dotfiles (7)
- download (11)
- drag&drop (7)
- dropbox (15)
- dynamodb (27)
- e2e (8)
- ec2 (81)
- ecs (40)
- editor (21)
- education (8)
- effect (37)
- efs (20)
- elasticache (9)
- elasticbeanstalk (14)
- elb (7)
- email (14)
- emoji (23)
- encoding (14)
- endpoint (9)
- engineer (14)
- english (27)
- error (19)
- escape (9)
- eslint (24)
- estimate (12)
- event (20)
- eventbridge (16)
- excel (21)
- exception (15)
- extension (43)
- facebook (23)
- fargate (13)
- favicon (10)
- file (10)
- filter (14)
- firebug (7)
- firefox (25)
- flash (13)
- fluentd (16)
- font (30)
- football (53)
- form (51)
- formatter (9)
- framework (62)
- free (7)
- frontend (10)
- fugitive (8)
- fullscreen (8)
- fzf (14)
- ga4 (9)
- game (24)
- gas (30)
- gcp (24)
- gem (9)
- generator (22)
- gerrit (7)
- gist (12)
- git (255)
- github (195)
- gitlab (46)
- gmail (9)
- go (7)
- golang (89)
- google (141)
- graph (26)
- grep (10)
- grid (10)
- growl (18)
- guardduty (11)
- gui (9)
- handson (16)
- hatena (36)
- heroku (14)
- highlight (12)
- history (7)
- homebrew (15)
- hook (14)
- howto (146)
- htm5 (31)
- html (69)
- html5 (163)
- http (18)
- https (12)
- hub (7)
- hudson (11)
- hugo (8)
- iOS (207)
- iOS 10 (33)
- iOS 11 (11)
- iOS 7 (8)
- iOS 8 (27)
- iam (43)
- ical (8)
- icloud (7)
- icon (52)
- ie (24)
- image (91)
- import (9)
- indent (7)
- instagram (10)
- install (16)
- ios6 (12)
- ipad (42)
- ipaddress (13)
- iphne (14)
- iphone (119)
- irssi (12)
- issue (7)
- itunes (12)
- japanese (14)
- jasmine (11)
- java (16)
- javascript (563)
- jawsug (9)
- jenkins (37)
- jest (16)
- jmeter (12)
- jq (12)
- jquery (465)
- jshint (7)
- json (25)
- kayac (10)
- keyboard (27)
- keymap (7)
- kinesis (7)
- kubernetes (10)
- lambda (95)
- laravel (19)
- law (20)
- layout (11)
- less (23)
- letsencrypt (9)
- library (12)
- license (9)
- line (8)
- link (13)
- lint (28)
- linux (43)
- lion (73)
- list (15)
- loading (9)
- localstack (10)
- log (44)
- lsp (25)
- m1 (14)
- mac (29)
- macbook (8)
- macos (121)
- mail (19)
- make (12)
- management (13)
- map (35)
- markdown (53)
- media (12)
- media_queries (18)
- meeting (9)
- memory (9)
- menu (23)
- message (11)
- microsoft (9)
- migration (11)
- mobile (90)
- mock (23)
- mod_rewrite (16)
- mongodb (14)
- monitor (16)
- mountain-lion (34)
- mozilla (10)
- music (17)
- mvc (12)
- mysql (66)
- neocomplcache (10)
- neovim (42)
- network (51)
- nextjs (11)
- nginx (23)
- node (59)
- node.js (35)
- nodejs (21)
- notification (24)
- npm (18)
- nuxtjs (8)
- oauth (30)
- objective-c (60)
- octopress (18)
- ogp (9)
- oop (8)
- openai (8)
- openid (16)
- organizations (21)
- orm (8)
- oss (19)
- osx (478)
- pages (8)
- password (26)
- paste (13)
- pdf (25)
- pear (10)
- performance (83)
- perl (85)
- photo (11)
- photoshop (11)
- php (372)
- phpunit (38)
- pinboard (8)
- player (8)
- plugin (209)
- policy (28)
- postfix (16)
- postgresql (38)
- prefix (8)
- presentation (14)
- prettier (14)
- print (8)
- profile (12)
- programing (13)
- programming (12)
- project (17)
- proxy (15)
- python (48)
- quicklook (16)
- quickrun (33)
- quicksight (10)
- rails (52)
- rds (27)
- react (17)
- redmine (49)
- ref (10)
- refactoring (16)
- reference (12)
- reinvent (139)
- remote (19)
- responsive (48)
- rest (10)
- rspec (10)
- ruby (121)
- rule (9)
- rust (16)
- s3 (86)
- safari (8)
- sam (18)
- sample (11)
- sass (21)
- scp (8)
- screen (48)
- screenshot (16)
- scroll (17)
- scrum (16)
- search (18)
- security (270)
- selenium (12)
- seo (70)
- server (28)
- serverless (38)
- service (36)
- ses (25)
- share (11)
- shell (56)
- shellscript (8)
- shortcut (9)
- sinatra (13)
- slack (52)
- slide (144)
- slider (12)
- smartphone (23)
- snippet (12)
- sns (29)
- sonicgarden (10)
- sort (11)
- sound (9)
- source (8)
- speed (10)
- sql (14)
- ssh (44)
- ssl (28)
- ssm (30)
- study (9)
- svg (10)
- synergy (9)
- syntax (19)
- table (20)
- tag (12)
- tdd (27)
- team (20)
- template (25)
- terminal (39)
- terraform (34)
- test (154)
- text (24)
- textlint (21)
- theme (29)
- tips (407)
- titanium (36)
- tmux (38)
- todo (15)
- tool (130)
- toread (75)
- tutorial (13)
- twitter (47)
- typescript (70)
- ui (34)
- unite (24)
- unittest (37)
- unix (8)
- update (15)
- upload (30)
- ux (12)
- version (17)
- video (20)
- vim (689)
- vimrc (12)
- vmware (35)
- vpc (16)
- vpn (8)
- vscode (47)
- vuejs (29)
- waf (16)
- web (81)
- webdesign (83)
- webkit (8)
- webservice (26)
- windows (79)
- wordpress (147)
- work (11)
- xcode (24)
- xss (10)
- yahoo (25)
- yaml (9)
- zabbix (8)
- zenn (8)
- zsh (67)
- あとで入れる (20)
- あとで嫁 (340)
- あとで嫁々 (9)
- あとで試す (640)
- あとで読む (10)
- まとめ (72)
- レポート (39)
- 小ネタ (27)
- 新機能 (32)
- 物欲 (198)
- aws (1169)
- vim (689)
- あとで試す (640)
- javascript (563)
- osx (478)
- jquery (465)
- tips (407)
- php (372)
- あとで嫁 (340)
- css (288)
animationとpythonに関するopparaのブックマーク (1)
-
oppara 2012/10/15
- png
- animation
- python
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx