パソコン・インターネット

永遠のUS-2 (フラッシュの習作)

永遠のUS-2 (フラッシュの習作) こちらからです。

Gamen1

なかなか、思ったような画面が出来まへん。 フラッシュとHTMLのトレーニング用です。

| | コメント (0) | トラックバック (0)

ホームページの習作(画面の切り替え)

モーフィングのフリーソフトで画像を作ったので、javascriptでスライドショーぽくしてみました。

Kao

なかなか、思ったように動きませんなあ。 こちらからです。

| | コメント (0) | トラックバック (0)

Foto Morph 使用メモ (フリーのモーフィングソフト)

フリーのモーフィングソフトを使ってみました。

ウィンドウズインストーラーがダウンロードできるので、そのままダウンロード後ダブルクリック。(付属のソフトはチェックを全ては外したほうがよい)

Fotomorph

使い方が書いてあったサイトはこちら。 画面右上に地球のマークがあって、対応言語を選べますが、日本語はありませんでした。 

大まかな手順
① New Project クリック-->Morpf Sequence クリック
② Imagesタグ クリック-->Staet Image,End Imageのチェックを選択して画像をそれぞれに貼り付け
③ Controlタグ クリック-->基準になるポイントを付けていく
④ Animationタグ クリック-->プレビューしてよかったら、ExportAnimationで、ファイルに出力

スタートイメージ: エンドイメージ: 出力イメージ

Noumen_w

Kitune

Kao

ただの、素人のメモです。 何かに使えそうですが、頻繁に使用するとも思いません。すぐ使い方を忘れそうです。

| | コメント (0) | トラックバック (0)

シューティングゲームの入門の入門

シューティングゲームの入門の入門

簡単なシューティングを作ってみました。 コンセプトは”ターゲットに桃を投げつける”です。 桃には昔から霊力があるとされています。 マウスカーソルに桃が付いてくるようにしてみました。 照準を合わせてクリックしてみてください。 もしかしたら、気晴らしになるかもしれません。

ステージ1はこちらです。  単独ページはこちらです。

ステージ2はこちらです。  単独ページはこちらです。

ステージ3はこちらです。  単独ページはこちらです。

ブログ内で動かない場合はこちらを試してみてください。 後、残念なのは、IE以外は音が出ないことです。

[動作報告]

IE9,10: 全動作できる。

Firefox: キャラクターは上下するが、カーソルに桃は出ない。 音なし。

chrome: キャラクターは左から右に流れるだけ、桃はでる。 音なし。

Opera: キャラクターは上下する。マウスカーソルは標準のまま。桃はでる。 音なし。

音はIEの固有のタグを使用している為、他のブラウザでは出ません。

なので、IE以外ですると全然つまらないです。 まあ、ゲーム自体がつまらないですが。

| | コメント (0) | トラックバック (0)

ゲームぽいホームページの作成(習作)

ゲームぽいホームページの作成(習作)

Game1

最初、神社に参拝するシュミュレーシュンのページを作ろうと思ったのですが、だんだん作ってるうちにゲームぽっくなってしまいました。伏見稲荷の鳥居の画像が綺麗だったので、使用させて頂きました。 

狐面や能面などのキャラクターに桃を投げて(クリック)、画面をすすんで行きます。長い鳥居を潜ってゆき、神社にたどり着きます。 なおも進んで、最後は宇宙にたどりつけます。(上の画面) 暇な人はやってみてください。

こちらからです。

ゲームをした観想のどをコメントに書いといてください。! クリア出来た人は自慢などもお願いします。

| | コメント (0) | トラックバック (0)

簡単なおみくじの作成

簡単なおみくじの作成

ブログパーツ風に簡単なおみくじを作成してみました。 

サイドフレームに置いています。 開始を押して、その後、開封を押してください。


未だ未だ稚拙ですが本日はここまでです。

ホームページにも組み込んでみました。 こちらです。

                  
<div id="omikuji">
<iframe width="110" height="210" src="http://ofune.la.coocan.jp/mysite1/kuji1.html" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="true">
</iframe>
</div>

javascriptはようわからんです。 後、フリーのおみくじの文面なんてないですよね?あったらコメントください。

| | コメント (0) | トラックバック (0)

ホームページの習作(画面の重ね合わせ)

ホームページの習作(画面の重ね合わせ)

Homepage3


ホームページ作成用の習作です。 こちらからです。

画像を何枚か重ねて表示してみました。

| | コメント (0) | トラックバック (0)

XAMPPのインストール時のメモ その1

Windows7 64bitにXamppをインストールしたときのメモ

ただの覚書です。 サーバーを普通のPCに代替したときのメモです。

~~~~環境の準備
xampp-win32-1.7.7-VC9-installer.exeを使用
ハード環境 ctu経由配下にクライアント(nttフレッツひかり)

ドメインの取得(ダイナミックdnsを使用)
ctuにアクセスし必要なポートを開放

hosts ファイルに1行追加( C:\Windows\System32\drivers\etc\ )拡張子がないファイル
192.168.xx.xx   xxxxxxx.xxx.jp
ping サーバー名を他のクライアントから実施して確認

~~~~Xamppのインストール
インストール先ホルダー c:\xampp に設定 (デフォルト設定を変更が必要)
「C:\Program Files (x86)」にインストールすると、 セキュリティ(ユーザーアカウント制御機能)の関係で不具合が出るらしい。
(参考)http://www.oikawa-sekkei.com/web/design/others/xampp.html
Skypeでポートの80を使用していたりするとApacheとダブルので注意が必要
(参考)http://www.icreative.jp/blog/archives/136
(参考)http://memo.hiros-dot.net/?p=46
(参考)http://webgaku.hateblo.jp/entry/20120614/1339646336
(参考)http://ootu3112.blog.fc2.com/blog-entry-21.html

[重要]~~~~ これで、がっちりブロックされてました。

Windowsのファイヤーウォールの設定をチェック
コントロールパネル--システムとセキュリティ--ファイヤーウォールの状態確認--詳細設定--受信の規則
Apache と mercury/32の操作の項がブロックになっていたら許可に変更
又、この画面で受信の規則から新しい規則を作成できるので個別にポートの開放ができる
今回は、ftpは自PCなので今回は開放せず。

市販セキュリティソフトで各ポートをブロックしていたらそちらも設定が必要
(Windowsのファイヤーウォールを使わないようにしてセキュリティソフトでコントロールが必要な場合もある)

Apacheの設定~~~~~~
c:\xampp\apache\conf\httpd.conf

(参考)http://d.hatena.ne.jp/dillydally/20120225/1330174672
(参考)http://www.adminweb.jp/xampp/apache/index2.html

C:\xampp\apache\conf\extra\httpd-userdir.conf 他いろいろ

(参考)http://notejp.com/pc_use/2010/02/xampp/

これぐらいでWebサーバーは立ち上がったが、1週間くらい前に外部サーバーに切り替えたので、今のところ未使用です。

次は、メールサーバーの設定ですが、時間があればメモを残しておきたいです。 とりあえず、メールの送受信は出来たのでいまのところここまでです。 今、暑すぎて電源を落としているサーバーは、MTとかフリーカートとか写真のDBなんかも入っているのですが、めんどくさすぎて、やる気がいまのところおきません。

Xampp1

 

                                              以上

| | コメント (0) | トラックバック (0)

IEの互換性のメモ(Pc初心者のメモ)

IEの互換性のメモ(Pc初心者のメモ)

先日、webページを少しだけ更新したら、自分のie10は正常なのに、もう一台のPCのie8は表示がおかしい現象がありました。 これを使うとテストが簡単に出来ました。 知らなかったのでえらい損した気分です。メモで残しておきます。

① 古いIeで正常に画面が表示されるかどうかのチェック方法(IE10の場合)

  ツール-->F12開発ツール-->ブラウザモードで試したいバージョンに切り替えて確かめる。 IE7~IE10まではこれで出来るみたいです。

② 又は、IEテスターをダウンロード こちらにありました。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

* ブラウザの表示はドキュメントモードで決まる

ドキュメントモード

Quirk >>>>>>>>>  IE5のレンダリング方法を使う。互換モード
Internet >>>>>>> Explorer 7 標準 IE7のレンダリング方法を使う
Internet >>>>>>> Explorer 8 標準 IE8のレンダリング方法を使う

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

* ドキュメントモードの指定方法
>> metaタグで指定する方法がある。

互換モード | 適用されるドキュメントモード | DOCTYPE宣言の影響

EmulateIE8 | 「古いブラウザ用」の時Quirkモード、「標準仕様」の時IE8標準モード |受ける
EmulateIE7 | 「古いブラウザ用」の時Quirkモード、「標準仕様」の時IE7標準モード | 受ける
IE8      |   IE8標準モード   |  受けない
IE7      |   IE7標準モード  |受けない
IE5      |   Quirkモード     |  受けない
edge     |  使ってるブラウザで使用できる最新のバージョンでの標準モード(IE8ならIE8標準) | 受けない

例1)
IE標準モードなら以下
<meta http-equiv="X-UA-Compatible" content="IE=IE8" />

例2)
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8; IE=EmulateIE9" />

例3)
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

詳細はこちらにありました。

                                               以上

| | コメント (0) | トラックバック (0)

ホームページ プチリニューアル

ホームページ プチリニューアル

テーマは玉島のあっちこっちにいろんな動物を出現させてみました。

乙島四国霊場の各ページにアニメを挿入 こちらから

 乙島四国霊場のサイトマップ作成 こちらから 

玉島レトロ写真館のロゴの変更、各ページにアニメえを挿入 こちらから

 天満町に恐竜出現です。 こちらから

 玉島レトロ写真館のサイトマップ作成 こちらから

他、壁紙更新しました。

| | コメント (0) | トラックバック (0)