「Adobe Animate CC」を使ったスプライトシートの書き出し方とは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのトミーです。Netflixで『Better Call Saul』のシーズン２にハマってます。 さて、Adobe CCのバージョンアップで「Adobe Flash Professional CC」が「Adobe Animate CC」の正式に名称変更されました。flashという名称はなくなりましたが、アニメーションを作るとなるとやっぱり便利なソフトですよね。 今回は、Flash Professional CC（2015）からの機能でもあるスプライトシートの書き出しをご紹介したいと思います。 スプライトシート用のパブリッシュ スプライト画像作成までのフローはこんな感じです。 タイムラインでアニメーションを作成する 動きを確認する スプライトシートに書き出し これだけです。実に簡単ですね。 1. タイムラインでアニメーションを作成する まずは新規作成から ドキュメントサイ
Firefoxで「このプラグインは安全ではありません。更新してください。」と表示されたときの対処
Firefoxで「このプラグインは安全ではありません。更新してください。」と表示されたときの対処方法を紹介します。 １．問題点 FirefoxでFlashを使った広告などで「このプラグインは安全ではありません。更新してください。」と表示されます。 「更新を確認する」をクリックすると、該当すると思われる「Shockwave Flash」は「最新です」の表示になっています。 （クリックで拡大、以下同様） アドオン画面の「プラグイン」一覧では現在のバージョンが古いことを示しています。 「今すぐ更新する」をクリックしてみます。 が、「ユーザを保護するため Flash Player Plugin between ～ はブロックされています。」と表示されるだけで、更新方法が分かりません。 ２．対処方法 Adobe Flash Playerのページにアクセスして、「今すぐインストール」をクリック。 ダウ
Animate に読み込まれたビットマップ
Adobe Animate ユーザーガイド Animate の概要 Animate の新機能 ビジュアル用語集 Animate の必要システム構成 Animate キーボードショートカット Animate での複数のファイルタイプの取り扱い アニメーション Animate のアニメーションの基本 Animate でフレームとキーフレームを使用する方法 Animate でのフレームアニメーション Animate でのクラシックトゥイーンアニメーションの操作 ブラシツール モーションガイド モーショントゥイーンと ActionScript 3.0 モーショントゥイーンアニメーションについて モーショントゥイーンアニメーション モーショントゥイーンアニメーションの作成 プロパティキーフレームの使用 トゥイーンを使用した位置のアニメーション化 モーションエディターを使用したモーショントゥイーンの編
こんなサイトは作ってはいけない・・・Flash「馬鹿使い」編
今朝ほど発見したのに「６つのSEOを外注してはいけない場合」というブログのエントリがありまして、まんま自分が書こうとしていたエントリと内容が同じだったので、デジャブのようで驚いた。同じことを書いても意味ないのでこちらをFacebookページでも紹介しておきました。 Web担当者がいなかった会社が社外から担当者を引っ張ってきた当初、「まずはSEOしなくては･･･。」などと意味がわからないことをWebの担当者が言い出すケースもある。SEOの目標を明確にする必要がある。あるいはSEOをする必要がないこともあるので熟慮が必要だ。 まったくそのとおり。明確な目的意識がないとナニをやっても無駄。逆効果になることさえある。SEOに限らずサイト制作でも実社会でもみんな同じだ。 実は先日お問い合わせいただいた件で、これはちょっと書いておいた方がいいかな、と思ったことがあるので本日はそれに変更。路線はほぼ同じ
[AS3] 矢印キーでインスタンスを移動させる
投稿者：野中 文雄 | 投稿日：2011.08.27 | [AS 3][ActionScript][サンプル][野中ゼミ] MovieClipインスタンスを矢印キーで上下左右に動かす例のご紹介です(図001)。ただし、少しひねりを加えて、キーを押し続けたときに入力が繰返される速さではなく、フレームレートで進むようにします。 図001■MovieClipインスタンスを矢印キーで上下左右に動かす お題はFLASH-japanの「fpsに同期したmcの移動」で上がったものです。もっとも、この回答ではつくりを単純にするために、乱暴なスクリプトになっています。そこを少し整えて、簡単な説明を加えます。 01 ふたつの課題と繰返されるキー入力の扱い まず、キー入力の基本的な扱いについては、gihyo.jp連載「ActionScript 3.0で始めるオブジェクト指向スクリプティング」第13回「キーボード
![[AS3] 矢印キーでインスタンスを移動させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
知らないと損するケータイFlash軽量化テク30連発！（1/3）- ＠IT
知らないと損する ケータイFlash軽量化テク30連発！ まだまだ健在のガラケーのSWFを1バイトでも軽くするには 株式会社サイバーエージェント 渡辺 梓 2011/7/20 スマホへの移行が増加しているという話題が多い中、まだまだ使われているFlash Liteコンテンツ。さまざまな機種でストレスフリーなアプリを制作するために最も気になる点はSWFファイルの軽量化と、実機での動作の軽さではないでしょうか。 本稿では、デザイン制作、Flashオーサリング、「Transform」を使ったSWF合成の3軸で、サクサクと動くFlash Liteコンテンツの作り方を説明します。 デザインから始める軽量化 スムースポイントを減らす 違いがほとんど分からないときは、コーナーポイントでも減らす グラデーションの代わりにブレンド 繰り返し使う形はインスタンス化 極力、アルファを使わない アウトラインに当た
Adobe Flash Playerを正常にインストールする
Adobe Flash PlayerをWindowsに正しくインストールする方法です。インストール手順を誤ると「インストールは失敗しました」というエラーになり、リトライしても同じエラーから脱出できなくなるので、情報展開しておきます。 １．インストール とりあえず最初の手順から順番に説明します。事情があって、スクリーンショットのブラウザはIE6です。 「Adobe - Adobe Flash Playerのインストール」のページにある「今すぐダウンロード」をクリック。 ちなみに、McAfeeが不要な場合は、同じページに表示されたMcAfeeの「ダウンロードに含める」のチェックを外しておいてください。うっかりインストールしてしまった場合はあとでアンインストールしてください。 IEの場合、次のようなポップアップが出るので「OK」をクリック。 情報バーを右クリックして、「Active Xコントロー
[AS3] ふたつの数値の最大値・最小値を得るにはMathクラスより条件演算子?:の方が速い
条件演算子に書替えた方が速いのは、大きくふたつ理由があると考えられます。第1は、Math.max()やMath.min()メソッドには、いくつでも引数が渡せることです。つまり、引数の数を確かめ、すべての大小を調べることが求められます。そのため、数値はふたつと決めて、それらの大小を比べる?:演算子の処理の方が速くなるのです。 任意の数の引数から最大値を返す関数は、たとえばつぎのスクリプト001のように定められます(不定数の引数定義については、「...(rest)パラメータ定義キーワード」参照)。しかし、この関数の処理は、引数を不定にしてしまったため、Math.max()メソッドと比べて決して速くありません(後掲テスト001参照)。 スクリプト001■任意の数の引数から最大値を取出す関数 function xMax(...values):Number { var nLength:uint =
Flashを用いたサイトを作成する際の注意点 αSEO
今回は、Flashを用いてサイトを制作する場合の注意点について回答します。 GoogleとAdobeは協力してFlashコンテンツ（拡張子.swf）のアクセシビリティ改善に取り組んでいます。2011年1月現在、.swf内のテキストやリンク、swfファイルに取り込む外部リソースのインデクシング、さらにJavaScriptでswfをエンベッドしているコンテンツ認識も可能です。 しかし、Flashコンテンツが何のキーワードと関連性が高いかを伝達するというSEOの観点からは、まだまだ最適化には程遠いのが実情です。あくまでテキストやリンクの読込が可能になったというだけで、特定のキーワードとの関連付けを行いやすい状況ではありません。 従って、実質的に Flashコンテンツは検索エンジンが読み込めないという前提で対策をすることをお勧めします。 たとえば、サイトのグローバルナビゲーションにFlashを利用
FirefoxでFlashが表示されないときの対処法
flashを使ったサイトをチェックをしていた時に、表示されない時がありました。 そこで検索してみたところ、情報がいろいろあったので主な原因をまとめてみました。 swfobject2.2とFirefox3.5の相性が悪い flashを貼付ける時に使う、「swfobject2.2」と「Firefox3.5」の相性が悪いとのことです。 簡単な解決法はswfobjectのバージョンを2.1にすることです。 Issue 327 – swfobject – swfobject 2.2 fails… SWFObject v2.1 アドオンのPearl Crescent Page Saver Basic2.5を削除する サイトのキャプチャを撮ってくれるアドオンの「Pearl Crescent Page Saver Basic」。 こちらのアドオン（バージョン2.5）が入っていると表示されない事があるそうで
[AS3] 距離はPointやVector3DクラスのメソッドよりMath.sqrt()と三平方の定理で求める方が速い
トップ > ActionScript > [AS3] 距離はPointやVector3DクラスのメソッドよりMath.sqrt()と三平方の定理で求める方が速い PointやVector3Dクラスには、座標と座標の間の距離を求める同じ名前の静的メソッドdistance()があります。しかし、速さを稼ぐにはこれらのメソッドでなく、Math.sqrt()メソッドを用いて三平方の定理で導く方がお得です。 Point.distance()とVector3D.distance()は、ともに座標と座標の間の距離を求める静的メソッドです。引数には座標が納められたPointまたはVector3Dインスタンスをふたつ渡し、Number型の距離が返されます。 Point.distance(Pointインスタンス0, Pointインスタンス1) Vector3D.distance(Vector3Dインスタンス0
[AS3] Text Layout Framework(TLF)でハマらないために
Flash Professional CS5から備わったText Layout Framework(TLF)は、テキストにInDesignのような細かな設定が加えられます。他方、Text Layout Frameworkのライブラリがデフォルトではランタイム共有ライブラリから読込まれるため、インスタンスは独自の生成過程を経ます。タイムラインに[TLFテキスト]を置いただけで、思わぬ結果になることもありますので注意が必要です。 本稿では細かな説明は省き、フォーラムやblog記事などの紹介にとどめます。詳しくは、それらのトピックや記事をお読みください。また、Text Layout Frameworkの基礎については、つぎのgihyo.jp連載「ActionScript 3.0で始めるオブジェクト指向スクリプティング」の解説をご参照ください。 第39回「TLFTextFieldクラスを使う」 第
[AS3] ifと静的メソッドとコメント ー [自動フォーマット] vol.4
久しぶりの[自動フォーマット]ネタです(図001)。Flash Professional CS5で確かめています。 図001■ifステートメント内の静的メソッド呼出しにコメントを加える すると、ifステートメントブロックの閉じ括弧}を、ひとつ余分に加えてくれます(図002)。 図002■ifステートメントステートメントブロックの閉じ括弧}が余分に加わる もちろん、括弧の対応が合わなくなります。もう一度[自動フォーマット]を行えば、シンタックスエラーを告げる警告が表れます(図003)。このパターンは、以前にもありました。ほとんど因縁をつけられているようなものです。 図003■警告のダイアログボックスがシンタックスエラーを告げる この記事にコメントを書く 記事に対するテクニカルな質問はご遠慮ください（利用規約）。 名前（必須）： メールアドレス： URL： この情報を登録しますか? コメント:
ke-tai.org > Blog Archive > KAYAC engineers’ blogにFlash Liteの動的生成に関する記事が掲載されています
KAYAC engineers’ blogにFlash Liteの動的生成に関する記事が掲載されています Tweet 2011/3/2 水曜日 matsui Posted in Flash, 記事紹介・リンク | No Comments » ユニークなサービスを作ることで有名な面白法人カヤックさんの技術ブログに、Flash Liteの動的生成に関する記事がありましたのでご紹介します。 → KAYAC engineers’ blog FlashLite 動的生成の全てを教えます(その1?) [tech.kayac.com] ケータイでFlashLiteで少し凝った使い方をしようとすると、現状その機能上の制限から動的生成は避けて通れません。 この記事では、カヤックさんのサービスで実際に使われていたという、実践的なFlash Lite動的生成の解説が行われています。 ActionScript変数
[AS3] 配列のインデックスを式で計算したときはuint型で渡す
投稿者：野中 文雄 | 投稿日：2011.02.19 | [AS 3][ActionScript][Tips][野中ゼミ] 配列やVectorインスタンスのエレメントを扱うとき、インデックス番号を式で与えることがあります。その場合、配列アクセス演算子[]に式を直接書込むのでなく、uint型に変換(キャスト)するか、式の値はuint型の変数に入れたうえでその変数を渡すようにしましょう。その方が、書く手間は少し増えても、処理が速まります。 [1] 配列アクセス演算子[]にインデックスとして式を直接書込んだとき、その式の値のデータ型は決まっていません。この場合、エレメントの扱いが遅くなるようです。 var my_array:Array = [0, 1, 2]; var i:uint = 0; var element:int = my_array[i + 1]; // 配列アクセス演算子に式を直接
[AS3] Vectorインスタンスには長さを定めた方がよい
投稿者：野中 文雄 | 投稿日：2011.02.13 | [AS 3][ActionScript][Tips][野中ゼミ] Adobeのドキュメント「VectorクラスとArrayクラス」は、Vectorインスタンスには予め長さ(Vector.lengthプロパティ)を定めた方がパフォーマンスはよいと説明します。ただ、日本語の意味がわかりにくいように思われます。 Vectorのサイズが時間よりも先に指定されない場合、Vectorの容量が不足すると、サイズが増えます。Vectorのサイズが増えるたびに、メモリの新しいブロックが割り当てられます。Vectorの最新の内容がメモリの新しいブロックにコピーされます。データを余分に割り当てて複製することにより、パフォーマンスに影響があります。 英語の原文はつぎのとおりです。Vector(インスタンス)の"size"というのは、コンストラクタメソッドの
[AS3] キーボードのキー操作をVectorオブジェクトで扱う
投稿者：野中 文雄 | 投稿日：2011.02.14 | [AS 3][ActionScript][Tips][野中ゼミ] 「キーボードのキー操作を扱うふたつの手法」では、タイムラインに配置したMovieClipインスタンス(my_mc)を、キーボードの矢印キーで上下左右に動かしてみました(再掲図001)。この同じお題をVectorクラスで整えてみましょう。 図001■ タイムラインに配置したMovieClipインスタンスを矢印キーで上下左右に動かす(再掲) 01 キーコードをインデックスとしてVectorインスタンスに操作の情報を与える 矢印キーのキーコードは37〜40です(gihyo.jp「ActionScript 3.0で始めるオブジェクト指向スクリプティング」第13回「キーボードによる操作」p.2の表2「Keyboardクラスの矢印キーの定数」参照)。しかし、Vectorインスタン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flash Player の z-index - Enjoi Blog
Adobe系アプリショートカット壁紙 | コリス
_level0 - KAYAC Front Engineer Blog
