welcome


トップ 学んだこと、やったこと ユニティのこと
  ユニティのこと らすと



HPを作るにあたって学んだHTML(PART1)

HTMLとはHyper Text Markup Languageの略

基本構造

<html></html> HTML文書
<head></head> ヘッダー
<body></body> 文章全体のデザイン設定

ページレイアウト関連

<hn></hn>  見出しになる文字(n=1最小〜n=6最大)
<hr> 横線(長さ width="n",n%)(太さ saze="n")
(テキスト位置 align=left,center,right)
<br>      強制改行
<p></p>   文章・段落
<div></div> 分割テキスト

ハイパーリンク

<a></a> アンカー「目印」(anchor)
herf="URL" → リンク先のURLにとぶ

画像関連

<img> イメージ(Inline Image)
src="画像のURL" alt="画像の名前"
width="n",n%(画像の幅)height="n",n%(画像の高さ)

フォント関連

<font></font> フォント(size="n"、最大は7最小は1)(color="colorname")
<u></u> アンダーライン

覚えておくと使える実態参照

カッコ無しでそのまま使う

[&qout;]  " "  (quotation mark)
[&amp;]  &  (ampersand)
[&apos;]  ’  (apostorophe)
[&lt;]  <  (less-than sign)
[&gt;]  >  (great-than sign)


等のことを学びつつ、手探り状態のままこのサイトを作りました。
はっきり言って見にくいので、もっと閲覧しやすくかつ成果発表時に適した形を模索しながら
他のHTMLのタグと機能を覚えていきたいと思う。


HPを作るにあたって学んだHTML(PART2?)

と思ったのですが前回指摘された、スムーズな作業を行えるようにキーボードのショートカットキーを勉強します。

Fキー(ファンクションキー)のショートカットキー

[F1] ヘルプとサポートを開く
[F2] 選択したアイコンの名前変更
[F3] ファイル・フォルダの検索
[F4] ウィンドウアドレスバーの表示
[F5] ウィンドウ等いろいろな再リロード
[F6] 項目の切り替え
[F7] 全角カタカナ入力
[F8] 半角カタカナ入力
[F9] 全角英数字入力
[F10] 半角英数字入力
[F11] ツールバー以外の表示を非表示にする
[F12] Word・Excelで使用するキーで名前を付けて保存

Ctrlキーの組み合わせのショートカットキー(使えるモノ抜粋)

[Ctrl+M] Enterキーと同じく改行が出来る
[Ctrl+N] ウィンドウをもう一つ開く・新規ファイルの作成
[Ctrl+RorF5] ウィンドウのリロード
[Ctrl+S] 上書き保存
[Ctrl+V] ペーストが出来る
[Ctrl+W] ウィンドウを閉じる
[Ctrl+X] カット(切り取り)が出来る
[Ctrl+Z] アンドゥ(取り消し)が出来る
[Ctrl+Enter] フォルダを別のウィンドウで開く
[Ctrl+ファイルドラッグ] 選択したファイルのコピー
[Ctrl+Insert] 選択範囲の文書、ファイルをコピー

Altキーの組み合わせのショートカットキー(抜粋)

[Alt+Enter] ファイル・フォルダのプロパティを開く
[Alt+Tab] アプリケーションを切り替える
[Alt+Ecs] 次のウィンドウを表示する
[Alt+半角・全角] 文字の入力を切り替えする
[Alt+ひらがな] ローマ字・かな入力を切り替える
[Alt+F4] ウィンドウを閉じる
[Alt+←&→] 開いているウィンドウを進める(右)戻る(左)

Shiftキーの組み合わせのショートカットキー(抜粋)

[Shift+Delete] 一時保留せず完全消去
[Shift+Esc] 入力文字全てを変換前に戻す
[Shift+ひらがな] カタカナ入力モードに切り替える
[Shift+無変換] 全角・半角英数字を切り替える
[Shift+Caps Lock] 文字入力の大文字・小文字を切り替える
[Shift+Win+M] 最小化したウィンドウを再表示
[Shift+Insert] コピーした文書、ファイルの貼り付け
[Shift+↑↓→←] 文書製作中のドラッグ作業

Windowsキーの組み合わせのショートカットキー(抜粋)

[Windows+E] マイコンピュータを開く
[Windows+F] ファイル・フォルダの検索が出来る
[Windows+L] ログオフする
[Windows+M] 全てのウィンドウの最小化
[Windows+Shift+M] 最小化したウィンドウを元に戻す


少し量は多いけどスムーズな作業を行うためには必要になるのでしっかりマスターしたいとおもう。


ドットペイントソフトを使って描いてみる(練習)

今回使ったドットペイントソフトはEDGE(エッジ)というフリーで配布されているソフトです。

対応している画像形式


形式読み込み書き出し備考
BMP2/16/256色16/256色-
PNG2/16/256色16/256色
GIF1〜256色16/256色透過に対応。
アニメーションフレームからアニメーションGIFを書き出すことも可能。
MAG16/256色--
ICO2/16/256色16/256色透過に対応。
エクスポート機能を使うと、複数画像を1つのアイコン画像として出力することが可能。
EDG256色256色オリジナル形式(レイヤサポート)
EDGE2のEDG形式も読み込み(インポート)可能
AVI-8/16/24bit色アニメーションフレームより出力可
EDGE5

EDGE6

EDGE7


ペンタブ等ももっているが、あえてこのソフトを使い、マウスででも絵を描けるようになりたいと思う。


ゲームを作るために使おうと思っている素材PART1

Factory

Bridge


ゲームを作るために使おうと思っている素材PART2

sky

night castle




今までの作ったののまとめ

キャラクター一覧

ぼすがーる

ボスガール 基台1

ボスガール 基台2

ボスガール 基台4

ミミック

めだまん

主人公 作り直し

素材 Gボウル

素材 Gボウル第二

素材 カラス

素材 セントリー

素材 タイヤ

素材 マッチョマン 修正待ち

素材 モザイク

爆弾小僧


ステージ1の床素材

素材 床1

素材 床2

素材 床3

素材 床4

素材 床5(噴水)

素材 床6

素材 床7

素材 床8

素材 床9


ステージ2の床素材

素材 工場床1

素材 工場床2

素材 工場床3

素材 工場床4

素材 工場床5

素材 工場床6

素材 工場床7

素材 工場床8


ステージ3の床素材

橋床1

橋床2

橋床3

橋床4

橋床5

橋床6

橋床7

橋床8

橋床9


アニメに使う素材

セントリー アニメ用(未完)

ボスガール アニメ



戻る