OkAGOSTINI 第5号 マウスを追跡&押してる間だけ線を引く★解答例

2010.11.30(火)

サイコロってやつは不平等で理不尽で、
時に残酷である事を人類は知るべきだと思っているダーマンです。

というわけでネタに詰まったので、
オカゴスティーニをやります!

OkAGOSTINI 第5号 マウスを追跡&押してる間だけ線を引く★解答例 – wonderfl build flash online

今回の肝は、
マウスが押されている時だけ描画されるという所ですね。
これを応用していくと、お絵かきツールとかも作れちゃいます。
http://www.yogaframe.com/romanticism/

あと、バネの動きはコチラを参考にどうぞ!
http://homepage3.nifty.com/qazu/pendulum.htm

BlenderのポリゴンをPapervision3Dへ書き出すライブラリが出来てたので試してみた。

2010.11.09(火)

みんな大好き本格3D制作ソフト、その名も「blender(ブレンダー)」!しかもタダ!!!

そして今回使うライブラリはコチラ
Export your Blender objects straight to Away3D, Papervision3D and Sandy!

解凍後以下のフォルダに中身を入れます。
(「Blender 2.49b」を使用してます。)

C:\Users\\AppData\Roaming\Blender Foundation\Blender\.blender\scripts

準備完了!作業に移ります。

続きを読む »

いまさらながらAR!でもワケがあるんです。

2010.11.08(月)

今さらですが、ARを掘り返してみたいと急に思いました。
過去にbeshinさんが「FLARToolkitやってみた」の記事を書いていたのが2009.06.29(月)で、
えぇ、そうですよ。
一年前のネタですよ。

いやでもね!
最近AR界隈が賑やかになってきたと思ったら、

出てるじゃない!新技術!
ARがすごすぎる! 未来のマクドナルド

来てるじゃない!近未来!
動画:ドコモの拡張現実メガネ AR Walker

というわけで、最近のAR記事をまとめてみました。

続きを読む »

Fireworks CS5の新機能とか小技とか

2010.09.28(火)

だいぶ乗り遅れ気味ですけど、個人的に作業効率がアップするものに鮮度なんて関係ないと思うんですよね。

というわけで、いつもお世話になっているFWがCS5になったので、
新機能とやらを試してみました。

え?うそでしょ?文字にグラデーションがかけれるようになりました

以前ならパスに変換してパスを合体させてグラデーションをさせてましたが、この機能のおかげでその手間も省けて変更もドント来いです。

なにそれ?まさにパーフェクト!ピクセルパーフェクト!

オブジェクトを等間隔で並べたりすると、パスがピクセルに沿わなくてぼけてしまうときがありますよね。

だがしかし!「変更(M)→ピクセルにスナップ Ctr+K」を押すとアンチエイリアスのブレを消してくれます!もはや、これなくして生きていけない。ありがとうアドビさん。

面取の滑らかさは常に保ちます

角丸の半径をピクセル指定できるようになってました。ありがたや~。以前はオブジェクトの大きさ変更すると角丸の半径もそれにつられて変わってしまうので、毎回パスに分解して大きさを変えてましたが、もうそんな面倒なことしなくてもいいんです。

角丸が崩れても、もう慌てない。元通りコマンドー

拡大縮小ツールでオブジェクトを変形させると、角丸が崩れることってよくありますよね。
そんな時にはコチラ!

これのおかげでどんだけ拡大縮小しても安心安心。自作でコマンド作ってみたくなりました。

将来こんな機能が実装されたらいいな

内容的には、HTMLのマークアップをしながらデザインしたほうがいいんじゃねってな感じの内容だと思います。

http://www.vart.io/6-new-features-improvements-for-adobe-fireworks/

この記事より詳しい説明

「IA」ってなんですか?

2010.08.03(火)

最近個人的によく耳にするのが「IA」という単語。
気になったので少し調べてみました。

どうやら、情報アーキテクチャ(Information Architecture)の略称のようです。
wikiから抜粋すると、

「情報をわかりやすく伝え」「受け手が情報を探しやすくする」ための表現技術である

情報アーキテクチャ

ウェブの場合、動画や、フラッシュなどのテクノロジーが発展し、
情報整理が難しくなっているような気がします。
なので、いま情報アーキテクチャの考え方が必要になってきてるみたいです。

僕はデザインするときクオリティの部分しか見えなくなる時があるので、
見てくれる人がちゃんと情報を引き出せてるのか、
考えながらデザインする必要があると考えるようになりました。

IAにもいくつか手法があるようです。

  • ユーザー調査
  • ペルソナ設計
  • メンタルモデル開発
  • 情報設計
  • ウォークスルーテスト

が、詳しくわからなかったので、
次回に持ち越したいと思います。
IA(情報アーキテクチャ)にフォーカスしたCSS Nite LPを9月に開催

なんでもブックマーク。その名も「Zootool」

2010.07.21(水)

世の中にはブクマ系のサービスが充実しておりますが、
Zootoolは他とは一味違うようです。


http://zootool.com/

簡単に説明すると、気に入ったサイトや画像などを気軽にブックマークして一覧して見れるサービス。
らしいので使ってみました。

続きを読む »

OkAGOSTINI (オカゴスティーニ)第4号 ボタンで操作★解答例

2010.07.06(火)

前回、恐れ多いことで課題を出させてもらったんですけど、
僕が今現在ベストな考えで解答例を出させてもらいます。

ここらへんの仕組みがわかるといろんなところで応用できるので、
よければ参考にしてやってください!

flash on 2010-7-6 – wonderfl build flash online

OkAGOSTINI (オカゴスティーニ)第4号 ボタンで操作

2010.06.18(金)

darmanです。
自分名前、岡田って言うんですけど、
そのノリで「OkAGOSTINI」っていうフラッシュの練習台を作ってます。
簡単に偉そうに言うと、僕が作るオカゴスティーニ フラッシュをどんな方法でもいいから再現してください。
とったものです。

いま、1~3号までやってますが、
ついに4号を出します。
というか、出さざるを得なくなったので作りました。

第四回はマウスイベントを巧みに使ってインタラクティブな動きを作ろうです。
真ん中の四角をみんなでよってたかっていじっちゃおうというフラッシュです。
さあ、みんなで考えよう!

続きを読む »

FlashDevelopでASDoc

2010.06.15(火)

フラッシュ制作をしていくと、
「俺の、俺による、俺のためのクラス」がちまちま作られていくわけですが、
見返してみるとこのクラス結局何したいの?
っていうのが大量発生するわけです。

そこで、自分が汗水流して作ったクラスちゃん達を
埋もれさせないためになにかドキュメントにまとめたい。

そんなときにはこれ!
「ASDoc!」

なじみがあるのは、FlashのビルドインクラスやProgressionのASDocかと思われます。

・ActionScript 3.0 コンポーネントリファレンスガイド
http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/
・Progression 3.1 – API Reference
http://asdoc.progression.jp/

あ、なんかプロっぽくていいね!すごくいい!
では、早速作ります。
続きを読む »

GitとTortoiseGitとgithubでレッツソーシャルコーディング

2010.03.29(月)

Gitというものが最近はやってるらしいので、やってみました。

●Gitってなに?
「分散型バージョン管理システム」らしいのですが、
簡単に言うと、ファイルの変更履歴を管理できる仕組みだと思います。
分散型というのは、リポジトリが1箇所に集中しているのではなく、複数個所に分散し、リポジトリ間で変更履歴のやり取りができるという意味らしいです。
リポジトリはデータベースのように、
データを貯蔵出来るサーバみたいなもんだと思われます。

●何ができるの?
自分が持っているソースコードを管理できて、
更新ごとにファイルがバックアップされ、いつでももとに戻すことが出来る。
さらに、ファイルのマージが簡単にできてどこをどう編集したか、
一目瞭然になる。

■インストール方法————————————
1.Gitをインストール

いろいろ、いろいろ選択肢は出ますけど、
道なりにインストールしてください。

・Git ダウンロード
http://code.google.com/p/msysgit/downloads/list
Git-1.7.0.2-preview20100309.exe

2.Gitクライアントをインストール

Git単体で使うことも可能ですが、
玄人向けで難しいので、今回はGit専用のクライアントを使います。

・TortoiseGit ダウンロード
http://code.google.com/p/tortoisegit/downloads/list
TortoiseGit-1.3.6.0-32bit.msi

・インストール方法と使い方はこちら
「実用レベルに達したWindows向けGitクライアント「TortoiseGit」でGitを始めよう」
http://sourceforge.jp/magazine/09/06/19/0340248

3.githubを使ってソースコードを公開

1と2でローカルのバージョン管理は出来るのですが、
せっかくなので、自分のソースコードをウェブに公開してみます。

・github -SOCIAL CODING
http://github.com/

・GitHubをTortoiseGitから使ってみる
http://d.hatena.ne.jp/k2ca3/20090709/1247070673

だいたい人頼みでしたけど、
これで、安全で快適なプログラミングライフを送れることが出来そうですね!

ちょっと、公開まで手順が多めなのですが、
githubでは他人のコードをダウンロードしたりフォークしたりできるので、
たくさん刺激を受けることが出来るかもしれませんね。