Flashでグニグニ曲がるUIを作る方法 - しっぽのブログ
前にtwitterアイコンやpixivの画像をプヨプヨすることのできるpuyopixというコンテンツを作りました。 Puyopix -プヨプヨにするよ- このページの右上にあるブログパーツもこれです。 解説をやると言っておいて、ずっと書いていなかったので書きます。 あんまりコードだらけにしても面白くないし、方法の概念的なものを図を交えながら説明していきます。 画像をプヨプヨする方法の概要と、それをUIに応用する方法です。 プヨプヨの実装 骨組みを作る 格子状バネという、わりと普通の実装をしています。 格子状に並んだ各点をばねのように接続します。 バネはお互いの点の距離が一定になるように、２つの点に逆方向の力をかけます。 フックの法則というのがあって、「F = -kx」とかいう式もありますが、プログラムとしての感覚は「本来あるべき距離の方向へ、ズレた分の○%だけ加速度をつける」って感じになり
[AS3] Illustratorのような3次ベジェ曲線を書く « きんくまデザイン
こんにちは。きんくまです。 今回は、３次ベジェ曲線についてです。 このブログでも今までも何度かベジェ曲線について調べたりしてました。 >> 線をアニメーションするやつを作ってみたけど色々と課題が… >> 線のアニメーションできた！ただし節はあいかわらず… でまあ、nutsu先生のを参考にいろいろとやってたりしました。 今回はとある案件で必要になりそうなので、もう少しつっこんでやってみようという感じです。 ↓ コントロールポイントとハンドルをドラッグできます。 AS3だと2次ベジェの描画APIしかないんで、イラレみたいな3次ベジェは自分で実装します。 といっても、自分じゃわからないので、下記サイトにお世話になりました。 >> ベジエ曲線の仕組み (3) – ３次ベジエ曲線（てっく煮ブログ） >>滑らかな3次ベジェでゆらゆら曲線を描く（FICC LABS） それで、３次ベジェを２次ベジェで近似
2行のスクリプトで3次元の消失点をコントロールする | デベロッパーセンター
INDEX 01 3次元空間の表現と消失点 02 [ヘルプ]のサンプルクラス 03 消失点を移動する 04 消失点のモーショントゥイーン 05 もう一歩先へ サンプルファイル サンプルファイル(Flash CS4形式/約28KB) Adobe Flash CS4 Professional (Flash Player 10)では、3次元の表現ができるようになりました。3次元空間の座標や設定は、オーサリング(ムービー作成)時だけでなく、もちろんスクリプトでもコントロールできます。今回は、いわば視線の方向が決まる「消失点」を、2行のスクリプトで動かしてみます。ActionScript 3.0の初級者向けの解説です。 01 3次元空間の表現と消失点 Flash CS4では、[プロパティ]インスペクタで、奥行きを定めるz座標が設定できます。[3D位置とビュー]セクションで[Z]に正の値を設定すると
Adobe - デベロッパーセンター : こくばん.in：リアルな書き味と消し味を実現するテクニック
「こくばん.in」とは 「こくばん.in」は、“黒板に落書き”という学生の頃に誰もが体験したことをWeb上で味わうことのできるお絵かきサービスです。絵に自信がない人でも気軽に落書きを楽しめる場所として、2008年2月末にサービスインしました。 使い方は、まさに黒板と同じです。画面下部に並ぶ6色のチョークのいずれかを選択し、黒板上をクリック＆ドラッグするだけで自由に線を書くことができます。線を書く際に、上下カーソルキーあるいはマウスホイールを使えば、線の太さが変わります。また、画面右下には黒板消しがあり、クリック＆ドラッグすることで書いた線を消すことができます。 図1：チョークを勢いよく動かすと線がかすれた感じになったり、黒板消しでこすると線がぼやけた感じになったりと、実際のチョークの書き味と消し味を再現しています 落書きが完成したら、画面右下の投稿ボタン使って「みんなのらくがき」コーナー
プログラマのためのFlash遊び方
今回からは、実践的なFlash作りを始めていきます。ActionScriptで簡単な図形描画をしながらActionScript 3.0の感覚をつかんでいきましょう。 最初は地味なサンプルと退屈な文法の解説が続きますが、後編では次のようなWeb 2.0 風バッジをActionScriptだけで描画します。がんばってついてきてください。 サンプルコードをコンパイルしよう 円や四角を描画するだけの簡単なサンプルを用意しました。味気ないサンプルですが、ActionScript 3.0の基本がたっぷり詰まっています。 package{ ------(1) import flash.display.Sprite; ------(2) public class DrawTest1 extends Sprite { ------(3) public function DrawTest1() { -----
Flashゲームプログラミング講座 For ActionScript3.0
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
MOONGIFT: » ソースを見てActionScriptの勉強「Flare」:オープンソースを毎日紹介
プログラムの最も早い習得方法は、他人のソースを見ながら勉強することだ。興味がもてる材料だけに、ただ本を眺めるよりも効率的に覚えることができる。 では興味の対象がソースを公開していなかったらどうしたら良いだろう。そのためにこれがある。 今回紹介するフリーウェアはFlare、Flashのデコンパイラーだ。 デコンパイラーは名称のまま、逆コンパイルをするためのソフトウェアだ。構成する素材全てが取れるわけではなく、flrという拡張子でActionScript部分が抽出される。逆に素材が欲しい場合は、HugFlashを使おう。 ソースを見てみる事で、実際に行われている処理やサポートされている関数を知ることができる。実は明文化されていない裏APIがあった、なんて事があるかも知れない。尚、動作はWindows、Mac OSX、DOS、Linux、Solarisとなっている（GUI版のMac OSXではう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code Profiles --- W. Bradford Paley