ブログトップ | ログイン
まっちゃんの仕事部屋
naocco2005.exblog.jp
<   2017年 12月 ( 2 )   > この月の画像一覧
年末年始休業のお知らせ
年末のご挨拶にお伺いすべきところ、ブログにてのご案内で失礼いたします。
まつしまデザインブースは、12月28日(木)から1月4日(木)まで年末年始休業いたします。
年始は1月5日(金)より通常通り営業いたします。
旧年中は大変お世話になりありがとうございました。
新年もどうぞよろしくお願い申し上げます。

by naocco-mdb | 2017-12-27 23:55 | *お知らせ*
Google子どものコーディング50周年記念Doodleやってみました
先週前半(たぶん4日(月)〜6日(水))は「子どものコーディング50周年記念」だったらしく(そんな昔から子どもはコーディングしてた??)、Google Doodleがかわいいプログラミングブロック遊びになっていました。
私も一応WEBデザイナーの端くれ! JavaScriptも触ったことある! ということで、早速遊んでみました。

e0084998_15390896.png
▶をクリックしてスタート。

e0084998_15401868.png
e0084998_15402394.png
最初にやり方を説明してくれます。まずは1コマ進めるところから。

e0084998_15404982.png
e0084998_15405460.png
1コマ進むブロックを2つ置くだけ。楽勝ですね。

e0084998_15411924.png
e0084998_15412696.png
次は方向転換のブロックが入りました。

e0084998_15415517.png
e0084998_15415905.png
ここまでは無問題です。

e0084998_15421617.png
e0084998_15422010.png
お、ループが出てきました。本格的ですね。

e0084998_15423487.png
e0084998_15423945.png
e0084998_15425567.png
どうやら最少移動回数(プログラムの最少ステップ数)だと
リボンが付くようです。ここまでは順調です。

e0084998_15431169.png
e0084998_15433196.png
今度は八の字。先ほどの3番目のように四角く動いて、
その後方向転換してまた四角く動けばOKですよね。

e0084998_15442737.png
e0084998_15443135.png
さらに複雑になりました。右向きに回転すればいいのか
左向きに回転すればいいのかだんだん混乱してきます。

e0084998_15450286.png
今度は角の動きがたくさんありそうですが、
最短距離で1周する方向性で考えてみます。
e0084998_15452196.png
こうかな?

e0084998_15454427.png
あれ?回転する位置を間違えたようで、
ニンジンを取り残してしまいました。

e0084998_15461183.png
一度ループを外して、1コマずつ考えていきましょう。

e0084998_15463719.png
で、同じ繰り返しのところをループで括ってみます。

e0084998_15465616.png
今度はいい動きをしています。

e0084998_15474849.png
e0084998_15475162.png
はい! 全部クリアしましたー。

しかし、この後、これにトライした方のブログを発見!
https://blog.kuromusubi.com/diary/20171204-doodle

それによれば、ループをさらにループで囲むこともできたんですね!
たかがGoogle Doodleなのにそんな高度に作られていたなんて気づきませんでした。
さらに、うさぎちゃんの動きを無駄に多くすれば、ステップ数を極端に少なくすることも可能だったみたい!
いや〜プログラミングは奥が深いです。

本職のプログラマーさんたちは、こうやって美しい動きと軽いデータの両立を日々模索しているんでしょうね。
頭が下がります。

by naocco-mdb | 2017-12-10 16:14 | ●仕事だ!デザインだ!