2012-01-01から1年間の記事一覧

ごあいさつ

ここはエア受講として、短い間でしたがディスプレイ越しにWEB学習を共有させてもらっていた期間のブログです。 学んだことは勉強の仕方です。まだまだっす。でも、またね。 うおきち

jQuery thickboxで画像をポップアップ

Js

作成 thickbox自体はリリースが終わりとのこと。 サイトに紹介されていた、ほかのポップアップでギャラリーができちゃうものと、 ならびにLightbox Colorbox - a jQuery lightbox 画像からhtmlなどの外部ファイルまで クリックで動作するのがいい Media View…

ボタン制御 押して離すまで

As

押したとき(mc) 押して離すクリックで20回転してしまう... on(press){ var angle:Number=10; kao_mc._rotation+=angle; } onEnterFrameで読み込まれる度に(mc) (回り続けてとまらない) on(press){ kao_mc.onEnterFrame=function(){ kao_mc._rotation+=10; } …

ボタン制御 ボタンが押されるたびに

As

ムービークリップを上下左右に動かす ボタン毎にアクションを記述(mc) ex.上ボタン on(release){ var rate:Number=10; slime_mc._y-=10; } タイムラインに記述(flame) //イベントハンドラの場合 var rate:Number=10; top_btn.onRelease=function(){ slime_mc…

ボタン制御 ボタンを押し続ける その2

As

ムービークリップを上下左右に移動させる 上ボタンを 押してる間 ムービークリップのy座標が マイナスされる 右ボタンを 押してる間 ムービークリップのx座標が プラスされる 下ボタンを 押してる間 ムービークリップのy座標が プラスされる 左ボタンを 押し…

テキストフィールド 文字の表示・入力

As

手順 テキストフィールドを作成(ダイナミックテキスト) 表示させる場所 テキストフィールドに名前をつける インスタンス名にちょっと似ている。。 プログラムの記述場所の指定 プログラムを記述 実行 フォントを埋め込むこと。 何も表示されない、入力出来な…

文字と数値の変換

As

入力テキストに入力された値は、文字として扱われるex. 1+2=12 数字に変換する Number("値") 文字に変換する String(数値) keisan_btn.onPress=function(){ answer01.text = field01.text+field02.text; answer02.text = Number(field01.text)+Number(field0…

関数

As

function(引数)とは 4時間西暦を昭和にするスクリプト 1975年は昭和何年? var showa:Number; showa=1975-1925; trace("1975年は、昭和"+showa+"年です。"); この場合、値が変数の中に入っていて、答えが決まっている。 全ての変換にこれをしていたら、記述…

数学関数

As

ランダムに整数を得る Math.random 0.0~1.0の乱数を得る Math.floor 整数に切り捨て coin_btn.onRelease=function(){ rnd_txt.text=Math.floor(Math.random()*98)+1; } Numberオブジェクト 数値全般をあらわすNumberオブジェクト 変数に数値を代入したり、数…

For文 繰り返しの処理

As

同じ処理を繰り返し実行する 「カウンタ」と呼ばれる変数を使って、「1回目」「二回目」と数えながら繰り返す事が出来る 繰り返す回数がわかっている時に使用する for(カウンタの初期化;繰り返しの条件;カウンタの増減){ } for文の基本ルール 繰り返しを…

While文

As

条件の間繰り返す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文とfor文

As

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="知らない文…

キーボードで制御

As

ボタンをマウスで押す代わりにキー操作で行う 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>…

統合開発環境 IDE

オーサリングツール 文字や画像、音声、動画などの要素を組み合わせて一つのソフトウェアやコンテンツ作品を組み立てるもの・・webもそうだが大きい意味・・。 コンパイラ 人間がプログラミング言語で記述したソフトウェアの設計図(ソースコード)を、コンピ…

サーバー側でのファイル圧縮

.htaccessとはなにか サーバーに置いて、apatchに指示を書いておくファイル。アクセス制限やパスワード設定、直リンクさせないなんてことが出来る。 .htaccess自体は、テキストファイル。[.]を頭につける。 圧縮して転送していた 今回は.htaccessで、ブラウ…

jQuery UI

Js

2時間 jQuery UIの特徴は マウス操作やアニメーション機能などユーザインタフェースに特化したライブラリ インタラクション ドラッグ&ドロップ、リサイズなど ウィジェット アコーディオン、ダイアログ、タブなど ヴィジュアル効果 アニメーション機能、エ…

jQuery トップに戻るスムーススクロール

Js

ページトップに戻る、をjQueryでスムーススクロールにする http://littlestar.under.jp/gototop/gototop.html jQuery用コード gototopをクリックすると、トップに戻る $('#gototop').click(function(){$('html, body').animate({scrollTop:0});return false;…

webページにシンタックスハイライトでソースコードを表示する

Js

jQueryで作ったナビゲーションと そのソースコードを表示してみるhttp://syntaxhighlight.in/ 表示したいコードをペーストしでDone! 生成したhtmlソースは、htmlファイルの表示したい位置にペースト。 生成したjsファイルとcssファイルを保存。読み込み。 本…

jQuery アコーディオンパネル

Js

クリックすると開くアコーディオンパネル 適用させて、CSSでスタイルを整える http://littlestar.under.jp/accordion/accordion.html参考にしたところ http://www.webcreatorbox.com/tech/jquery-tips20/ この小技集、全部やってみてもいいかも 横方向のスラ…

jQuery masonry

Js

floatを上詰めするmasonry 成功。2時間。画像の横サイズはそろえる。 そろえてないものもあるので、今度挑戦。 http://littlestar.under.jp/masonry/masonry.html 必要なもの jQuery本体 masonry.min.js ページに記述するoption http://masonry.desandro.co…

jQuery 横スクロールページ

Js

作成 http://littlestar.under.jp/slidew/slidew.html 考え方 フロートで横並びさせる cssでbodyの幅と、ページ単位のブロックの幅を指定する。 ディスプレイよりもブロックの幅は広くとる。 背景にグラデーションかけたら、おもしろいかな? CSS3にあったは…

配列

As

1時間 整列とは 同じ型のデータを連続的に並べたデータ形式。 各データをその配列の要素といい、それらは添字(インデックス)で識別される。 同じ型の変数を、添字によって指定する。 配列はほとんどのプログラミング言語に存在するもっとも基本的なデータ形…

ボタンの作成

Fireworksは操作の大部分プロパティパネル。詳細な設定はできないことも。 ライブラリは、flashのシンボルにとても似ている。 レイヤーと、スライスレイヤーがある web画像作成に特化 コピペ 角丸 角丸長方形使わない→数値が出ないから 端が丸まっているもの…

ナヴィゲーションを作る

シンボルとステート 通常ナビゲーションを作るのは、シンボル化したボタンを配置する事が多い。 シンボルにしにくい、背景のあるナビゲーションにはステートを利用する。 ステート レイヤーを含む。階層が上のレイヤー。ステート間で中身のレイヤーを共有す…

効果を使用してナビゲーションを作る

fireworksを使用してのれんしゅう。 お手本 作例 文字ツール フィルター各種とライブエフェクト webレイヤーでのスライス http://littlestar.under.jp/dairynews/dairynavi.html

fireworksにつかえるスタイル

スタイルをインポート ダウンロードBlack social icons | Webportio - graphical resource of Adobe Fireworks ダウンロードしたスタイルファイル スタイルパネルからスタイルライブラリを読み込む スタイルパネルのセレクタに入る シンボルをファイルから …

Fireworksの互換性 Illustrator Photoshop

Illustrator Illustratorからのコピペ レイヤーは保持されない オブジェクト、グループがペーストされ、そのままベクトルを編集出来る。 読み込み レイヤー保持の選択が出来る 書き出し .fxgファイルで書き出し illustratorで開く場合 fxgファイルとは adobe…

ワイヤーフレーム

練習 ブラウザの画面キャプチャを、イラストレーターのテンプレートにする ブロックレベル要素を四角形で囲う IllustratorからPhotoshop形式に書き出し レイヤーを生かす アンチエイリアスはオフ 解像度72ppi サムネイルを選択、選択範囲をつくりガイド線を…

Fireworks概要

何に特化したソフトか web画像の制作 効率と仕上がり 作業効率 画像の計量化 Webレイヤー(スライスレイヤー)がある ベクター画像とビットマップ画像が等しく扱える 不利な点 文字組が思い通りにならない 効果の質がPhotoshopに劣る ペンツールはIllustrator…

ベクトルオブジェクト

ベクトルオブジェクトを描く事ができる ペンツールはIllustratorより不自由 プロパティパネルで線(ストローク)の属性を変更する 線の種類のの形状により輪郭の表示が変化する。 角丸系はアンカーポイントを動かして、角の形状を調整 回転・変形は、ツールパ…