タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
てんかんを抱える人々を標的とした、点滅するアニメーションを使ったサイバー攻撃を防止するために、Twitter社は対策を講じました。その有効性は？ 11月は、米国のNational Epilepsy Awareness Month（てんかん月間）です。昨年11月は、てんかんに対する認知がまさに広がりを見せましたが、その要因となったのは恥ずべきサイバー攻撃でした。てんかん発作を誘発するような、光が点滅するアニメーション画像が、米国てんかん財団のアカウントをタグ付けした上でTwitterに複数投稿されたのでした。 攻撃の全容 てんかんは神経障害の一種で、発作が繰り返し発生するという特徴があります。てんかんが原因で、毎年10万人を超える人々が亡くなっています。よく知られるのは、ちらちらと点滅する光がきっかけとなって発作が起きる「光過敏性てんかん」ですが、Twitter上で見られたこの攻撃は、光過敏
複数枚の画像や動画をドラッグ&ドロップするだけでSlackやGitHubに投稿可能なAPNGやアニメーションGIFを作成してくれるMac用アプリ「A frames」がリリース。
複数枚の画像や動画をドラッグ&ドロップするだけでSlackやGitHubに投稿可能なAPNGやアニメーションGIFを作成してくれるMac用アプリ「A frames」がリリースされています。詳細は以下から。 A frames(Animated Image Creator)はPhotoプロテクターアプリなどを開発しているTomoya Onishiさんが新たに開発＆公開したAPNG/アニメーションGIF作成アプリで、複数枚の画像か動画ファイルをドラッグ&ドロップするだけでアニメーション画像を生成してくれる機能があります。 A framesはAPNGやGIF作成のための軽量でシンプルなツールです。 APNGかGIFを選択し、複数枚の画像か、動画ファイルをドラッグ＆ドロップすると目的のアニメーション画像が生成されます。SlackやGitHubに投稿すると便利です。 A frames – Mac Ap
by Sara Kurfeß Twitterが同プラットフォーム上で使用可能だった動画フォーマットのひとつであるAPNG形式のファイルの利用を禁止しました。その理由は、APNGがてんかん患者の発作を引き起こしたという報告があったためです。 Twitter bans APNGs after attack on Epilepsy Foundation handle - The Verge https://www.theverge.com/2019/12/23/21035855/twitter-bans-apngs-trolls-seizures-epilepsy-foundation-attack 2019年12月16日、何者かがてんかん財団の公式Twitterアカウントに対するツイートやてんかん財団関連のハッシュタグ付きのツイートにAPNGファイルを添付し、てんかん患者の光過敏性発作を引き起
APNGでイラストやアイコンを動かそう！～AdobeAnimateの使い方～ 更新日：2024/08/15 イラストや写真を動かして、Webサイトで見られるアニメーションといえばGIFアニメーションですよね。 ですが、近頃GIFアニメーションに代わる新しいAPNGという形式が現れました！ 今回はこのAPNGについてと簡単にアニメーションを作成の過程をご紹介したいと思います。 APNGとはAPNGとはアニメーションPNG、エーピングと読みます。 簡単に言うとアニメーションするPNG画像のことです。 実は、APNGは2004年に作成されたので以前から存在しておりましたが、作成から3年後、公式から仕様に含めないとされていたり、Webブラウザで対応しているのがFirefoxだけだったり…と近頃まで日の目を見なかったものでもあります。不憫。 現在はほかのWebブラウザでも対応できるものが増えてきて、
Photoshopのタイムライン機能を使ってアニメーションを作成し、APNGやWebPアニメーションとして書き出す方法についてご紹介します。 #朝までフォトショ 私のセッションでは、Photoshopのタイムライン機能と、APNGやWebPアニメーションとして書き出す方法についてご紹介します✨ pic.twitter.com/ZMgH0bAJyY — Eri Matsushita 松下 絵梨 (@matsu_eri) June 22, 2023 タイムラインパネル「m_logo.psd」をPhotoshopで開き、メニューバーの「ウィンドウ」から「タイムライン」をクリックして、タイムラインパネルを表示します。 下向き矢印をクリックし、プルダウンメニューから「ビデオタイムラインを作成」を選択します。 矢印の左側にある「ビデオタイムラインを作成」ボタンをクリックします。 レイヤーごとに、タイム
UIデザイナーのNOEです。 先日、お仕事でアプリのローディングアニメーションを作成したのですが、 当初予定していた 、 GIFの書き出しを、するとグラデーションがきれいに表現できず…😂 (※サムネイルはイメージです！) 悩んでいたところ、 ふと APNGというPNGの連番ファイル形式の存在 を思い出し、 エンジニアさんに協力いただいて、 なんとか理想通りのアニメーションの実装が可能になりました！✨ 今回はそんな、 ・GIFだと汚くなってしまう ・JSONで表現できないデザインになってしまった という時に、アニメーションを ✨APNGとwebPで綺麗なアニメーションを実装しよう！✨ ということで、フローを一通りご紹介しようと思います！ 01.【解説】APNGとwebPって？簡単に言うと、APNGとWebPとは、 それぞれ ・🍎Mac/iOS ▶︎ APNG ・💻Windous/An
Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
Chromeの対応で活用の幅が広がりそうなアニメーション画像「APNG」についてまとめてみました - OPTPiX Labs Blog
ウェブ担当の嶋です。 先日Google ChromeやOperaがAPNG（アニメーションPNG）に対応しました。ブラウザでアニメーション画像を表示する場合、アニメーションGIFやmp4などの動画ファイル、そしてHTML5を利用したアニメーションなどが選択肢にあがりますが、これに一つフォーマットが追加されたということになります。 なぜ今APNGなのか。そしてアニメーション画像としてAPNGを使うメリットはどこにあるのか、ちょっとまとめてみました。 ※ 本エントリーではAPNG画像を使用しています。対応していないブラウザ（Internet Explorer等）で見た場合はアニメーションしない静止画として表示されますのであらかじめご了承下さい。また、本エントリーの情報は2017年7月現在の情報です。 そもそもAPNGとは何か APNG(Animated Portable Network Gra
See the Pen 9-2 PNGアニメーション（APNG） by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」内の表示を確かめてね！ 動きを実現する仕組み 仕組み ⇒ 1枚の動く画像 長所 ⇒ 透過が利用可能。GIFに比べて画質がきれい。オンラインジェネレーターなどの制作ツールで比較的簡単に制作できる。 短所 ⇒ IE,Edgeには非対応。※apng-canvas.jsで疑似的な対応は可能 オンラインサービス「Ezgif.com（https://ezgif.com）」を利用して制作。 パラパラ漫画のようにコマ送りで複数の画像を組み合わせてPNG形式のアニメーション画像をつくる。 作り方 ① 動かすコマを、画像制作ソフトを使ってコマ数分作る。 カンバスサイズは全てのコマで同じサイズにし、画像を少しずつ動かしてコマ数分を制作。 サンプル
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter社、APNGを禁止：てんかんを抱える人を標的としたサイバー攻撃の再発防止として
Twitterが動画ファイル形式「APNG」のサポートを停止、てんかん患者の発作を引き起こすため
TwitterにアニメーションPNGを投稿できたのは不具合だった ～修正され非サポートに／APNGを表示するとアプリやデバイスのパフォーマンス低下を引き起こす可能性
APNGでイラストやアイコンを動かそう！～AdobeAnimateの使い方～ | 東京のホームページ制作 / WEB制作会社 BRISK
PhotoshopでAPNGやWebPアニメーションを作ろう｜松下 絵梨
GIFでもJSONでもダメ…それならAPNGとwebPで綺麗なアニメーションを実装しよう！｜NOE
PNGアニメーション（APNG） | 動くWebデザインアイディア帳
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp