【JavaScript】エリアガイドをつくろう1
クリックでスライドショーが動けば、次は目次をつくっていきましょう。 目次といってもいろんなパターンがありますが、今回はマップを使った見た目でわかりやすいページを作成します。 このように、兵庫県エリアにマウスカーソルを合わ …続きを読む
クリックでスライドショーが動けば、次は目次をつくっていきましょう。 目次といってもいろんなパターンがありますが、今回はマップを使った見た目でわかりやすいページを作成します。 このように、兵庫県エリアにマウスカーソルを合わ …続きを読む
引き続き、JavaScriptの配列変数を使ってプログラミングしていきましょう。 今回は、クリックするたびにコマ送りができる4コマ漫画を作ります。 まずは4コマのもとになる、画像を用意。 koma01.jpg …続きを読む
引き続き、JavaScriptで配列変数をつくっていきましょう。 前回は配列変数の中に、4つのワードを入れ込みました。 今回は、それぞれ配列番号というものを指定して、その中にデータを入れていきます。 [crayon-66 …続きを読む
クリックするたびに写真が切り替わるプログラムをJavaScriptでつくりましょう。 今回は、配列変数を使ってつくっていきます。 変数kotobaの中に、それぞれ4つの言葉を入れる場合、上図のように[]をつくり、,で区切 …続きを読む
2019年8月4日(日)、枚方くずは校にて夏休みイベント「VTuberでつくる!実況動画」を開催しました。 収録、編集、YouTube公開というステップで進む講座ですが、イベントの目玉はバーチャルアバター。 ゲーム実況は …続きを読む
さて、前回つくりました自動スライドで写真を紹介するページ。 この仕組みを使って、ひとつループアニメーションを作ってみましょう。 作品名はキャットモーション。 リアルなアニメーションを作るには、まず画像をたくさん用意 …続きを読む
どうぶつ写真を紹介するにも、いくつかの方法がありますが、今回は自動で切り替わっていくようにプログラミングしていきましょう。 3枚のどうぶつ写真を、1秒おきに自動で表示。 シマウマが出たら、また最初のライオンに戻るというよ …続きを読む
前回に続いて、どうぶつ写真の紹介ページを作っていきます。 今回は、写真そのものをクリックすれば順番に切り替わっていくプログラム。 まずは、3枚のどうぶつ画像を数字つきの名前で保存しました。 前回と同じように、画像の …続きを読む
さて今回は、ボタンを押すと動物の写真が切り替わっていく簡単なページを。 WEBページでちょっと動きのある機能を持たせたいとき、JavaScriptを使えば何かと重宝するんですよね。 動物の写真を3枚ほど、ボタンを押せば切 …続きを読む
Scratch3.0 Desktopを使っていると、思いがけないバグに出くわすことがあります。 その原因と対処法について、随時取り上げていきたいと思います。 今回発生したのが、コード、コスチュームの切り替えタブが、突如無くなって …続きを読む