Flash

Flash基本〜オブジェクトの組み合わせ

オブジェクトを結合を使ってみる オブジェクト描画モードはツールパネルのオブジェクト描画モードをONにした状態で作図します。 オブジェクト描画モードで作図した場合にはシェイプ(結合描画モード)のように自由な加工ができません。 既存の...
Flash

Flash基本〜Flashにおける描画のポイント

Flash 描画のポイント Flash の描画方法の基本をまとめました。 Flashはベクターのツールです。Illustratorと同じ仕組で線が描かれます。 シェープで描画すると線と塗りが分離します。塗の部分をクリックする...
HTML&CSS

にわかデザイナーより数字の美

デザインはどうもセンスがなくって。。。 そんなあなたは数学を勉強してみましょう。 タイポグラフィで使えるフィボナッチ数シーケンス 。 これです。 0 1 1 2 3 5 8 13 21 34 55 89 144… たとえば...
Flash

矢印キーを使用したオブジェクトの移動 

Flash,Photoshopではオブジェクトを選択して矢印キーを押すと1ピクセル移動します。 Shift キーを押しながら矢印キーを押すと10 ピクセルずつ移動します。尚、Illustratorは環境設定で数値を設定して使用します。 ...
Flash

Flash シェイプでオブジェクトを描くとき線の色を着けられない

Flashのシェイプ機能でオブジェクトを描くとき、最初に線なしの状態で後ほど線の太さや色を指定しようとしても設定できない状態になる場合があります。(CS4で確認事項) この場合結構困ってしまうのですが、解決方法としてそのオブジェクトを選択ツ...
HTML&CSS

Webサイト制作フロー

Webサイト制作フロー Webサイトがどのように作成されていくのか見ていきましょう。 プランニング サイトの目的やコンセプトの決定 対象ユーザーの選定 コンテンツの検討 サイトマップの作成 使用ソフト:この段階ではWord...
JavaScript

HTML5 canvasを使用してみる~少し複雑ななアニメーション

少し複雑なアニメーションの作成 複雑なアニメーションを作成するには複数行、複数列のタイルシートを作成する方法があります。 複雑になったタイルシートを指定する方法 たとえば、128X128の画像をタイルシートに複数行、複...
JavaScript

HTML5 canvasを使用してみる~簡単なアニメーション

イメージをタイルシートにするとパラパラ漫画風のアニメーションを作成できます。 簡単な例で試してみましょう。上のタイルシートの中の2つのイメージとdrawImage()メソッドを使用してアニメーションを作成します。 2枚のイメージ...
HTML&CSS

HTML5 canvasを使用してみる~画像表示

画像表示方法 HTMLCanvasElementオブジェクトは、HTMLページにcanvasタグを配置することで作成されます。 JavaScriptでcanvasを操作する場合はDOM経由で行います。canvas要素への参照を保存す...
JavaScript

JavaScriptのaddEventListenerについて

addEventListenerとは イベントハンドラは同一の要素あるいは同一のイベントに対して複数のイベントハンドラを定義できないのですが、イベントリスナを使うと有利な事は同一の要素あるいは同一のイベントに対して複数のイベントリスナを関...
スポンサーリンク
タイトルとURLをコピーしました