< « 2007年12月 | main| 2008年02月 » >

CSS「ul li」IE Firefox ズレ解消メモ

WEBデザインメモ

2008年01月23日

久々CSSコーディングしてて、
どっぷりハマッてしまった部分メモ。

「li」部分に背景画像を指定した時、
margin,paddingを0に指定しても、
背景画像と文字部分がズレてしまって、
2時間ぐらいハマりました。。。

回避方法は、
「li」部分に

list-style-position:outside;

を指定するだけ。

衝突判定とキーイベント

FLASH勉強

2008年01月19日

mikan.jpg

mikantest.swf
・Spaceキーでミカン増殖します。
・ドラッグ&ポイでミカン投げます。


デスクトップアプリにてミカンが気ままな動きするヤツが
あったな~~っと懐かしく思い、それっぽく作ってみた。
※全然再現できませんでした。。


■メモ(衝突判定)


var dx:Number = mikan1.x - mikan0.x;

var dy:Number = mikan1.y - mikan0.y;

var dist:Number = Math.sqrt(dx*dx + dy*dy);

if(dist < mikan0.radius + mikan1.radius)

{

※衝突した時の処理

}


オブジェクトAとオブジェクトBの距離が2つの半径の和より
大きいか小さいかにて判断。
オブジェクトAとオブジェクトBの距離は
Math.sqrt(dx*dx + dy*dy);
公式で覚えてしまおう!!

■メモ(速度や位置などの反転)


//その1
result.x = x * cos + y * sin;

result.y = y * cos - x * sin;


//その2
result.x = x * cos - y * sin;

result.y = y * cos + x * sin;


全く説明つけれない。。


■メモ(位置の更新)


var vxTotal:Number = vel0.x - vel1.x;

vel0.x = ((mikan0.mass - mikan1.mass) * vel0.x +

2 * mikan1.mass * vel1.x) /

(mikan0.mass + mikan1.mass);

vel1.x = vxTotal + vel0.x;


暗号にしか見えない。。。

投げとカラーエフェクト

FLASH勉強

2008年01月18日

blurtest.jpg
マウスドラッグで「投げ」れます。

blurtest.swf

これは凄い重いかもしれません。。

本で学んだ「投げ」とエフェクト関係組み合わせてみました。
「投げ」に関しては重くないんだけど、
エフェクト関係の処理がだいぶ重いみたいです。。

いまいち理解していないのですが、
BlurFilterとColorMatrixFilterを使用しています。


■メモ (投げ)

private function trackVelocity(event:Event):void {
vx = mc_niwatori.x - oldX;
vy = mc_niwatori.y - oldY;
oldX = mc_niwatori.x;
oldY = mc_niwatori.y;
}

ドラッグした時の1fps間の移動速度を記録(変数vx,vy)する。

とりあえず、papervision3dを動かしてみる。

FLASH勉強

2008年01月11日







「とりあえず動かしてみる」と余裕ぽいタイトルですが、
動かすだけでかなり苦戦しました(´・ω・`)/~~

ASの知識と経験がある人なら簡単にできるんだろうけど。。

ActionScriptの本を引き続き読み進めているのですが、
去年の今頃は、「初めてのphotoshop CS2」を読んでてサパーリだったなと
感慨に浸ってみたりな今日この頃です。

papervision3dが動かない。。メモ

FLASH勉強

2008年01月08日

F-siteの↓の記事サンプルを試してみたが、
[papervision3d]*Step1*マウスイベント等を付けたりしてみる

papervision3d部分でエラーが。。。

とまあ、原因はtrick7様のところで書かれてるのと同じでした。
Papervision3D 1.5 をダウンロードしたら 1.1 だった件

googleからソース(zip)をダウンロードしてけど、
バージョンが少し違うみたい。

papervision3dの正しいゲット方法は
↓こちらに詳しく書かれていました。
Subversionのダウンロードとインストール


無事動いた!!


■追加
とおもったら、また動かない。。

レポジトリはこちらが最新みたいでした。
http://papervision3d.googlecode.com/svn/trunk/

これにて無事コンパイルエラーはなくなった!

Papervision3Dのフォルダ階層

FLASH勉強

Papervision3Dのフォルダ階層を書き出してみた。
※org\papervision3d以下

どれがどういう役割をしてるかさっぱりだ。。。


→Papervision3D.as

■[utils]
 →InteractiveSceneManager.as
 →InteractiveContainerData.as
■[scenes]
 →Scene3D.as
 →MovieScene3D.as
 →InteractiveScene3D.as
 →FlexScene3D.as
■[objects]
 →Stars.as
 →Sphere.as
 →Plane.as
 →PaperPlane.as
 →DisplayObject3D.as
 →Cylinder.as
 →Cube.as
 →Cone.as
 →Collada.as
 →Ase.as
■[materials]
 →WireframeMaterial.as
 →VideoStreamMaterial.as
 →MovieMaterial.as
 →MovieAssetMaterial.as
 →MaterialsList.as
 →InteractiveWireframeMaterial.as
 →InteractiveVideoStreamMaterial.as
 →InteractiveMovieMaterial.as
 →InteractiveMovieAssetMaterial.as
 →InteractiveColorMaterial.as
 →InteractiveBitmapWireframeMaterial.as
 →InteractiveBitmapMaterial.as
 →InteractiveBitmapFileMaterial.as
 →InteractiveBitmapColorMaterial.as
 →InteractiveBitmapAssetMaterial.as
 →CompositeMaterial.as
 →ColorMaterial.as
 →BitmapWireframeMaterial.as
 →BitmapMaterial.as
 →BitmapFileMaterial.as
 →BitmapColorMaterial.as
 →BitmapAssetMaterial.as
 ■[utils]
  →BitmapMaterialTools.as
■[events]
 →InteractiveScene3DEvent.as
 →FileLoadEvent.as
■[core]
 →NumberUV.as
 →Number3D.as
 →Matrix3D.as
 ■[stat]
  →RenderStatistics.as
 ■[proto]
  →SceneObject3D.as
  →MaterialObject3D.as
  →GeometryObject3D.as
  →DisplayObjectContainer3D.as
  →CameraObject3D.as
 ■[geom]
  →Vertices3D.as
  →Vertex3D.as
  →Vertex2D.as
  →Mesh3D.as
  →Face3DInstance.as
  →Face3D.as
 ■[draw]
  →IFaceDrawer.as
 ■[culling]
  →RectangleTriangleCuller.as
  →ITriangleCuller.as
  →DepthTriangleCuller.as
  →DefaultTriangleCuller.as
  →CompositeTriangleCuller.as
■[components]
 ■[as3]
  ■[utils]
   →CoordinateTools.as
  ■[flash9]
   →PV3DScene3D.as
   →PV3DColladaScene.as
   →Logo.as
  ■[core]
   →PV3DUIComponent.as
  ■[collections]
   →MaterialsListItem.as
■[cameras]
 →FreeCamera3D.as
 →Camera3D.as
■[samples]
 ■[ase]
  →HelloAse.as

あけましておめでとうございます。

2008年01月01日

去年2007年を振り返るぞ!

■プライベート面
 良いこと無かった。。むしろ悲しいことの方が多かった^^;

■仕事面
 こちら激動の2007年でした。
 ブログのサブタイトルにもあるように、半NEETだった僕が、
 2007年1月にWEBデザイナーになろう!!っと決意しました。
 HTMLは少し知っていたものの、CSS,photoshop,illustrator,FLASH,PHPなどなど、
 初めてさわって勉強して・・・大変だった。。
 
 去年10月ぐらいからFLASH(Actionscript)を主として
 勉強しはじめて、只今少しずつ組めるように?なってきたような。。

■今年の豊富
 去年に引き続き「勉強」に力を入れていきたいです。
 Actionscriptをがっつり出来るようになるのと、

 「基本情報技術者試験」←これに合格する!!
 
 ここ数年そろそろ取らなければと思いつつ
 ほったらかしにしてきたので今年こそは。。。

 あと、絵の習い事を再開しようと思いまする。

< « 2007年12月 | main| 2008年02月 » >
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付)
クラスで書けるようになった。配列のpushとかspliceとかsliceとかややこしい部分の辞書代わりにも使ってます。XML関係もこれで覚えた。
ActionScript 3.0 アニメーション
vx,Math,cos,sinとか???な数学的な部分をこの本で理解できた気がします。逃げたいジャンルだけどFLASHに必須なジャンルなのよね。。
Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
ActionScript応用への第一歩。ただこれを読む前に入門ノート1を先に読んでおいた方がよさそう。ASの世界が広がった気がする本です。
Flash Creative Workshop
FLASHを始めて右も左も分からない時に救世主となった本。FLASHサイト制作法がなるほど!っと。ActionScriptバリバリの人はスルー。
FLASH OOP for ActionScript 3.0
FLASHの「今の主流」を知ることが出来る本。筆者の方々は総勢10人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。