wordpress/Adobe Animate CCなどweb技術やブログ運用に関する話をしていきます!検索エンジン最適化に関する実験に関する情報も!
⇒ 本ブログの詳細/制作者プロフィール/連絡先/現在の行動状況はコチラ!
⇒ 本ブログは複数のテーマ(色)を持った階層構造になってます!詳しくはコチラ!
web/ブログ全般 SEO/アクセスアップ WordPress(KUSANAGI) Adobe Animate CC(旧FLASH) 便利ソフト/サービス紹介 効率化
  1. ホーム
  2. 〇ブログ/web技術
  3. Adobe Animate CC [旧Flash]
  4. Adobe Animate CC(旧 FLASH)をプログラマーにおすすめする理由!絵やアニメーションとプログラムを1つのソフト内で全て作れ、シームレスに組み合わせられるんです!
■注目記事一覧

Adobe Animate CC(旧FLASH)が凄すぎる!その表現力と効率性を痛感!技術者にこそ是非!

画像素材サイトの「料金」と「検索結果の画像数」を比較してみた!やっぱり純日本製のサイトが使いやすい!?

「写真AC」が超オススメ!画像素材サイトとして、3年以上使い続けてます!

エックスサーバーが凄すぎる!本ブログでの超カスタマイズWordPressでも、高速レスポンスを誇る高品質サーバー!

ポイントサイト「げん玉」が凄すぎてビックリ!開始から10分で2000円以上稼げた!買い物のポイント還元もスゴイ!

[Adobe Animate CC使い方講座] Adobe Animate CCって何?まずはFlashからの変遷から解説!

デジハリのAdobeマスター講座がやばすぎる!Adobe Creative Cloudが50%オフで購入可!5分で使用可能に(超重要)!
 

Adobe Animate CC(旧 FLASH)をプログラマーにおすすめする理由!絵やアニメーションとプログラムを1つのソフト内で全て作れ、シームレスに組み合わせられるんです!

 最近、Adobe Animate CC(旧 FLASH)でたくさんのwebで使えるシミュレーションツールを作っています。昔のFLASHの時代からそうですが、Adobe Animate CC(旧 FLASH)が非常に快適に使えるので、そういったツールを作っているだけで楽しくなります!なぜかというと、他の環境に比べて圧倒的に早く、効率的に、複雑な動きをするツールが作れてしまうからです!

  Adobe Animate CCは「Animate」と名前のついた製品ですが、アニメーションだけに使うのではもったいない製品です。プログラム環境としても、最強レベルの環境が整っているんです。そこで今回は、Adobe Animate CC(旧 FLASH)をなぜ自分がプログラマーにおすすめしたいのかを、説明していきたいと思います!

 まず、Adobe Animate CC(旧 FLASH)で作れるプログラムの例を示します。こちらは自分がAND回路やOR回路などを説明するために、電子回路のエミュレーターとして作成したプログラム/シミュレーションツールになります。このツールはスマホでも、PCでも、どこでも動くようになっています。こういったツールがAdobe Animate CC(旧 FLASH)なら比較的簡単に作れてしまうんです。タップを押すと、状態が変化するので、触ってみて下さい。

結構複雑な動作をしているのがわかるでしょうか。Adobe Animate CC(旧 FLASH)なら、こういった複雑な動作やアニメーションのあるツールを、比較的簡単に作れてしまうんです!それでは、Adobe Animate CC(旧 FLASH)をプログラマーが使ったほうがいい理由を、簡単の説明させて頂きます!

絵を描くツール(描画ツール)とプログラムが書ける環境が統合されている環境。Adobe Animate CCにしかない!

 まず第一に、Adobe Animate CC(旧 FLASH)はドロー系ソフトとプログラミング環境が合わさった、唯一無二の環境ということです。このAdobe Animate CC(旧 FLASH)さえあれば、絵も描けますし、プログラムも描けます。そして、絵に対してプログラムを仕込むこともできるんです!

最高峰のドローツールが使えます

  下記にあるように、Adobe Animate CC(旧 FLASH)は普通のペイントソフトのように、線ツールや四角/円ツールなど描画ツールがそろっています。Adobeの製品なので、これらのツールはどれもちゃんとしたものになっています。ドロー系ソフトの最高峰であるイラストレーターと比べても、遜色ないんじゃないかと思います。

 

アニメーション内にプログラムが組み込めるんです

 これらドロー系ツールに対して、Adobe Animate CC(旧 FLASH)では「プログラム」も書けるようになっているんです。このプログラムというのが、3年ぐらい前までは「Action Script」という独自の言語だけしか書けなかったのですが、最近のHTML5の影響から、現在ではJavascriptでも記述できるようになっています。Javascriptで書けば、スマホでもPCでもどこでも動くプログラムが作れてしまうんです!

 

プログラムはアニメーションの各フレームに紐づけする形で登録できます

  ではどこにプログラムが書けるのというと…各オブジェクトの時間軸フレーム上に、プログラムが書けるんです。Adobe Animate CC(旧 FLASH)は、全てのオブジェクトにフレームというものがあり、これにより何秒後にどの処理をするかを決められるんです。そして、フレームの任意の位置で、実行する操作をかけてしまうんです!これが、普通にプログラミングするのとはくらべものにならないほど、快適なんです!下の画像で、「a」と書いてあるところが、プログラムが書かれているフレームであることを示しています。

オブジェクト指向で、絵やアニメーションとプログラム含めて構成要素を管理できる!

 現在、多くのプログラム言語でオブジェクト指向が使用されています。オブジェクト指向は「構成要素(登場人物)ごとにプログラムをわけて書こう」という考えに基づいた設計方法です。1つのプログラムにすべて書くと色んな登場人物(オブジェクト)の情報がぐちゃぐちゃに書かれるので、ちゃんと登場人物(上記の例でいうとOR回路やAND回路)ごとにわけてプログラムを書こうということです。

 しかし、一般的なプログラム言語では、オブジェクトごとにプログラムを分けて書くことで整理することはできても、絵やアニメーションまで整理して管理できません。例えば、オブジェクトを表示するための画像や動作アニメーションなどは、別要素としての構成管理となります。せっかく「OR回路」「AND回路」といった回路ごとにプログラムをわけることができても、回路を構成する画像などもまた別管理となるので、「一元管理」できているとは言えなくなるんです。なので、どのプログラムとどの画像が紐づいているかは、パッと見ではわからなくなり、実際に動かしてみたりするしかなくなるんです。

 それに対して、Adobe Animate CCは「画像/アニメーション」と「構成要素のプログラム」を同じ場所(ライブラリ)で管理できます。なので、その構成要素がどのような見た目で、どのようなプログラムが紐づいているかがすぐにわかるように管理できるんです!!これってものすごく重要なことで、「真のオブジェクト指向なのではないか?」と思っているくらいです。

実際のAdobe Animate CC(旧 FLASH)のライブラリの例

 下記が実際のAdobe Animate CC(旧 FLASH)のライブラリ画面です。andkairoやhatudenなど、多くの部品があります。これはオブジェクト指向でいう、「クラス」みたいなものです。そして、これらに対して、プログラムだけでなく、下記画像ように「表示される絵」も紐づいて定義されてるんです。ですので、プログラムと絵を分離せずに、本当の意味での「一元管理」ができるんです。

 

 そして下記が実際に上記のライブラリの「andkairo」を開いてみた時の図です。上にある図と同時に、下にある紐づけられたプログラムも同時に表示されます。つまり、「プログラム」と「絵/アニメーション」を本当の意味での一元管理ができるようになります。これが本当に快適なんです!普通なら絵をなおすのも、プログラムをなおすのも別のソフトで行う必要があります。プログラミングツールで、絵を修正なんてできないですからね。しかし、Adobe Animate CC(旧 FLASH)ではこのソフト内でプログラムも絵も修正してしまえるのです!!

まとめ:Adobe Animate CC(旧 FLASH)なら、絵やアニメーションとプログラムを「真の一元管理」できる!

  最後に簡単にまとめですが、Adobe Animate CC(旧 FLASH)の特徴はとにかく「ドローソフト」と「プログラミングソフト」の融合、それにつきます。1つのソフト内で両方ができてしまうというのが、最大の特徴です。そして、それにより、今までできなかった、「画像/アニメーション」と「構成要素のプログラム」の一元管理が可能となるんです!

 次回は、このAdobe Animate CC(旧 FLASH)で実際にどうやってツールやプログラムをつくっていくのか、具体的なやり方を簡単に説明したいと思います!

↓Adobe Creative Cloud製品オススメです!

[関連コンテンツ]




お気軽にコメントお願いします!

Your email address will not be published.