運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
Progression3都物語に参加してきた、というか、てら子の皆さん・ペタビットの皆さんとともに企画・運営させていただきました。参加された方も、企画された方、そしてそして nium 先生、皆さま本当におつかれさまでしたー。 上の写真は初日京都のワークショップの様子。 参加者の方からは「よかったです」とコメントを頂けて本当に嬉しく思いました。 この一ヶ月、東京都内某所に篭ってProgression3案件作ってたりとただでさえ時間がない中、このイベントに携わるのは大変でしたけど、結果として各地で好意的に受け止めてもらえて本当によかったです。無理をしてよかったよかった。 そして、みんな Progression つかって、ガンガン仕事こなして、そして Flash 御殿でも建てたらいいのではと思います。 nium さんは Progression 御殿を建てたらいいと思いますマジで。 勝手に
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
progression検証 #9 外部データ(xml)の読み込みIndex(CastDocument)編の続き。Index(CastDocument)内での初期化作業で外部xmlの読み込みまではできるようになりました。次に画像系の先読みを初期化で行ってみようと思います。(例えば背景イメージの先読み等) 先のエントリーの最後に「CastImageLoaderとLoadChildのどちらを使うか?」を悩んでいましたが、まだ明確にどちらが良いのか?は分かっていませんが、とりあえず “CastImageLoader”を使って進んでいきます。先エントリのIndex._onInitの中に以下のように追記していきます。 #CODE-1 //背景の読み込み( CastImageLoader) var _bgLoader:CastImageLoader = new CastImageLoader(); _
つい最近addSceneFromXMLでXMLからシーン作成というエントリを書いたのですが、早くもprogressionフレームワークの生みの親nium先生から添削が入りました!!すごい! お忙しい身なのに本当に申し訳ないです。。。 で、添削内容を見てみます。 私の最初のコードはXMLを読み出すのに普通にURLLoaderを使用していたのですが、progressionにLoadURLというコマンドクラスがありまして、そちらを使用されておりました。 LoadURLはファイルを読み込ませるのに使用します。 これを使用する事ですごくスマートな記述が出来るようになります。 添削該当箇所は以下になります。 protected override function _onLoad():void { // 実行したいコマンドを登録します。 addCommand( //LoadURLコマンドの登録 new
Progression, ActionScript3.0前回のF-siteにいったという記事にも書いたことですが、僕は、フレームを使用したアニメーションを使って、バリバリアニメーションをクラスを利用しながらやりたいなと思っています。 で、シーンの遷移時のアニメーションにフレームの使用方法が分かったので、メモしておこうと思います。 基本は、クラスベースProgressionで制作します。 シーンは以下の構成IndexScene(SceneObject) -AboutScene(SceneObject) --AboutPage(キャスト) -GalleryScene(SceneObject) --GalleryPage(キャスト) IndexSceneからAboutSceneに遷移すると、AboutPageが表示されるとし、AboutSceneから移動した場合、AboutPageは消えるとしま
Progression ─ Flashサイト構築が加速する充実のフレームワーク Part.3 Progressionによるサイト構築の実践:サイト構造のXML定義〜コンポーネントの配置 Progression の解説記事も今回で3回目となりました。Progression Framework も、状態遷移機能とコマンド機能、ブラウザ連動機能を統合した ActionScript 3.0 用のフレームワーク、Progression Framework 2が登場。ベータ版もリリースされ、さらに有用なフレームワークとしてどのように進化したのか実際に体感することができるようになっています。今回の記事では、Progression でサイト全体にダイナミックな動きを与える方法として「PRML」について解説します。Progression では、「いつどこに何を表示して、何を消すのか?」という情報は、サイトの
F-siteセミナーに参加してきました。 ActionScript3.0, Progression ClockMaker Blog/F-siteのセミナーに行ってきました こちらの記事を読んでいただくと、内容が大体お分かりになると思います。 僕が参加した目的は、コンポーネントベースでのProgressionを使用した時の、スクリプトの書き方について学びたかったからです。 ただ、Progressionのお話は、40分しか与えられてなく、nium先生もこのように発言されているように、もっと聞きたかったなーっと思いました。 ということで、まだ、まとまりきってなくてデモもないのですが、概要だけをメモとしてまとめておきます。 フレームアクションを書きたいシンボルのリンケージ設定の基本クラスにjp.progression.casts.CastMovieClipを指定する。 シーンエディタでキャストを追
今日は大崎でProgressionのコンポーネントベースのワークショップがあり、参加してきました!!コンポーネントベース凄いです!みんなクラスばっかりやってないでコンポーネントベースもやるべきだと思います。本当に。 さて、先日はF-Siteに行ったり、ロクナナワークショップに行ったりとイベント続きだったんですが、おかげさまでスケジュールが激しく押されておりますね。 そんな中、空気を読まずにコマンドについての考察をエントリしたいと思います!! さて、Progressionのコマンドですが、いきなりfunctionを書くことが出来るのでかなり記述の幅が広いです。 でも、いまいち詳しく分かっていなかったり(←いまさら)していたので、復習も兼ねてエントリします。 例えば。。。 addCommand( new Trace("コマンドスタート"), function ():void{ trace("こ
[追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ3回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap
昨日のブログでF-siteセミナーにいったことをレポートしましたが、学んだ事は忘れないうちに復習するということでAS3フレームワークの Progression を試してみたいと思います。敢えて説明するまでもないと思いますが、Progression とは Flash の画面遷移をスマートに作成できる Flasher 向けのフレームワークです。 ということで作成したものは Papervision3D を Progression 3 Progression 4 で制御するというもの。 demo (要 Flash Player 9) ブロックをクリックすると Scene が切り替わるように設定しているので、URL のアンカーが切り替わります。もちろんアンカーからページに入るとSceneが復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。
コマンドを使用していると、よくあるパターンの組み合わせができることがあると思います。 そういった場合には、そのパターンをひとつのクラスとしてまとめてしまうのが便利です。 package { import jp.progression.commands.*; import jp.progression.core.commands.Command; public class MyCommandList extends SerialList { public function MyCommandList() { addCommand( new Trace( "ok" ), new Wait( 1000 ), new Trace( "ok" ), new Wait( 1000 ), new Trace( "ok" ) ); } public override function clone():C
連続する処理をシーケンス的に記述するのに便利なコマンドですが、読み込み処理などをする場合には「ファイルが存在しなかった場合」などのエラー処理が必要になってきます。 そこで今回はコマンドのエラー処理方法についてご紹介します。 使用するコマンドは LoadURL コマンドで、読み込み先のデータが存在しなかった場合という条件とします。 addCommand( // 直列処理を実行します。 new SerialList( null, // トレース文を出力します。 new Trace( "読み込みを開始します" ), // 存在しない URL を読み込みます。 new LoadURL( new URLRequest( "notexist.dat" ) ) // LoadURL コマンドでエラーが発生した場合に呼び出す関数を指定します。 .error( function( e:Error):voi
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
セットアップガイド これから Progression を使い始める方に向けた制作環境の整え方をご紹介します。 インストール アンインストール コンポーネント制作ガイド ActionScript を使用せずに、コンポーネントを組み合わせることで手軽に Web サイトを作成された方向けのスタイルです。 プロジェクトの作成 シーンの定義 表示シンボルの作成 ボタンの作成 プログレスバーの作成 パブリッシュ/アップロード タイムライン制作ガイド タイムラインアニメーションとフレームアクションを併用して、ActionScript 2.0 以前のような作り方で Web サイトを作成された方向けのスタイルです。 プロジェクトの作成 初期化コードの確認 シーン構造の作成 表示シンボルの作成 ボタンの作成 イベントフローの設定 コマンドの作成 パブリッシュ/アップロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く