2012-01-01から1年間の記事一覧
ここはエア受講として、短い間でしたがディスプレイ越しにWEB学習を共有させてもらっていた期間のブログです。 学んだことは勉強の仕方です。まだまだっす。でも、またね。 うおきち
作成 thickbox自体はリリースが終わりとのこと。 サイトに紹介されていた、ほかのポップアップでギャラリーができちゃうものと、 ならびにLightbox Colorbox - a jQuery lightbox 画像からhtmlなどの外部ファイルまで クリックで動作するのがいい Media View…
押したとき(mc) 押して離すクリックで20回転してしまう... on(press){ var angle:Number=10; kao_mc._rotation+=angle; } onEnterFrameで読み込まれる度に(mc) (回り続けてとまらない) on(press){ kao_mc.onEnterFrame=function(){ kao_mc._rotation+=10; } …
ムービークリップを上下左右に動かす ボタン毎にアクションを記述(mc) ex.上ボタン on(release){ var rate:Number=10; slime_mc._y-=10; } タイムラインに記述(flame) //イベントハンドラの場合 var rate:Number=10; top_btn.onRelease=function(){ slime_mc…
ムービークリップを上下左右に移動させる 上ボタンを 押してる間 ムービークリップのy座標が マイナスされる 右ボタンを 押してる間 ムービークリップのx座標が プラスされる 下ボタンを 押してる間 ムービークリップのy座標が プラスされる 左ボタンを 押し…
手順 テキストフィールドを作成(ダイナミックテキスト) 表示させる場所 テキストフィールドに名前をつける インスタンス名にちょっと似ている。。 プログラムの記述場所の指定 プログラムを記述 実行 フォントを埋め込むこと。 何も表示されない、入力出来な…
入力テキストに入力された値は、文字として扱われるex. 1+2=12 数字に変換する Number("値") 文字に変換する String(数値) keisan_btn.onPress=function(){ answer01.text = field01.text+field02.text; answer02.text = Number(field01.text)+Number(field0…
function(引数)とは 4時間西暦を昭和にするスクリプト 1975年は昭和何年? var showa:Number; showa=1975-1925; trace("1975年は、昭和"+showa+"年です。"); この場合、値が変数の中に入っていて、答えが決まっている。 全ての変換にこれをしていたら、記述…
ランダムに整数を得る Math.random 0.0~1.0の乱数を得る Math.floor 整数に切り捨て coin_btn.onRelease=function(){ rnd_txt.text=Math.floor(Math.random()*98)+1; } Numberオブジェクト 数値全般をあらわすNumberオブジェクト 変数に数値を代入したり、数…
同じ処理を繰り返し実行する 「カウンタ」と呼ばれる変数を使って、「1回目」「二回目」と数えながら繰り返す事が出来る 繰り返す回数がわかっている時に使用する for(カウンタの初期化;繰り返しの条件;カウンタの増減){ } for文の基本ルール 繰り返しを…
条件の間繰り返すwhile文 var a:Number=1;//変数を宣言して1をセット while(a<=4){ trace(a);//aの内容を表示 a++//aに1を加算 } var a:Number=2; var b:Number=3; var v:Number=1; //2の3乗を計算させる while(b>0){ v=v*a;//vにaを乗算 b--;//bが1ずつ減…
switch文とは 変数キーを使って、処理を変える記述 var key:String="B"; var message:String; if(key=="A"){ message="AはAlphaのA" } else if(key=="B"){ message="BはBravoのB" } else if(key=="C"){ message="CはCharlieのC" } else{ message="知らない文…
ボタンをマウスで押す代わりにキー操作で行う macmoveon(keiPress""){ //キーコードが押されたときの処理 } onClipEvent (load) { var keyMove:Number=5; } on(keyPress "<Left>"){ this._x-=keyMove; } on(keyPress "<Right>"){ this._x+=keyMove; } on(keyPress "<Up>"){ th</up></right></left>…
オーサリングツール 文字や画像、音声、動画などの要素を組み合わせて一つのソフトウェアやコンテンツ作品を組み立てるもの・・webもそうだが大きい意味・・。 コンパイラ 人間がプログラミング言語で記述したソフトウェアの設計図(ソースコード)を、コンピ…
.htaccessとはなにか サーバーに置いて、apatchに指示を書いておくファイル。アクセス制限やパスワード設定、直リンクさせないなんてことが出来る。 .htaccess自体は、テキストファイル。[.]を頭につける。 圧縮して転送していた 今回は.htaccessで、ブラウ…
2時間 jQuery UIの特徴は マウス操作やアニメーション機能などユーザインタフェースに特化したライブラリ インタラクション ドラッグ&ドロップ、リサイズなど ウィジェット アコーディオン、ダイアログ、タブなど ヴィジュアル効果 アニメーション機能、エ…
ページトップに戻る、をjQueryでスムーススクロールにする http://littlestar.under.jp/gototop/gototop.html jQuery用コード gototopをクリックすると、トップに戻る $('#gototop').click(function(){$('html, body').animate({scrollTop:0});return false;…
jQueryで作ったナビゲーションと そのソースコードを表示してみるhttp://syntaxhighlight.in/ 表示したいコードをペーストしでDone! 生成したhtmlソースは、htmlファイルの表示したい位置にペースト。 生成したjsファイルとcssファイルを保存。読み込み。 本…
クリックすると開くアコーディオンパネル 適用させて、CSSでスタイルを整える http://littlestar.under.jp/accordion/accordion.html参考にしたところ http://www.webcreatorbox.com/tech/jquery-tips20/ この小技集、全部やってみてもいいかも 横方向のスラ…
floatを上詰めするmasonry 成功。2時間。画像の横サイズはそろえる。 そろえてないものもあるので、今度挑戦。 http://littlestar.under.jp/masonry/masonry.html 必要なもの jQuery本体 masonry.min.js ページに記述するoption http://masonry.desandro.co…
作成 http://littlestar.under.jp/slidew/slidew.html 考え方 フロートで横並びさせる cssでbodyの幅と、ページ単位のブロックの幅を指定する。 ディスプレイよりもブロックの幅は広くとる。 背景にグラデーションかけたら、おもしろいかな? CSS3にあったは…
1時間 整列とは 同じ型のデータを連続的に並べたデータ形式。 各データをその配列の要素といい、それらは添字(インデックス)で識別される。 同じ型の変数を、添字によって指定する。 配列はほとんどのプログラミング言語に存在するもっとも基本的なデータ形…
Fireworksは操作の大部分プロパティパネル。詳細な設定はできないことも。 ライブラリは、flashのシンボルにとても似ている。 レイヤーと、スライスレイヤーがある web画像作成に特化 コピペ 角丸 角丸長方形使わない→数値が出ないから 端が丸まっているもの…
シンボルとステート 通常ナビゲーションを作るのは、シンボル化したボタンを配置する事が多い。 シンボルにしにくい、背景のあるナビゲーションにはステートを利用する。 ステート レイヤーを含む。階層が上のレイヤー。ステート間で中身のレイヤーを共有す…
fireworksを使用してのれんしゅう。 お手本 作例 文字ツール フィルター各種とライブエフェクト webレイヤーでのスライス http://littlestar.under.jp/dairynews/dairynavi.html
スタイルをインポート ダウンロードBlack social icons | Webportio - graphical resource of Adobe Fireworks ダウンロードしたスタイルファイル スタイルパネルからスタイルライブラリを読み込む スタイルパネルのセレクタに入る シンボルをファイルから …
Illustrator Illustratorからのコピペ レイヤーは保持されない オブジェクト、グループがペーストされ、そのままベクトルを編集出来る。 読み込み レイヤー保持の選択が出来る 書き出し .fxgファイルで書き出し illustratorで開く場合 fxgファイルとは adobe…
練習 ブラウザの画面キャプチャを、イラストレーターのテンプレートにする ブロックレベル要素を四角形で囲う IllustratorからPhotoshop形式に書き出し レイヤーを生かす アンチエイリアスはオフ 解像度72ppi サムネイルを選択、選択範囲をつくりガイド線を…
何に特化したソフトか web画像の制作 効率と仕上がり 作業効率 画像の計量化 Webレイヤー(スライスレイヤー)がある ベクター画像とビットマップ画像が等しく扱える 不利な点 文字組が思い通りにならない 効果の質がPhotoshopに劣る ペンツールはIllustrator…
ベクトルオブジェクトを描く事ができる ペンツールはIllustratorより不自由 プロパティパネルで線(ストローク)の属性を変更する 線の種類のの形状により輪郭の表示が変化する。 角丸系はアンカーポイントを動かして、角の形状を調整 回転・変形は、ツールパ…