「UIの開発環境の構築」の編集履歴(バックアップ)一覧に戻る
UIの開発環境の構築」を以下のとおり復元します。
#contents

* UIの開発環境の構築

**ソフトウェア・ライブラリのダウンロード
本チュートリアルでのUI作成のためには以下のソフト・ファイルを使用します。

***Adobe Flash CS6(Animate CCだとAS2非対応)
有料なので注意。Adobe CCにて1ヵ月のトライアル利用ができます。
https://www.adobe.com/jp/creativecloud/plans.html?promoid=NV3KR7S1&mv=other
***SkyUIリソース
SkyUIのリソースには再利用を許可されているUI作成のためのライブラリ集があります。
これを利用して作成したMODを公開する場合はSkyUIチームのクレジット表記を必要とするので注意しましょう。
srcフォルダ内がUI作成のためのライブラリです。
https://github.com/schlangster/skyui
***FlashDevelop
ActionScriptを記述するためのエディタです。
他に使ってるエディタがあるから別に良いという方は入れなくても大丈夫です。
http://www.flashdevelop.org/

**インストール&パス設定
Adobe Flash CS6はとりあえずインストールのみでOKです。
SkyUIリソースは展開後、適当な所に配置してください。

FlashDevelopは、SkyUIのライブラリのコンポーネントを入力候補として出すための初期設定を行う必要があります。

FlashDevelopをインストール後に開いたら[ツール]→[ソフトウェアをインストール]から、AS2 Templateをインストーします。
SkyrimのUIはActionScript2を利用するため、そのプロジェクトファイルを作成するために必要です。

#image(01FlashDevelopソフトウェアインストール.jpg,https://img.atwikiimg.com/www50.atwiki.jp/skyrim_mod/attach/79/913/01FlashDevelop%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB.jpg)

次に、「新規プロジェクトを作成」からActionScript2の中の「Empty Project」を選びます。
名前と場所も適当に選びますが、SkyUIリソースを展開した場所に近い所がいいと思います。
今回はSkyUIのsrc以下の場所に新たにフォルダを作り、そこにプロジェクトを作成しています。

#image(01フォルダ構造.jpg)

Authorも適当にした後、空のプロジェクトが出来上がります。

#image(02空のプロジェクト.jpg)

プロジェクト名のフォルダを右クリックし、[プロジェクト設定]を選びます。

#image(03プロジェクト設定.jpg)

[クラスパス]タブの[追加]から、skyui\src内のCLIKとCommonを選びます。
Referenceの中に「CLIK」と「Common」が追加されます。

#image(04クラスパス.jpg)

#image(05reference.jpg)

プロジェクト名のフォルダを右クリックし、[新規作成]→[New Class]もしくは[New Interface]を選び、適当な名前をつけて新規asファイルを作成します。
「skyui.」などと入力し、References内のコンポーネントが予測として出てくればOKです。

#image(07予測入力.jpg)

復元してよろしいですか?

目安箱バナー