Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
Google Codeにあるwave-as-clientを試してみました。 wave-as-clientは、Google WaveのActionScript用のライブラリです。 ExternalInterfaceを利用したもののようです。 wave-as-client http://code.google.com/p/wave-as-client/ ほとんどGettingStartedのままなのですが、メモをアップします。Gadgetの作成 ここのGettingStartedを参考に、Flex Builderで、Flex プロジェクトを作成します。 次にライブラリとして必要なファイルをGoogle Codeからダウンロードします。 wave-as-client04.zipまたは、wave-as-client04.swc http://code.google.com/p/wave-as-cl
static これはメソッドや変数・定数がクラスのインスタンスでなく, クラスに属していることを表す修飾詞です. 注意しないといけないのは、クラスの継承関係は無視するということです。 class A { static public var ID:String = "a"; } class B extends A { } この例で、B.IDというアクセスは出来ません. これはIDという変数がクラスAにのみ属しているからです. 同様の理由で、staticなものをoverrideすることは出来ません. 親のクラスと子のクラスのstaticなメソッド、変数、定数はそれぞれ別物として扱われます. dynamic これは、クラスのインスタンスに動的にプロパティーが追加できるようなクラスです. var d:D = new D(); d.movie = new MovieClip(); dynamic c
コンチはー！kijimaです。 前回の「はじめてのgoogleMapsAPI」に引き続き、今回もgoogle Maps APIネタでまいります。前回は地図を表示して、マウスクリックに対してMapMouseEventを定義してあげて座標を取得し、初期座標を設定するところまでやりました。 今回はcom.google.maps.overlaysのMarkerクラスを使って、ピンのような印を地図上にたくさん表示させたいと思います。 今回は全体のソースコードを見てみましょう。ドキュメントクラスです。 package { import flash.display.Sprite; import flash.geom.Point; import com.google.maps.*; import com.google.maps.controls.*; import com.google.maps.over
先日α版が公開されたBetweenAS3ですが、昨日から少しずつ触ってみました。 Tweenerしか使ってなかったので、BetweenAS3をTweenerレベルまで使えるようになったら移行しようと思ってます。アップデート終了しましたし。 impot周り いわゆるcaurina.transitions.Tweenerにあたるもの（tweenの発行とeasing）を使おうとしたときに必要なのは以下。 org.libspark.betweenas3.BetweenAS3 org.libspark.betweenas3.easing.* easingがlinerでいいよーという場合にはorg.libspark.betweenas3.BetweenAS3のみで問題ないはずです（あんまりないと思いますが。） あと後述するイベントハンドラへの登録まで行う場合はさらに以下の内容のクラスが必要です
MXMLアプリケーションに <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ //some codes here ]]> </mx:Script> </mx:Application> としてActionScriptを記述できるが，次のように <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script source="test/TestApplication.as" /> </m
毎日毎日こうして現場でWebサイトを制作していると、いつの間にやら「ダメだっ！もう手放せない！」というお気に入りソフトを持っているものです。 そこで今回から「バシャログスタッフの道具箱」と題しまして、各スタッフが偏愛する便利ツールたちを、全9回にわたって紹介していきます。 偏愛ツール「Alcon」 第1回目の紹介ツールは Flash デバッグツール「Alcon」です。 Actionscript2/3 アプリケーションのデバッグ作業を、お手軽にカンタンに協力サポートする軽量・快速なAirソフトです。 こんなコトができます ・オブジェクトのインスペクタ、配列、プロパティ表示 ・ダンプ表示 ・フレームレート、フレームレンダー時間、メモリ消費量のリアルタイムグラフ表示 ・ストップウォッチ機能 などなど こんなカンジで使います 準備はカンタン。 こちらのサイトからパッケージをインストールして、パスを
![[バシャログスタッフの道具箱] Actionscript デバッガ「Alcon」 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/f04f51f665d4fe314a73e02dd292b1a511f25a26/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
池田亮司展 ＋/－[the infinite between 0 and 1]に行きたいなっくるです。 今日は continue文についてのメモ。 if文、for文、そのほかにもwhile、switchなどの制御文がありますが、continue [label] 知りませんでした。見たことあるよーな、ないよーな。 APIリファレンスには ループの終わりまで制御が通過したかのように、最も内側のループ内の残りのステートメントをすべてスキップして、ループの次の反復を開始します。 オプションの label パラメータを使用すると、最も内側のループ以外もスキップできます。 と書いてあります。 ？？？ こんな感じ↓コピペしてパブリッシュしてみて下さい。 普通のcontinue文 for (var i:int = 1; i < 5; i++) { trace("i = " + i); for (var j
Mac使ってます、さとうです。 FlashIDEつかいながら、FlexBuilderでASかいたり、TextMateでASかいたり、XCodeでiphoneアプリやったりしてます。 FlashIDEで作業しているときは、コマンド+ENTERでムービープレビューできるんですが、FlexBuilderとか、TextMateでもいちいちFlashIDEにきりかえてムービープレビューとかではなく、すぱっとワンタッチでプレビューしたい。 あると思います。 知ってる人も多いと思いますが、FlashにはJSFL(FlashJavaScriptFile)というものがあって、他のアプリケーションを実行していても、JSFLを実行することで、FlashIDEからムービープレビューをすることができます。 今回はFlexBuilderとTextMateでのJSFLへのアクセスの仕方についてまとめておこうと思います。
Flashでテキスト内の改行コードを削除したいなーってことがあったんですが、Stringクラスのreplaceメソッドで空白文字と置き換えてあげればいいんですよね。 ただ、そのときに読み込んだものの改行コードによって、消すときのパターンが異なるので要注意。 改行コードには、 CR = \r LF = \n CR+LF = \r\n がありますよね。 どれを消せばいいのかなーと考えちゃいますが、そんなときは両方とも消しちゃえっということで、削除するコードは次のようになります。 var str:String;//操作したい文字列が入るよ //\nを削除 str= str.replace( /\n/g, "" ); //\rを削除 str= str.replace( /\r/g, "" ); replaceって便利ですよねー、HTMLテキストを使うときには、ほんと重宝しますね。ではでは。
表題のとおりなんですが、Thread外部から中断処理をしたときの挙動を勘違いしてました。 なんで中断処理にかんして、checkInterruptedメソッドで見張るのと、interruptedメソッドに関数セットするがあるのかと思ってたんですが、 joinやeventなどで待ちセットに入ってる状態でinterruptされたら、interruptedにセットした関数が呼ばれ、 普通にnextで処理を続けてるとき(特にEnterFrame的な処理)の中断はcheckInterruptedで見張らないと分からないということなんですねー。 ちなみにfinalizeのノリでinterruptedをoverrideしてはまったことがあります。これは上書きしちゃだめですね。
文字列でクラス指定してインスタンスを生成できるって知ってましたか？ getDefinitionByNameというパブリックメソッドがあるんですね。このメソッドはパラメタで与えた文字列で指定したクラスのクラスオブジェクトへの参照を返してくれます。コードを書いてみると・・・・ //クラスオブジェクトの参照を取得 var ClassReference:Class = getDefinitionByName("flash.display.Sprite") as Class; //クラスオブジェクトを用いてインスタンスを生成 var instance:Sprite = new ClassReference() as Sprite; こんなことができるんですねー！一つ便利につかえそうなケースを考えてみました。 例えばボタンのクリック音とかって実際にボタン押して試してみたい！で候補が結構ある。そんなこと
asXRayAS2 では定評のあったツール。AS3 にも対応している。サイトhttp://code.google.com/p/osflash-xray/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コンソール出力 (専用ビューワ)参考"XRay" - ActionScript3 版の Firebug みたいなデバッグツール - てっく煮ブログ Alconインスペクタとコンソールのセット。パフォーマンス情報が見れたり、オブジェクトの詳細な情報をダンプできるようだ。ビューワは AIR 製。サイトhttp://blog.hexagonstar.com/alcon/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コ
ActionScript Thread Library 1.0 (そうめん) とは はじめにこの処理をして、次にこの処理をして...、という処理の流れを「スレッド (Thread)」と呼びます。英単語の「Thread」には「糸」「縫い糸」「筋道」「脈絡」といった意味があります。 ActionScript 3.0 (FlashPlayer 9) は、処理の流れがひとつしかない「シングルスレッド」で、かつイベントを介して処理を進める「イベント駆動」を採用しているため、データのロード完了を待つ、ユーザーがマウスをクリックするのを待つ、といった非同期処理が入るととたんにコードが複雑になる傾向があります。 そこで登場するのが ActionScript Thread Library 1.0 (そうめん) です。 ActionScript Thread Library は、タスクシステムと Java の
as先日の Shibuya.js のあとに、BeInteractive! の yossy さんが「swfassist を使ってくれる人が少なくて悲しい」みたいなことを言ってたので、埋め込みフォントのベクタ情報を swfassist を使って取得してみた。SWF のバイト情報は loaderInfo.bytes に入っている。そこで、フォントを埋め込んだ SWF を swfassist に食わしてやると、フォントのベクタ情報が取れる。このベクタ情報を元に ShapeOutlineDrawer を使って描画してる。(追記) ただし、loaderInfo.bytes は Flash Player 9.0.115 以降にしか含まれていないので、それ以前のバージョンだとエラーになる。ShapeOutlineDrawer には graphics.lineStyle(1,0x000000); という行が
as埋め込みフォントの情報を swfassist で取得するから先へ進んで、フォントのベクタ情報を加工して遊んでみよう。(追記) 手元の Firefox だと「bytes が読み取れない」と例外が出る。ブラウザや Player のバージョンによっては動かない！？ bytes は Flash Player 9.0.115.0 以降にしかないので、それ以前のバージョンでは動かない…ということだ。swfassist には描画の仕方を定義する FlashGraphics クラスがある。これを拡張して、FuzzyFlashGraphics というクラスを作成してみた。与えられた座標から、ずらして描画するためのクラスだ。さっそく例。ランダムにずらしつつ、ずらす幅を時間ごとに変化させてみた。FlashGraphics オブジェクトのコールバック関数 f で歪め方を定義する。そこそこ汎用的に遊べるんじゃな
as埋め込みフォントを使う場合のちょっとしたTipsを３つ紹介しておく。1. 何も考えずにフォントを埋め込む方法フォントを埋め込むには、Embed メタタグを利用する。 package { import flash.display.Sprite; import flash.text.TextField; public class EmbedFontTest extends Sprite { [Embed(source='アニトＭ-教漢.TTF', fontName='anito')] private var font:Class; public function EmbedFontTest(){ stage.align = "TL"; stage.scaleMode = "noScale"; var textField:TextField = new TextField(); textFi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
