アニメーション
今日やったのはJavaScriptで宝探しゲームを作ろうです。ただ、やはりゲームの部分よりも、CSSを使ったアニメーションの部分が勉強になりました。
しかし、各レッスンのゲームはゲーム性が微妙なものが多いですが、今回の宝探しゲームはその中でも群を抜いてわけわからんゲーム内容でしたね(笑)。他のはまだ、友達に「簡単なゲームつくったぜ」と見せても一応は遊べるものでしたが、今回のはそれすらもキツそうでした(笑)。
やりたいことをやったり
書きたいことを書いたり
そんな感じのブログです
今日やったのはJavaScriptで宝探しゲームを作ろうです。ただ、やはりゲームの部分よりも、CSSを使ったアニメーションの部分が勉強になりました。
しかし、各レッスンのゲームはゲーム性が微妙なものが多いですが、今回の宝探しゲームはその中でも群を抜いてわけわからんゲーム内容でしたね(笑)。他のはまだ、友達に「簡単なゲームつくったぜ」と見せても一応は遊べるものでしたが、今回のはそれすらもキツそうでした(笑)。
今日やったのはJavaScriptでキャラ診断を作ろうです。ですが、キャラクター診断の部分よりも、画面を左右に遷移して動きのある画面を見せるやり方が参考になりました。なんかのところで使いたいですね。
前回からだいぶ間が空いてしまいました。少し方向転換して、JavaScriptの復習も兼ねてそっちのほうをやっていくことにしました。今日やったのはJavaScriptでスロットマシンを作ろうです。setTimeout
とか、未だによくわかってないんですよね(笑)。これを機に慣れていきたいですね。
レッスンは14個ほどあるようなので、これをしばらくやっていこうと思います。
前回でCSSの便利な機能を改めて学習したんですが、ついでにレッスン一覧を確認したところ、まだやっていないCSSのレッスンがあったのでやってみることにしました。
という訳で、やってみたのはCSSアニメーション入門です。かなり難しい内容で、例えばこのサイトでの使用方法などもぱっとは思いつかないような内容だったのですが、引き出しの一つにはできたかなと思うので、何かの機会には使ってみようかなと思います。
最新のレッスンを見ていると、CSS変数入門というかなりおもしろそうなレッスンがありました。実は今まで普通のCSSで変数を使えるということを知らなかったので、早速やってみました。グローバル変数とローカル変数を使い分けたりと、結構いろいろなことができるみたいです。レッスンは全8回と少なめだったので一気に終わらせてみました。JavaScriptとの組み合わせもできるみたいでおもしろそうですね。
かなり便利そうなので、このブログのデザインもこれを使って書き直そうかと思っています。いつになるかはわかりませんが……(笑)。