2012-06-01から1ヶ月間の記事一覧

【透過PNG】GIMPでロゴづくりに挑戦

使い勝手に慣れないと、と思うものの、 慣れていないことから作業効率が悪いのも事実。 1時間ほどかかってしまいました…。 テキストも入れたかったんですが、 テキストツールが思い通りに使えず断念。

2か月の成果発表

4/25からの授業の一区切り。 サイトオープンの結果発表を済ませてきましたよ。私の作ったサイト(概要) サイトタイトル 掃苔 サイトジャンル お墓メインの史跡めぐり 今回の狙い リンク切れと表示エラーとレイアウト崩れがなければOK(個人的に) 正しく作…

【課題】IE6対策がビミョー

ビミョーなままってのもなあ、と思いつつ。 画像対策はできて、結局bodyに背景を置くにあたって、 bodyの背景色と同色で背景作った画像を置いたら解決。 ↓こんな見た目です。黒いほう(右側)が解決した画像。 キャッシュだったようですね。 もう木曜日なんだ……

【課題】IE6対策で眠れない夜

居残りしたりごめんね先生…。 Microsoft Expression SuperPreview 4 Trialで確認したら、 左下の画像はcss読み込みで克服できたので、これだけイキにしました。 IETesterはビミョーな表示でしたが、また明日確認ということでひとつ。 右下の黒背景画像は、GI…

【課題】サイト『掃苔』完成しました

掲載URL→http://www43.atpages.jp/grave/index.htmlサイトカンプから紆余曲折を経て、実現しました! というか、今できることで破綻なく表示できるページの完成です!これできるならあれやめなくてもよかったんじゃ、 って部分もありますが、今回これで達成…

【課題】サイトカンプ通りに作れない…

特にサイドバー。 画像がうまく表示されなかったり、長さが合わなかったり。 もうひと頑張り。

【photoshop】カンプ作成

課題提出用サイトのカンプ。 indexのカンプです。 サイドバーをうまく使うことと、 パンくずリストを作ること、 のアドバイスをいただいたので、ここに盛り込んでいかないと。

土曜日はおさげの日

三頭身に描く練習。 あとでこれも身の助けになるかもしれないし。

for文で計算結果表示【解決】

<html lang="ja"> <head> <meta charset="UTF-8"> <title>【実践課題D】 配列の演算</title> <script> <!-- var count = [0,1,2]; var a = [5,12,18]; var b = [33,14,65]; function aaaa(index){ alert(a[index]*b[index]); } //--> </script> </head> <body> <h1>配列の演算</h1> <table border="1"> <tr> <th>添字</th></tr></table></body></html>

上手く書けた例も載せておく

【実践課題C】にもうひと手間。 リスト表示とリンク先をJavaScriptで制御 <html lang="ja"> <head> <meta charset="UTF-8"> <title>【実践課題C】リスト</title> <script> <!-- var name = new Array('ホーム','会社情報','製品情報','お問い合わせ'); var links = new Array('home.html','info.html','info2.html','contact.htm</script></meta></head></html>…

配列

【実践課題D】を、 for文を使って叶えようとして、イマイチな結果に。 <html> <head> <meta charset="utf-8"> <title>【実践課題D】 配列の演算</title> <script> <!-- var count = [0,1,2]; var a = [5,12,18]; var b = [33,14,65]; //--> </script> </head> <body> <h1>配列の演算</h1> <table border="1"> <tr> <th>添字</th><th>a</th><th>b</th><th>a×b…</th></tr></table></body></html>

ActionScriptの配列

配列でもおみくじ。 おみくじ作れたらもうプログラムは他に覚えられなくてもいいか、 とかぬるいことを思ったり。>好きなんですおみくじ。 var omikuji:Array = new Array(); omikuji[0] = "大吉"; omikuji[1] = "中吉"; omikuji[2] = "小吉"; omikuji[3] =…

クロスフェードをwebページに実装

授業でも、ここのおさらいでも掲載済みのソースですが、 「JavaScriptでクロスフェード」を実装してみた。デザイン的体裁は、見てる内にあまりにもあっさりしすぎな気がしてきたので、 こんなギリギリでもう少し手を加える気マンマンに(汗)。そんなあっさ…

減速スライド

Flashはここ→http://fight-2012.jimdo.com/2012/06/19/actionscript-%E6%B8%9B%E9%80%9F%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89/#permalink var base:Number; var rate:Number = 5; this.btn01_mc.onRollOver = function() { base = main_mc.ph01_mc._x; } th…

line

【AS課題51】に挑戦。 …して挫折してます。アンギャー! lineStyle(5, 0x198EF7, 60); var a:Number = 0; while( a <= 20) { a++; } for ( x = 0; y = 0;) { xx = x * a; yy = y * a; moveTo(0, 0); lineTo(xx, yy); } いろいろ違う気がする。 きっとwhile文…

【フリーソフト】画像加工系

授業で紹介された「online Photo Editor」の第一印象がイマイチだったので、 オフラインで使える有名どころとして「GIMP」を試してみる。慣れるために選ぶテーマはやっぱりラクガキ。 スティーブン・キングの「ダーク・タワー」から主人公ローランド。 「魔…

5kgのおもりを落として着地させる

今までの指定で、 5kgのおもりをドラッグ&ドロップでぎゅんぎゅん動かすことはできるが、 着地する地平線を決めて落下させることができず… ここまで入力して止まってました。 var kg_mc:MovieClip; kg_mc.onPress = startMoving; kg_mc.onRelease = stopMovi…

スロット風ボタン効果

Flashはこちら→http://fight-2012.jimdo.com/2012/06/15/actionscript-%E3%82%B9%E3%83%AD%E3%83%83%E3%83%88%E9%A2%A8%E3%83%9C%E3%82%BF%E3%83%B3%E5%8A%B9%E6%9E%9C/ this.onLoad = function(){ this.num01_mc.stop(); this.num02_mc.stop(); this.num03_…

クロスフェード

<html lang="ja"> <head> <meta charset="UTF-8"> <title>スライド1・クロスフェード</title> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.cross-slide.min.js"></script> <script> $(function() { $('#slideshow').crossSlide({ sleep: 2, fade: 1…</meta></head></html>

バナナが動くよ

授業で書いたソースは先生の丸写しのようなもので、 自力で辿り着いてませんが…(;_;)しくしく矢印キーで動かすFlashとマウスでつかんで動かすFlashは以下に掲載。 http://fight-2012.jimdo.com/2012/06/13/actionscript-%E3%83%90%E3%83%8A%E3%83%8A%E3%82%9…

【ActionScript】おみくじ

var r:Number; push_btn.onRelease = function(){ r=Math.floor(Math.random()*4)+1; if(r==1){ rnd_txt.text="大吉"; }else if(r==2){ rnd_txt.text="中吉"; }else if(r==3){ rnd_txt.text="小吉"; }else { rnd_txt.text="凶"; } } 結果→http://fight-2012.…

for文で方眼ライン指定

lineStyle(3, 0x009900, 60); // 線の太さと色と不透明度を決める for ( i = 1; i < 11; i++ ) { // 変数の値 i が、11未満の最大値になるまで1ずつ増やす=10回繰り返し p = i * 20; // 縦の線 moveTo(p, 20); // i=1 の時の p値 = 20をy軸に指定 lineTo(p,…

Web画像課題

6/4の休憩中 【Web画像05】グラデーションと効果 に挑戦した結果、なんか不味そうなオレンジになってウツ…。

課題やったほうがよかったかも

おさげカフェの女の子ってことで、 作ってみた。 なんだかんだで5時間15分ほど費やしております。 Illustratorで人物イラストレーション作成したのは初めてかな。 時間かかるの判ってるから避けてきたようなところもある(汗)。避けてる課題はこれです→http…

【PNG】カフェのロゴっぽいもの

実習の作業と並行して作ってみた。 「OSAGE CAFÉ(おさげカフェ)」 オリジナルのおさげ髪の女の子のキャライラストを持ってたので、 アレンジして即興で。 店員全員おさげって、女子高生かなんかか、 みたいなカフェを想定してみた。 女子校の文化祭の喫茶…

カエルが何とかなった\(^o^)/

var rate:Number = 20; zoom_btn.onRelease = function(){ frog_mc._xscale += rate; //昨日ここで乗算してたのがまずペケ1 frog_mc._yscale += rate; } frog_mc.onRelease = function(){ frog_mc._xscale = 100; //元に戻す命令はこれ(size値・100%) frog…

命令の出し方

var angle:Number = 10;//変数宣言。これだけ。 //ターゲットパスを使って、何に対して命令したいか(ここではボタン) push_btn.onRelease = function(){ //ボタンをどうしたらいいのか(ここではonRelease) fig01_mc._rotation += angle; //次にイラスト…

イベントハンドラ…だけでない何か

課題掲載→http://d.hatena.ne.jp/web-design-advance/20120605/p1 【J07】 「h1要素」と「p要素」を、例のように表示するJavaScriptを記述しなさい。 はじめてのJavaScript ゼロからJavaScriptを記述できるように練習します。 window.document.write( '<h1>はじ</h1>…

教室ではFlashCS5.5で書いたので

自宅にCS5体験版しかなくて開けない…。下戸ながら身近なシーンで楽しかった課題でおさらい。 【AS課題03】 「ビールを12杯:1杯500円」「ウーロン茶を4杯:1杯300円」「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」 「ピザを2枚:1枚800円」 これ…

プレゼン発表中の課題

金曜の授業中に入力できたところまで。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Green and Plain</title> <link href="green_base.css" rel="stylesheet" type="text/css"> </head> <body> <div id="header"> <div id="title"> <img src="images/img03.jpg"> <h1>Green and Plain</h1> <h2>Design by Free CS…</h2></div></div></body></html>