Flashでグニグニ曲がるUIを作る方法 - しっぽのブログ
前にtwitterアイコンやpixivの画像をプヨプヨすることのできるpuyopixというコンテンツを作りました。 Puyopix -プヨプヨにするよ- このページの右上にあるブログパーツもこれです。 解説をやると言っておいて、ずっと書いていなかったので書きます。 あんまりコードだらけにしても面白くないし、方法の概念的なものを図を交えながら説明していきます。 画像をプヨプヨする方法の概要と、それをUIに応用する方法です。 プヨプヨの実装 骨組みを作る 格子状バネという、わりと普通の実装をしています。 格子状に並んだ各点をばねのように接続します。 バネはお互いの点の距離が一定になるように、２つの点に逆方向の力をかけます。 フックの法則というのがあって、「F = -kx」とかいう式もありますが、プログラムとしての感覚は「本来あるべき距離の方向へ、ズレた分の○%だけ加速度をつける」って感じになり
MacでFlashやるならコレ! 魅惑の開発環境FDTでつくろう！ | _level0 - KAYAC Front Engineer Blog
メディア芸術祭行かれましたか？ 会場は狭くなっちゃったけど今年も面白い作品目白押しで大満足のMuraiです。 さて、みなさんFDTご存じですか？ 僕も年末にセットアップした初心者ユーザーのひとりですが、色々と手に馴染んできた所で、ざっとまとめを書いてみたいと思います。 ちなみにタイトルはMacガン押しですが、もちろんWindowsでも使えます！ FDTって？ http://www.solutions.powerflasher.com/jp/ FDTはPowerFlasherという会社が作っているActionScript用改造Eclipseです。 AS3/AS2 MXMLを爆速でコーディングすることができます。 QuickFix(自動変数定義、自動import、自動クラス生成、自動プロパティ定義、自動メソッド定義 etc) 至れり尽くせりのコードフォーマットセッティング 賢いコード補完（文章
てっく煮ブログ - ActionScript やるなら入れとけ。rascut 導入と使い方。
asActionScript 3.0 でコマンドライン開発してる人は必携の rascut を導入してみた。Flex 開発や AIR 開発でも使えるよ。rascut は id:secondlife さんによる fcwrap 後継バージョン。ファイル修正から自動的にプレビューまでできたり、trace() の出力をコンソールに出力してくれたり、かなり便利。以前、勝手が分からずにかなり苦労したけど、最近、RubyForge にアップロードされてからは gem 一発で超簡単になったよ。前準備Flex SDK と fcsh を準備しましょう。fcsh にはパスを通しておきましょう。Flex SDK については ActionScript 3.0メモ さんを参照あれ。fcsh については fcsh で Apollo を高速コンパイル あたりを参照あれ。Flex 3.0 SDK には fcsh が付属してる
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
特集：Box2DでActionScript物理プログラミング｜gihyo.jp … 技術評論社
第3回マウスのドラッグ＆ドロップで、好きなサイズの箱を作る 木村秀敬 2008-06-17
「家庭教師のトライ」のCM風に落書きできるサービス「TryPaint」公開 - 最速チュパカブラ研究会
「家庭教師のトライ」のCMで、お偉いさんが堅い話をしている映像がリアルタイムで落書きされるというのがあります。 これを再現するサービス「TryPaint」を作ってみました TryPaint: http://try.dzfl.jp/ 遊び方 Webカメラを接続して上記のURLへ行ってください カメラを選択するボタンが現れるので、いずれかを押して選択してください（アナログテレビのチューナがある場合は、それも表示される場合があります） カメラに顔を映してください 画面下の丸いエリアに絵を描いてください 顔の認識に成功すると、描いた絵が顔の上に表示されます ボタンの説明 描いた絵をサーバ上に公開します カメラからの取り込み映像を一時停止します アンドゥです。1回だけです（´・ω・） 記念撮影をします 絵を消去します 補足 顔全体だけでなく目も認識に使っているので、カメラに目を見せるようにすると動き
AS3 で埋め込みフォントを使うテクニック - てっく煮ブログ
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
Adobe - デベロッパーセンター : ActionScriptのノウハウをみんなで共有しよう＠Spark project
Spark projectを始めることになった経緯 C、C++、Java、.NETなど、他のプログラム言語では日夜多くのクラスライブラリが開発され、プログラマーの間でさまざまなノウハウが共有されています。しかし、ActionScriptに目を向けてみると、その数は圧倒的に少なく、散在しています。特に、国内ではその傾向が顕著です。「ActionScriptは手軽なスクリプト言語だから」…そんな理由もあるのでしょう。とはいえ、ある程度開発を行っていると、同じようなスクリプトを何度もたくさん書いている自分に気付くはずです。「同じようなスクリプト」は、他の誰かが同じように書いているかもしれません。みんなのスクリプトをまとめて共有できるようになれば、同じではない部分、つまりオリジナルな部分にもっと時間を割くことができるでしょう。でも、ActionScriptには、そんな風にスクリプトを共有できる場
AS3.0 で 3D プログラミングを１から勉強する (5) - テクスチャを張る - てっく煮ブログ
as面を塗ることができたので、面に画像を貼り付けるのも簡単。画像を６つ用意して、立方体の上に貼り付けてみることにする。といっても前回までとほとんど変わらなくて、各頂点の 2D 上の座標を求めてから、画像を歪めて描画するだけでよい。問題は「どうやって画像を歪ませるか」という一点のみ。ActionScript 3 で画像を歪ませる方法ここからは完全に AS3 に限定したノウハウになる。答えは Graphics.beginBitmapFill() メソッドにある。 public function beginBitmapFill( bitmap:BitmapData, // 表示するビットマップ matrix:Matrix = null, // 変形方法を Matrix で指定 repeat:Boolean = true, // リピートするか smooth:Boolean = false //
AS3.0 で 3D プログラミングを１から勉強する (4) - 面に色を塗る - てっく煮ブログ
asワイヤーフレームにも飽きてきたので、色を塗ることにしよう。面に色を塗ることを、3D 用語ではシェーディングと呼ぶらしい。今回はその中でもシンプルなフラットシェーディングという技法を取り上げる。といっても、ActionScriptによるWebの3Dグラフィックス再入門 (2) - シェーディングでもっと3Dらしく：CodeZine で解説されてる通りにコーディングしているので、詳しいことはそちらの記事に譲ろう。コーディング結果はこうなった。だいぶ嬉しい感じ。これで終わるのもさすがに寂しいので、ソースの全体の流れを説明しておこう。奥の立方体から描画するために並べ替える立方体の面についても奥の面から描画するために並べ替える各面の法線ベクトルを求める面の明るさを求める面を描画するそれぞれについて簡単にみていく。1. 奥の立方体から描画するために並べ替える面を塗るにあたっては、塗る順番が重要にな
AS3.0 で 3D プログラミングを１から勉強する (3) - 透視投影 - てっく煮ブログ
as前回までのサンプルでは、遠くのものも近くのものも同じ大きさで表示していた。これでは立体感がでないので、遠くのものほど小さく表示するようにしたい。これを実現するには「投影」の方法を考えることになる。投影というのは、3D 上の点を 2D にマッピングすることを指す。今までは、Zの値を無視する方法を利用していたが、この手法には平行投影という名前がついている。それに対して、今回紹介するのが透視投影だ。遠くのものほど小さく表示できるので、遠近感を表現できる投影方法となっている。透視投影ってなあに？透視投影では「焦点」と「スクリーン」という概念が登場する。焦点は自分の目を表し、スクリーンは 3D の空間を投影する面である、と考えると分かりやすいだろう。スクリーンを窓として考えると、もっとすっきりするかもしれない。貴方は窓から外の景色をみている。窓の外の景色を、窓の上に見えた通りに描いていったとしよ
AS3.0 で 3D プログラミングを１から勉強する (2) - 行列の導入 - てっく煮ブログ
asこのまま実装を進めていくとソースが複雑になりそうなので少し地盤を固めておこう。座標計算を簡潔にするために行列クラスを導入する。Matrix3D クラス前回は軸の周りの回転を公式 p.x = Math.cos(rad) * x + Math.sin(rad) * y; p.y = -Math.sin(rad) * x + Math.cos(rad) * y; を使って直接計算していたけど、ここを行列に置き換えてみる。ちょうど、3D ライブラリ FIVe3D 2.1 に Matrix3D クラスがあったのでこれを借用した。X軸周りに rad ラジアン回転する演算は次のように書けるようになる。 // 回転前の点 p1 を定義 var p1:Point3D = new Point3D(0, 10, 20); // rad ラジアン回転する行列を作成 var matrix:Matrix3D =
AS3.0 で 3D プログラミングを１から勉強する (1) - てっく煮ブログ
as3D の原理をあまり知らなかったので、ActionScript 3.0 で１から勉強してみた。１からなのでフレームワークは使わず、自力で実装していく。Web 上には色んな資料があってありがたいだけど、玉石混交な上に、有用なものでも一本道で幅の狭いものが多い。前提知識のない自分にとっては、資料間の関連性を理解するのが大変だった。なので、なるべく簡単なところからスタートしつつ、広く浅く体験していくことを目標としてみる。まずは、四面体をワイヤーフレームで表示するところからスタートしよう。四面体を定義するまずは、3次元上の点を表現する Point3D クラスを作る。 class Point3D { public var x:Number; public var y:Number; public var z:Number; public function Point3D(_x:Number =
Adobe - デベロッパーセンター : こくばん.in：リアルな書き味と消し味を実現するテクニック
「こくばん.in」とは 「こくばん.in」は、“黒板に落書き”という学生の頃に誰もが体験したことをWeb上で味わうことのできるお絵かきサービスです。絵に自信がない人でも気軽に落書きを楽しめる場所として、2008年2月末にサービスインしました。 使い方は、まさに黒板と同じです。画面下部に並ぶ6色のチョークのいずれかを選択し、黒板上をクリック＆ドラッグするだけで自由に線を書くことができます。線を書く際に、上下カーソルキーあるいはマウスホイールを使えば、線の太さが変わります。また、画面右下には黒板消しがあり、クリック＆ドラッグすることで書いた線を消すことができます。 図1：チョークを勢いよく動かすと線がかすれた感じになったり、黒板消しでこすると線がぼやけた感じになったりと、実際のチョークの書き味と消し味を再現しています 落書きが完成したら、画面右下の投稿ボタン使って「みんなのらくがき」コーナー
AS-users.jp - 日本の ActionScript ユーザのためのハブサイト
現在は自動車のジャンルが多様化の兆候を見せているのではないかと考えられています。こうしたジャンルの多様化が進行することに伴い、新しく車を購入する人からは、自分の希望する車を手にすることのできる可能性が高まると認識されるのではないでしょうか。これまでになかった、ニュータイプの車も複数のメーカーから作られる動きが見受けられるものとなってきており、その動きも関心を集めつつあるとされています。 以前から一定の支持を獲得している軽自動車やコンパクトカー、セダンなどは、現在でも需要の高い状況が続いています。それに加えて、最近ではSUVやクロカンなどの自動車も台頭してきており、ファミリー層などからの需要を一気に集めるモデルとして挙げられるのではないでしょうか。このような多彩なジャンルの自動車が販売される状態は、日本をはじめとする多くのエリアで確認されており、車に乗りたいと思う人のニーズを引き出すことにも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2008-11-16 - 人工無脳が作りたい - Morioka.as->lab(0x02)に行って来た。