2014-03-01から1ヶ月間の記事一覧

animate()メソッドと「Easing」プラグイン

jQueryのanimate()メソッド animate({"プロパティ":"値"},スピード) このスピード部分に数値でミリ秒、"slow"や"fast"などの文字列指定。このままだとanimateの動きが機械的な単調な物になるので「Easing」プラグインを入れて 自然な動きが演出するようにす…

transitionの覚書

css

transitionでアニメーションを transitionはjQueryなどを使用せずCSS3のみで簡単なアニメーションを施す機能である。 transitionのプロパティ transitionのプロパティの記述方法は transition:transition-property␣transition-duration␣transition-timing-fu…

display:tableのまとめ

css

floatを使用せず,table,tdのように簡単に横並びできる display:table。 主な設定は親要素にdisplay:table。 子要素にdisplay:table-cellを付与する。 html <section id="first"> <h2>display:table <span>-floatを使わない横並び-</span></h2> <ul> <li>chapter01</li> <li>chapter02</li> <li>chapter03</li> </ul> <p>子要素の&lt;li&gt;にdis</p></section>…

vertical-align(テキストの縦方向の位置について)

vertical-alignプロパティは行の中のテキストや画像の位置を指定します。 webだけでなくDTPにおいても知って損のない、綺麗な文章を組むのに必要な知識なので覚書します。 値の主な位置 (1)行の高さはline-hight。 そこから,topとbottomが決められます。 (2)…

コンテンツに応じた加工のあれこれ-(2)

スポット修復ブラシツールで修正 1- 電柱一本だけで無駄に存在感が綺麗な風景を阻害していたりする時に、コピースタンプツールで周りの風景に溶け込ませるようにするが、それが一つだけでなく複数あると修正処理だけで手一杯になります。 そんな時は大雑把で…

コンテンツに応じた加工のあれこれ

(1)編集>塗りつぶし>使用:コンテンツに応じる 周りのテクスチャにあわせて選択範囲内を塗りつぶしたい時に使用。 Step.1 周りのテクスチャで塗りつぶしたい範囲を選択。 Step.2 編集>塗りつぶし>使用:コンテンツに応じる。で周りのテクスチャで塗りつぶ…

飲食物の湯気の表現-2-

以前の記事で紹介した湯気の表現とは違う方法でもっと素早く描く。 (1)ソフト円ブラシで湯気の煙を書き込む。 (2)フィルタ>ぼかし>ぼかし(ガウス)の効果でより湯気らしく表現する。 (3)フィルタ>変形>波形で湯気の気流表現を強調。 フィルタ>変形>波形の設…

テキストフィールドの作成

テキストフィールド(TextField)をActionScriptから作成します。 "var インスタンス名:TextField = new TextField()"で宣言。 "this.addChild(インスタンス名)"で現在のステージに表示。 文章や、フィールドの枠線、背景色は下記の指定プロパティに登録する。…

Eventの種類

addEventListenerのイベントの種類 MouseEvent-(マウスを操作する) Keyboard-(キーボードを操作する) ENTER_FRAME-(フレームが進むごとに) Timer-(一定時刻に) MouseEvent マウスで特定のアクションをきっかけにステートメントを実行する。 インスタンス名.…

addEventListener

addEventListenerを使えばインタラクティブな操作ができる。 メソッド イベントが起きたら任意の命令を実行する イベントターゲット.addEventListener(イベントタイプ,リスナー関数); 第1引数 イベントタイプ 戻り値無し 第2引数 リスナー関数 "操作出来る"…

stop,play,gotoAndPlay

ムービーの再生・停止 再生中のムービーの停止 メソッドムービーを停止 stop(); 引数無し 戻り値無し 停止中のムービーの再生 メソッド ムービーを再生 play(); 引数無し 戻り値無し タイムライン上のムービーを任意のタイミングで再生・停止 指定先のフレー…

functionで定義した関数で任意の作業を実行する。

基本的にPHPなどのユーザー定義関数と変わりないが、任意の関数名の後に”:void”などの様にやりとりするデータの型に応じてNumberやStringなどを添え付ける。 function 任意の関数名():void{ この作業を実行する。 } 定義した関数の引数に数値などを入力し…

テキストボックスにAC(アクションスクリプト)でテキスト出力

ステージにダイナミックテキストツールでテキストボックスを配置。インスタンス名は「disp_txt」。 別レイヤーを作成。アクションパネルを開いて以下の様に記述。 disp_txt.text = "ActionScript3.0" 制御>ムービープレビューで実行。ステージ上のテキスト…