javascript, jqueryの基礎を勉強しました。
ここに書くほどのことでもない、基本中の基本を勉強してみました。
JS関連はなんだかやる気が出なくて全然やっていなかったのですが、今日から少しずつASと同時に勉強を進めてみようと思います。ASにある程度親しんでいたので、以前よりすんなり頭に入ってきました。
少し休んでからASをはじめます。
突然PCの音が出なくなりました。。
edirolのオーディオ・キャプチャーを使っているのですが、急に音が一切でなくなり、再インストールしてもダメでかなり参ってたんですが、何度目かの再インストールで突然復旧しました。
焦りましたが、直ってよかった。
何か不具合が出るのは困るけど、必死で調べて直そうとするので、自分の知らなかったことを知れる良い機会でもあるな～と感じました。
ただ、やりたかったことへの時間が取られてしまったのが痛いです。
これから、サウンド系のflashに挑戦します。
今朝は、自分のポートフォリオサイトを少し手直ししていました。
具体的には、
プロフィールのページのテキストが歪んでいたので、変更。
さらにスクロールバーも変更。
地味にﾌｧﾋﾞｺﾝ追加。※（最初ファイル名をlogo.icoとしていたところfirefoxで表示されなかったので、favicon.icoと変更したところ表示されました。ん～、結構当たり前なのかもしれませんが、知らなかったので、メモっときます。ちなみに姉のサイトを参考にしてました。）
です。
もっと直したいところはあるのですが、もう少しas3を理解したらas3で作り直したいと考えています。
午後は、as3と今まで殆ど学んでこなかったjsの基礎をやり直そうと思っています。
夜にでも更新します。
前に幾つか練習で使ったgotoAndlearn で紹介されていたスライダーを動画を見ながら作ってみました。
いまいちよく分からないタグや、初めて見るタグなどなど。。。
なんか少しハードルが高かった感があります。
まだまだ検証が必要です。
loopのとこがいまいちわかりません。
これから検証してみたいと思います。
ちなみにgotoAndlearnは動画を見ながら練習できて、ファイルもDLできるのでかなりお勧めですが、Papervision3d のはバージョンが古すぎて現在google codeにもないバージョンっぽいです（探せばあるのかもしれませんが・・。）
なので、本当はそっちにもチャレンジしたかったんですが、今回はあきらめました。
今後、また新しいチュートリアルが発表されるのを待ちたいと思います！
今回のチュートリアルファイルには素材も入っていたのですが、似せて作ってみました。
今、仕事場から帰宅しました。昨日提出したデザイン案に関して多少修正希望が入ったのでこれからやります。
そんなに大規模なことではないので、終了後Flashの勉強再開です。
昨日は、一日scriptを書いていないんで、ちょっとウズウズしてきてます。難しいですが、やっぱり好きですactionscript。早く自在に操れるようになりたいものです。
後ほど今日の勉強内容を書きたいと思います。
あと、今日、会社でHTML / CSSを久々に扱っていたのですが、ちょっと忘れてることが多すぎて焦りました。最近、めっきりいじってなかったので、調べれば思い出すレベルですが、こっちも復習と勉強を始めないと！
そんな感じでまた後ほど。
只今21時
今日は、友人から依頼されているwebサイトのデザイン案を作成していました。
幾つかデザイン案を提出しているのですが、未だにはっきりとは決まっていません。相手の求めるものをもっと的確に表現できるようにならないとな～と思います。
もっと自分のデザインの引き出しが増えれば提案ももっと的確に出来るようになると感じます。
Flashの部分やコーディングもあるので、早くデザインを決めないとと焦ってきました。年内にはオープンしたいところです。
あと、さっき、amazonで注文していた本が届き半分くらい読み終わりました。最近は、節約も兼ねて図書館に通うことが多いのですが、webやPC関連の本はやはり購入します。
iphoneアプリに興味があるので、買ってみました。FlashCS5 からactionscriptでも開発が出来るとのことなので。
開発のプログラミングについてではなく、作ったら良いことあるよ的な本です。
僕は結構単純なのでテンションアップしました。近いうちにチャレンジしてみようと思います。
今既に盛り上がっている感もありますが、まだまだどんどん成長していきそうな業界なので、おもしろそうです。
もし、僕がバリバリのプログラマーだったら即食いつくところです。
野心家のプログラマーさんには特にお勧めです。読みやすいのですぐに読めてしまうと思います。
papervisionやろうと思ってたんですが、いつも参考にさせて頂いているふらちゅうさんのサイトを参考にもうひとつ作ってみました。
かなり前にこういった感じのゲームがあって一時期はまってました。
今思えばこんな感じで作ってたのかなぁ～と思います。
ドラッグして線を引いてはなすと変な生き物が足をバタバタしてドラッグしたところを追いかけます。
これくらいのものからだんだん僕一人でscript書くのが怪しくなってきます。。。
そんな感じでまだまだ自信は全くないのですが、先ほど、ロクナナワークスさんの主催で12月に行われるactionscript3.0の講習会を予約しました！
まだ、本格的に初めて1ヶ月くらいなんで、話しについていけるかどうか不安もあり（そして有料だし）なかなか予約できなかったのですが、話しを聞いたら良くも悪くも影響を受けることは間違いないと思いますし、良い出会いもさりげなく期待して好奇心に任せて予約しました。
そういえば、先月adobeのflex講習会（こちらは無料）にも予約を入れたんですが、未だはっきりした返信が来ていません。
三角関数の練習をしてみました。
まずは、sinとcosを使った円運動の練習とピタゴラスの定理から半径を表示させるものを作ってみました。
デジタル時計を作ってみました。
昨日から、コチラのサイトを参考にさせて頂いていて、サイトで紹介されているものを応用して色々挑戦してみようと思ってます。
サイトでも紹介されていたデジタル時計にTimerクラスを足して、loadingBarを付けてみました。
１フレーム目のloadingなんですが、
TextFormatを使用してみたら、書く位置によって適用されませんでした。
loadingBarも同様です。
ちと勉強不足でした。
その辺ももっと詰めて調べてみます。
以下ソースです。
【1フレーム目】
stop();
//Percent Text
var PerText:TextField = new TextField();
var Format:TextFormat = new TextFormat();//位置ココ
//TextFormat
Format.color=0xffffff;//位置ココ
Format.size=18;
PerText.x=stage.stageWidth/2;
PerText.y=stage.stageHeight/2;
PerText.autoSize=TextFieldAutoSize.LEFT;
PerText.defaultTextFormat=Format;
stage.addChild(PerText);
//LoadingBar//位置ココ
var bar:Sprite = new Sprite();
bar.graphics.beginFill(0xffffff);
bar.graphics.drawRect(0,0,1,3);
bar.graphics.endFill();
stage.addChild(bar);
loaderInfo.addEventListener(ProgressEvent.PROGRESS , loading);
loaderInfo.addEventListener(Event.COMPLETE , Start);
function loading(event:ProgressEvent):void {
var per:Number=loaderInfo.bytesLoaded/loaderInfo.bytesTotal;
bar.width=stage.stageWidth*per;
PerText.text=Math.ceil(per*100)+”%”;
}
function Start(event:Event):void {
loaderInfo.removeEventListener(ProgressEvent.PROGRESS , loading);
loaderInfo.removeEventListener(Event.COMPLETE , Start);
stage.removeChild(bar);
stage.removeChild(PerText);
gotoAndStop(”time”);
}
【2フレーム目：label：time】
stop();
//Timer
import flash.utils.Timer;
var myTimer:Timer=new Timer(1000);
myTimer.addEventListener(TimerEvent.TIMER , Digital);
myTimer.start();
function Digital(event:Event):void {
//Date
var Today:Date = new Date();
//年
var Year:uint=Today.fullYear;
Year_txt.text=Year.toString();
//月
var MonthArray:Array=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
Month_txt.text=MonthArray[Today.month];
//日
var date:uint=Today.date;
Date_txt.text=date.toString();
//曜日
var dayArray:Array=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
Day_txt.text=dayArray[Today.day];
//時間
var Hours:int=Today.hours;
if (Hours<10) {
Hour_txt.text=”0″+Hours.toString();
} else {
Hour_txt.text=Hours.toString();
}
//分
var min:int=Today.minutes;
if (min<10) {
Min_txt.text=”0″+min.toString();
} else {
Min_txt.text=min.toString();
}
//秒
var sec:int=Today.seconds;
if (sec<10) {
Sec_txt.text=”0″+sec.toString();
} else {
Sec_txt.text=sec.toString();
}
}
loadingをas3.0で作ってみました。
参考にさせて頂いたのはコチラのサイトです。
ローディングバーだけでなくパーセントを追加してみました。
以下ソースです。
stop();
//percentテキスト
var Textbox:TextField = new TextField();
Textbox.border=false;
Textbox.x=stage.stageWidth/2;
Textbox.y=stage.stageHeight/2+10;
stage.addChild(Textbox);
//loadingバー
var bar:Sprite = new Sprite();
bar.graphics.beginFill(0xff0000);
bar.graphics.drawRect(0 ,0 , 1 , 2);
bar.graphics.endFill();
bar.y=stage.stageHeight/2;
stage.addChild(bar);
//イベントリスナー
loaderInfo.addEventListener(ProgressEvent.PROGRESS , loading);
loaderInfo.addEventListener(Event.COMPLETE , compLoad);
//リスナー関数
function loading(event:ProgressEvent):void {
var percent:Number=loaderInfo.bytesLoaded/loaderInfo.bytesTotal;
bar.width=stage.stageWidth*percent;
var percentStr:Number=Math.ceil(percent*100);//切り上げ
Textbox.text=percentStr.toString()+”%”;//文字列にして表示
}
function compLoad(event:Event):void {
stage.removeChild(bar);
stage.removeChild(Textbox);
loaderInfo.removeEventListener(ProgressEvent.PROGRESS , loading);
loaderInfo.removeEventListener(Event.COMPLETE , compLoad);
gotoAndStop(”top”);
}
