< | 前の5日分>

崖っぷちWEBデザイナーブログ リニューアル!!

ブログ構築過程

2008年09月06日

重い腰をあげてブログリニューアルしました。

Windows Vista

Firefox3.01
IE7
Safari3.1.2
Google Chrome0.2

Windows XP

Firefox2.0
IE6
Safari3.1.1

一応上記のブラウザと環境でチェックしましたが、見れる程度には表示されてるぽいです。 なんかおかしいぞ!ってところあれば是非ご一報をよろしくお願いします。

リニューアル作業にあたって

デザイン

FireWorksでデザインを仕上げました。PhotoShop好きっ子だったんですが、今はFireWorks好きっ子です。普段デザインはやらないのでかなり苦戦でした。2,3個没にしてキリがない!これでいいや!って感じで今に至ります。

コーディング

久々1からHTMLやらCSSをさわりました。IE6だけ問題児。ハミ子。IEが製作者から嫌われる理由がよくわかった。。。

Movable Type

システムテンプレートが非常にめんどくさい。。。「Movable Typeなら簡単にCMSが出来ますよ!」っていう売り文句が未だ信じられない。。

drecom RSS ブックマーク

ブログ構築過程

ブログカスタマイズ中

ブログ構築過程

ちょっとの間大崩れするかもです。 old_y-tti_blog.jpg
画像テスト

h3テスト

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

h4テスト

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

コード表示テスト
  1. package classes
  2. {
  3.     import flash.display.Sprite;
  4.     import flash.text.TextField;
  5.     import flash.text.TextFormat;
  6.     import flash.utils.getTimer;
  7.     import flash.events.Event;
  8.     
  9.     public class Fps extends Sprite
  10.     {
  11.         private var time :Number;
  12.         private var frameTime :Number;
  13.         private var prevFrameTime :Number = getTimer();
  14.         private var secondTime :Number;
  15.         private var prevSecondTime :Number = getTimer();
  16.         private var frames :Number = 0;
  17.         private var fpsnum :String = "...";
  18.         private var tf:TextField;
  19.         private var iBar:Sprite;
  20.         
  21.         public function Fps()
  22.         {
  23.             init();
  24.         }
  25.         
  26.         private function init():void
  27.         {
  28.             
  29.             iBar = new Sprite;
  30.             iBar.graphics.beginFill(0x990033 , 1);
  31.             iBar.graphics.drawRect(0 , 0, 100 , 15);
  32.             iBar.graphics.endFill();
  33.             addChild(iBar);
  34.             
  35.             tf = new TextField();
  36.             tf.defaultTextFormat = new TextFormat(null , 9 );
  37.             tf.textColor = 0xFFFFFF;
  38.             
  39.             addChild(tf);
  40.             
  41.             
  42.             addEventListener(Event.ENTER_FRAME,onEnterFrameHandler);
  43.         }
  44.  
  45.         private function onEnterFrameHandler(event:Event):void
  46.         {
  47.             time = getTimer();
  48.  
  49.             frameTime = time - prevFrameTime;
  50.             secondTime = time - prevSecondTime;
  51.             
  52.             if(secondTime >= 1000) {
  53.                 fpsnum = frames.toString();
  54.             // if( VERBOSE ) trace( "FPS: " + fps );
  55.                 frames = 0;
  56.                 prevSecondTime = time;
  57.             }
  58.             else
  59.             {
  60.                 frames++;
  61.             }
  62.             
  63.             prevFrameTime = time;
  64.             tf.text = ((fpsnum + " FPS / ") + frameTime) + " MS";
  65.             iBar.scaleX = iBar.scaleX - ((iBar.scaleX - (frameTime /10)) / 5);
  66.         }
  67.     }
  68. }
あああああstrongテストあああああ
blockquotetest

ブログカスタマイズ中の続きを読む

Bitmapdataのお勉強をしたかった。

FLASH勉強

2008年09月03日

Bitmapdataのお勉強。
BitmapTest2.jpg
※クリックで写真爆破→写真配置→爆破→配置・・・

今年の1月に行われた第11回てらこにて、
さくーしゃさんがライブコーディングしたやつ
当時、ソース見てもサッパリ??????だったので
今になってもう一度見返してみた。

おお。何となく分かるぞ~!!ちょっと嬉しい。


で、それぞれのパーティクルをピクセルではなく、
Bitmapdataに置き換えてやってみました。


ん~。なかなか気持ちい。



■追記
BitmapTest2_2.jpg
どうもIEだけフレームレートが遅い。
私のIEがダメなのかどうか。。
FirefoxとGoogle Chromeは普通に速度出てるぽい。


src

Font読み込みのテストからFive3D

FLASH勉強

2008年08月30日

注)重いかもです。
fontLoadTest1.jpg

フォント埋め込み&パブリッシュした時の待ち時間に萎えてしまったので
CS3版 フォントのダイナミックなローディング@_level0.CUPPY
↑を試してみました。

これはイイ!!パブリッシュ萎えに悩まされなくて済みそうだ。



フォント関係ついでに
AS3.0 で 3D プログラミングを1から勉強する (1~5)@てっく煮ブログ
↑こちらも試してみたかったのだが、第3,4回あたりで僕の頭脳ではついていけないことに。。。

そんなこんだで、FIVe3D 2.1に手を出してみた。

読み込んだフォントを3D表示したかったわけだが、
やりかた分からないので、TextFieldをBitmapData化して
Bitmap3Dクラスに突っ込む方法でやってみた。

TextFieldを可読性重視設定にした場合、BitmapData.drawできない@fladdict
ちなみに↑な問題にもぶちあたったが、Spriteで包む方法で逃げた。


っと、こんなめんどくさい方法をやらなくても、
FIVe3Dで好きなフォントを使う(日本語も)@moriBlog
FIVe3D 2.1のAdditional DownloadとしてMake a new typographyというswfがあり、こいつがフォントクラスを生成してくれるようだ。




更にHydroTweenになれようとちょこっとだけ使ってみた。
がしかし、
easing:Quadratic.easeInOut
↑のようなイージング関連がないぞーっと怒られっぱなしで迷宮入り。

正体は、FLASHがデフォルトでもっている、
import fl.motion.easing.*;
↑こやつでした。

ここまで組み上げてみたが、3D回転時にある位置にくると
恐ろしく重くなったりする症状で再び迷宮入り。
これは原因分からないまま。。

PaperVision3D使えってことか。
Five3Dはソースが読めるぐらいの数だから気楽に使えそうなんだが。。





flaとas

< | 前の5日分>
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人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。