FlashCS6+で生成したスプライトシートをjQueryでロードする実験（前編） - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 結構前の話ではありますが、FlashはCS6から、アニメーションを「スプライトシート」として書き出す機能が実装されています。 これはCreateJS等で簡単に再生出来る様になる便利な機能ですが、 今回はこのスプライトシートをjQueryで再生してみようというお話です。 スプライトシートってなに スプライトシートは、CSSスプライトを利用したアニメーションテクニックです。 アニメーションの全フレームを一つの画像に並べて配置し、 要素の背景画像として埋め込んで background-position を変更していくことで パラパラ漫画のようなアニメーションを再生します。概要はこんな感じ。 一年程前、CS6が出るちょっとだけ前に似たような記事を書いたことがありました。 シンプルなスプライトアニメーションライブラリ 「MovieCrop
Adobe Flash Professional Toolkit for CreateJS とりあえずどんなものか
のようです。USからダウンロードしても、インストールするとしっかり日本語で表示されます。 このExtensionは、Adobe Extension Manager CS6を使ってFlash Professional CS6へインストールします。Flash Professional CS6が起動している場合は、一度終了してからインストール作業を行なってください。 使用方法 Extensionをインストール後、Flash Professional CS6を起動すると、「ウィンドウ＞その他のパネル」に「Toolkit for CreateJS」が追加されていますので、選択してパネルを開きましょう。 そのパネルは、今後使いやすいようにドッキングしておくと便利です。 試しにタイムラインを使ってアニメーションを設定し、書き出してみましょう。 Toolkit for CreateJSは、Flashで作成
Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
Adobe Animate ユーザーガイド Animate の概要 Animate の新機能 ビジュアル用語集 Animate の必要システム構成 Animate キーボードショートカット Animate での複数のファイルタイプの取り扱い アニメーション Animate のアニメーションの基本 Animate でフレームとキーフレームを使用する方法 Animate でのフレームアニメーション Animate でのクラシックトゥイーンアニメーションの操作方法 ブラシツール モーションガイド モーショントゥイーンと ActionScript 3.0 モーショントゥイーンアニメーションについて モーショントゥイーンアニメーション モーショントゥイーンアニメーションの作成 プロパティキーフレームの使用 トゥイーンを使用した位置のアニメーション化 モーションエディターを使用したモーショントゥイーン
Fireworks＋Dreamweaver：簡単！ jQuery Mobileのテーマ＆サイトの作成 | ADC - Adobe Developer Connection
Fireworks CS6には、jQuery Mobileのテーマを作成する機能が追加されました。CS5／CS5.1向けに同様の機能を提供する拡張機能「Fireworks CSS3 Mobile Pack」がAdobe Labsにて提供されていますが、CS6では日本語化されているなどの違いがあります。 アイコンの変更 早速、jQuery Mobileのテーマを作成してみましょう。メニューから［コマンド］→［jQuery Mobileテーマ］→［新規テーマを作成］を選択すると、jQuery Mobileテーマ作成用の画面が表示されます。jQuery Mobileのデフォルトテーマには5つのスウォッチ（カラーバリエーションなもの）が用意されており、Fireworksでも初期状態では5つのスウォッチがページとして定義されています。さらに、スウォッチで共通に利用するアイコンなどを設定するページ、テ
サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
Creative Cloud - Dreamweaver
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
