近況など

先ずは、告知から...。

スクラッチ「かんたん」プログラミング体験講座！
「誰でもカンタンにプログラムが出来る「スクラッチ」を使って、パソコンで色々遊んでみよう！」
…という企画です。
スクラッチ(Scratch)はMITが開発した子供向けのプログラミング環境でGUIにより命令を組み合わせてアルゴリズムを作成するというようなものです。
今回はキャラクタに指示を与える事で出来る様々な表現をプログラミングする体験をして頂きます。
日時　2013年　8/20（火）8/21（水）8/27（火）8/28（水）以上、午後4時半から
　　　　2013年　8/23（金）午後2時半から
　　　　上記日程の内、一日をお選びください。
場所　茶帽子（近鉄菜畑駅すぐのカフェ）
　　　　http://www1.ocn.ne.jp/~daiwakon/chabohshi/
対象　小学3年生以上（中・高・大学生・大人の方も大歓迎）
代金　1500円（ドリンク代込み）
内容　無料ソフト「Scratch」を使っての１時間程のプログラミング体験になります。
　　　　ソフトウェアやテキスト等はこちらで準備します。
更に詳しい事やお申込みなどはブログ右上のメニューよりお問い合わせいただければと思います。
夏休みの自由研究にプログラミングなどいかがでしょう？

...さて、暦の上では秋になっているはずなのですが、連日の猛暑、いかがお過ごしでしょう。

先週末から更新頻度がかなり落ちておりました。

8月に入ってから若干レッスンの申込が増えて来たりしておりますが、まだまだ教室は余裕ある状態ですので、いつでもご連絡下さい。

最近の傾向としては相談に近いレクチャーが多い感じで、そのようなニーズへの対応の必要性をひしひしと感じております。

そういう意味では私自身の出来る範囲であればどのような事でもフォローさせて頂きます。

お気軽にご相談を！

生駒は百合が満開になる季節です。特に生駒山では雑草のように至るところで美しい白い花を咲かせております。

相談も受け付けております

＊スクラッチ「かんたん」プログラミング体験講座、申し込み受付中！

---

　
さて、明日は夕刻からPCに関する相談に対応いたします。
新しくPCを購入したけれど、分からない事が多いので色々教えて欲しい、という依頼に応えるというものです。
今までも昨年末から始めた無料相談会などを行って来ましたが、時折ですが、FaceBookでこういう時にはどう対応すればいい？などの相談も有料で請け負ってきました。
例えば、

• パソコンの使い方がわからない
• Eメールの送り方ってどうすればいい？
• SDカードに入った画像を印刷するには？
• タブレットやスマートフォンの効果的な使い方って？
• お店のホームページ運営で困っている

...などなど、こちらで出来る内容であればアドバイスをさせて頂きます。

場所は教室でも、教室以外でも、ご自宅でも大丈夫です。

ちなみに明日はいつもお世話になっております菜畑駅前のカフェ「茶帽子」さんで行います。

料金は1コマ（60分）2500円で、内容によって1コマで足りない場合もありますので、先ずはご連絡頂ければ、必要コマ数をお見積もりいたします。

お気軽にご連絡下さい。

パン工房トゥールブランシュ様、CATVにて紹介。

以前告知しました通り、Webサイトの運営に関してサポートをさせていただいております、パン工房「トゥールブランシュ」様がKCNの情報番組「KパラNEXT」で紹介されました。

今週いっぱいは繰り返し放送されますので、ぜひご覧ください。

こちらのパンは本当に美味しいものばかりです。

Webサイトの方もかなりこまめに更新されるようになっていまして、非常にアクティブなページなりつつあります。

アドバイスをしている私の方が見習わないといけない感じですね。（＾＿＾；

簡単プログラム07～ペイントの使い方

Scratchの解説7回目です。
過去に公開していたPDFのマニュアルはこれが最後でした。

ちなみに...

「スクラッチ「かんたん」プログラミング体験講座」を今週から随時開催して行くのですが、今週分は申し込みが無かったため中止いたします。（明後日8/7（水）の駆け込みであれば明日中に連絡頂ければなんとか対応いたします）

8月の開催予定はお盆明けからになります。詳しくはホームページ、またはブログをご参照下さい。

是非ご参加下さい。申込お待ちしております。

---

＊今までのまとめはこちら。

・ ペイントの使い方

付属のペイント画面を使って自分の絵で2 フレームアニメーションを作ってみよう。

プログラムが動作する画面を｢ステージ｣といいます。このステージの下に3 つのボタンがあります。この中の左端「新しいスプライトを描く」をクリックしてください。

上のようなウィンドウが開きます。この「ペイントエディタ」を使う事でオリジナルのキャラクタを作成する事ができます。

では、筆のアイコンをクリックして右側の画面に簡単な絵を書いてみましょう。

描画が終わったら、右下の「OK」ボタンを押します。

スプライトが新しく登録されたのが確認できます。

コスチュームのタブをクリックしてみましょう。
描いた絵は「コスチューム１」という形で｢スプライト１に登録｣されています。

更にアニメーション用に絵を追加していきます。

「コスチューム１」の項目の「コピー」のボタンをクリックしてください。
同じ絵が「コスチューム2」として追加されました。
さらに、「コスチューム2」の「編集」ボタンを押します。

先程と同じペイントエディタが表示されますが、コピーした画像がすでに表示されています。
この画像を元に少し形を変えた絵を描いてみましょう。

描き終わったら、先程と同じように「OK」ボタンを押します。
「コスチューム2｣が変更した絵になっているのを確認してください。

最後に「スプライト1」に以下のプログラムを組み立ててみてください。

プログラムを起動すると、スペースキーを押すたびに絵柄を変えてキャラが右へ動くのが確認できると思います。


＊このサンプルではスペースキーではなくカーソルキーで左右に移動しながらコスチュームの変更を行うようになっております。

簡単プログラム06～衝突を判定させる（2）

Scratchの解説6回目です。

ちなみに...

Scratchは来月予定している「スクラッチ「かんたん」プログラミング体験講座」でまた別の内容でレクチャーする予定です。

是非ご参加下さい。申込お待ちしております。

相談会で同時に豆本の展示・製作体験しております妻の人もScratch2.0を最近触っておりまして、ブログでも紹介しております。

・手芸カフェのこびとさん

初めてのプログラム経験について書いていますので、ぜひご覧ください。

---

＊今までのまとめはこちら。

・ 衝突を判定させる（２）

衝突の判定を応用して、キャラクタが物を取るという動作をさせてみましょう。

まず、画面上にバナナの絵をスプライトとして配置します。
次の画像のように少し離して横に並べてください。

スプライト1 に先程の衝突判定と同じ内容のプログラムを組み立てます。

「もし～なら」の結果として「～と言う」を挿入します。

空欄に「いただきます」と入力します。すると、キャラクタがバナナに触れたとき、「いただきます」と噴出しで話します。

この状態だと、台詞を表示するものの、バナナは画面上にそのまま残っています。

バナナを取ったという動作の為には、バナナに触れた後、バナナが画面から無くなると良いので、さらにバナナを消すプログラムを組み立てます。

今回は「プログラムが動作しているときにキャラクタがバナナに触れたら、バナナ(スプライト2)を画面上から消す」という方法でやってみましょう。

プログラム全体が動作している時に動くプログラムなので、スプライト2 に「旗がクリックされたとき」のブロックを置き、｢見た目｣の項目から「表示する」のブロックを探して配置します。

これで、プログラムを起動すると必ずバナナが画面に表示されるようになります。ただ、現在は消していませんので、見た目には変化はありません。

では、ここにバナナが消える条件を配置してみましょう。

「もし～なら、ずっと」というブロックを探して、下の図のように配置してみてください。

これは、ある条件を満たした場合、プログラムが終わるまでずっと命令を継続するというブロックです。

では、条件と命令を追加してみましょう。

これで、キャラクタがバナナに触れると「いただきます」といって、バナナを取るというプログラムが出来ました。

名刺作成

勤め人を辞めて自営の請負講師をやり始めてから使っていた名刺がついに無くなったので、教室をベースにした新しい名刺を作成しました。（家内制手工業）

以前、ティーコゼー展で作成した菜の花のイラストをあしらって、QRコードに電話番号を埋め込み、「教室代表」の肩書き、SkypeとLINEを含む細かな連絡先を追記しました。

とりあえずこれで暫くは行こうと思います。

というのも、名刺用の印刷用紙を使ったのですが、専用のアプリケーションが非常にイマイチな感じで、今後はIllustratorか何がのグラフィックソフトでちゃんとデザインしたものをしっかりした高級紙に印刷、一つ一つ手でカットして行こうかと。

プリンタとの相性も凄く出ますしね。

無駄にならないようにちゃんとやらなきゃなぁ。

簡単プログラム05～衝突を判定させる（１）

Scratchの解説5回目です。

ちなみに...

Scratchは来月予定している「スクラッチ「かんたん」プログラミング体験講座」でまた別の内容でレクチャーする予定です。

是非ご参加下さい。申込お待ちしております。

---

＊今までのまとめはこちら。

・ 衝突を判定させる（１）

スプライトを複数使って、スプライト同士の衝突を判定させて見ましょう。
ここでは壁のようなスプライトを作ってみます。

ちなみにスプライトというのはアニメのセル画のように重なりあった画像で、この場合は一つのスプライトに1キャラクタを配置して複数のキャラクタを管理しています。

まず、スプライトを追加します。
今回はすでに準備されているサンプルデータを用います。右の画面の下にある3 つのボタンの真ん中「新しいスプライトをファイルから選ぶ」をクリックします。

「新しいスプライト」というウィンドウが開きますので、「Things」のフォルダから「palmtree」を選択してください。
スプライト1 の横にスプライト2 という名前で登録されます。

画面上に両方のスプライトが配置されますので、少し離しておきます。

スプライト1に以下の図のようにブロックを配置します。

上の4 つのブロックはキー入力で使ったものと同じですが、最後のブロックに「もし～なら」を配置します。(同じような名称のブロックが複数ありますので形を良く見てください)

これは条件分岐を実現するブロックで、ある条件で実行される命令を指示するのに使われます。

では、ここでは「スプライト2 に触れた」場合に進行方向の反対に跳ね返るように指定しましょう。
「調べる」の項目から「～に触れた」のブロックを次の図のように配置します。

そして触れる対象を「スプライト2」にします。

次にスプライト2 に触れた場合の動作を挿入します。

進行方向の逆に進むようにマイナスの数値を入れます。

こうする事で、右のカーソルキーを押す→もし、スプライト1 がスプライト2 に触れたなら、左に跳ね返る(進めない)→それ以外なら右に進む、というプログラムが出来ました。

実際に動かして動作を確認してみてください。

木に当たるとそこから先へは進めなくなるはずです。

＊木ではなくブロックですが、同じように作成したものです。

動けるうちに動いております

先ずはインフォメーションから。

スクラッチ「かんたん」プログラミング体験講座！

スクラッチ(Scratch)はMITが開発した子供向けのプログラミング環境でGUIにより命令を組み合わせてアルゴリズムを作成するというようなものです。 

今回はキャラクタに指示を与える事で出来る様々な表現をプログラミングする体験をして頂きます。 

日時　2013年　8/6（火）8/7（水）8/20（火）8/21（水）8/27（火）8/28（水）
　　　　以上、午後4時半から  

　　　　2013年　8/23（金）午後2時半から 

　　　　上記日程の内、一日をお選びください。 

場所　茶帽子（近鉄菜畑駅すぐのカフェ） 

　　　　http://www1.ocn.ne.jp/~daiwakon/chabohshi/ 

対象　小学3年生以上（中・高・大学生・大人の方も大歓迎） 

代金　1500円（ドリンク代込み） 

内容　無料ソフト「Scratch」を使っての１時間程のプログラミング体験になります。ソフトウェアやテキスト等はこちらで準備します。

更に詳しい事やお申込みなどはブログ右上のメニューよりお問い合わせいただければと思います。

Scratch講座、絶賛募集中です。
少しでもご興味を持たれましたら、当教室か茶帽子さんの方へ御一報下さい。

さて、最近連日の更新を行なっております。
なぜかブログのネタになる内容を思い付く事が最近活発になって来まして、更新ペースが今の状態でも精神的・肉体的にも対応できる感じでして。

でも、また手が止まるときも来るでしょうから、出来るうちにやっておこうかと、赴くままに更新しております。

ただ、現実問題としてやるべき事も色々有りまして、ブログだけでなくそちらも手を付けていかなきゃならないのも事実。

ToDoの整理をしつつ、一つ一つクリアしないといけません。

先日、暫く使用できない、たけまるホールの代わりになる会場を探して当たりを付けていたホールに行って来たのですが、ちょっと無理な感じでした。
もう一箇所あたったのですが、ちょっと広すぎるか...。
こうなると、たけまるホールの和室の勝手の良さが身に沁みてきますね...。

しかしながら、相談会は継続したいので、暫くは場所探しに翻弄するかも。
もし、会場として場所を提供するよ、という方がおられれば是非お願いしたいところ。

どこかありませんか？

生駒・奈良に限りません。大阪もOKです。
公共機関ばりのローコストが可能であれば是非お伺いしたい！

...という状況です。

まぁ、教室でやればいいんですが。
告知などを考えると...ねぇ。

簡単プログラム04～マウスに合わせて動かす

Scratchの解説4回目です。
今回はキャラクターのアニメーションの方法です。

ちなみに...

Scratchは来月予定している「スクラッチ「かんたん」プログラミング体験講座」でまた別の内容でレクチャーする予定です。

是非ご参加下さい。申込お待ちしております。

ところで、実はScratchですが現在2.0にアップデートされていてアプリケーション版からWebアプリ版に変わってしまっているんですね。
1年前まではアプリケーション版の1.4しか配布されていなかったので、つい最近なんでしょうか？2.0は。
まぁ、基本的な部分は大きな変更が無いので良いのですが、ちょっとこのWeb版2.0は意図が読めない感じで。
1.4もちゃんと配布されているので良いんですがね。

---

＊今までのまとめはこちら。

・ マウスに合わせて動かす（座標の読み取り）

マウスポインタのようにマウスの動きに合わせて画面を動くキャラクタを作ります。

以下の図のようにブロックを配置します。

この状態でプログラムを動かすと、キャラクタをクリックすると画面の中心に移動する事になります。

マウスの位置に合わせるという事は「マウスの座標を調べて同じにする」と考えれば良いので、座標値を調べてそれぞれに入力する機能を使えれば良い訳です。

では、「調べる」の項目から「マウスのx 座標」｢マウスのy 座標｣というブロックを探してください。

このブロックは数値入力の項目に配置する事で、対象となる値を随時入力できるようになる機能を持っています。

では、それぞれを座標の数値の部分に挿入します。

これで、マウスの位置とキャラクタの位置を合わせる事ができます。

が、このままではクリックした時しかこのスクリプトは動きません。つまり、マウスボタンを離すと、キャラクタは座標を読み取る事を止めてしまいます。

常にキャラクタをカーソルの位置に合わせる為には無限ループを作る必要があります。

以下のようにブロックを探して配置してみてください。

これで常にマウスカーソルに合わせて動くようになります。

レタッチ入門～レベル補正その5

＊GIMP講座まとめはこちら。

・レベル補正・実践

レベル補正機能を使って写真の補正を行なってみましょう。

4.色かぶりの補正（ホワイトバランス）

GIMPのレベル補正機能にはホワイトバランスの調整が備わっています。
これを使って「色かぶり」の修正をしてみましょう。

この画像は全体的に赤系統の色が強く出てしまっています。
こういう状態を「色かぶり」などと言います。
フィルムもデジタルもカメラは光を記録する道具なので、光線が太陽光だったり蛍光灯だったりで光が強く含む色味が画像に影響し、実際の色味が出てこない事が普通に起こります。

通常はデジタルカメラ等ではAWB（オート・ホワイトバランス）などの補正機能が付いており、ある程度の処理はしてくれるのですが、意外に不完全な場合が多いです。

これらのどうしても起こる色かぶりの処理をして画像の色味を自然なものに変更します。

GIMPのレベル機能ではスポイドの形のボタンでこの処理を行います。

「レベル」のダイアログの右下に3種類のスポイドのボタンが有るのが確認できるかと思います。
これらは左から黒・グレー・白となっており、それぞれの色のボタンを押してから画像をクリックすると、クリックした所が無彩色の黒・グレー・白になるという機能を持っています。

無彩色というのは色味を持たない色で、上記の通り黒と白、その間に存在するグレーの階調が該当します。
撮影した画像において「無彩色であるはずの部分」がある場合、その部分をこのボタンで「完全な無彩色」にする事で、全体に被っている色みを除去できるという訳です。

この画像であれば、ニンニクが置かれている平面が白色で、少し陰になっている事から、本来グレーに映るべきなのですが、色が付いてしまっています。
そこで、グレーのスポイドのボタンを押して、平面のグレーの部分をクリックします。

すると、クリックした所の色味が消えて無彩色のグレーになります。
と、同時に削除された色味と同じだけ、画像全体から色かぶりが消えるので、画像が自然な色味になります。

このような処理を行う事で、画像を最適な状態にする事が出来ますが、無彩色の箇所が画像に含まれている必要があり、もし、無彩色の部分が無ければ、トーンカーブなどを用いて、細かな色調補正作業を行う必要があります。

これに関してはトーンカーブの解説で行いたいと思います。