URLをコピーしました!
スキルアップを始める!

2020-04

Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#14オープニングでスペースキーを押した時にいきなり攻撃を発射しないように調整する

前回までのあらすじ もう完成でもいいかもしれないと思いつつ、さらに色々と機能を追加してたいと思う今日このごろ。 ゲーム開始時のカプセル発射を止める。 今のままだと、ゲームスタート直後にカプセル発射するので、スペースキーが押される(ゲームスタ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#13ゲームの開始画面(オープニング)を用意する

前回までのあらすじ だんだんとゲームらしく(?)なってきました! オープニングを追加 ゲームが始まったら・・・ 「ゲームスタート」PRESS「スペースキー」 ・・・のような表示があって、キーを押したら開始、のようにしたいので追加してみます!...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#13 降ってくる敵を増やす+攻撃が当たった時に攻撃も消す

前回までのあらすじはこちら 攻撃ができるようになったが、1体の敵を倒したら、ゲーム終了。笑 このままだと、クローンが消えて終了。 今のままだと、「このクローンを削除する」が発動した時に、新しいクローンが作られないので、再び実行|■ボタンを押...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#12敵を攻撃できる武器(アイテム)飛び道具を追加する

前回までのあらすじ ジャンプが出来るようになりました! 攻撃用のスプライトを追加 もし手元に画像があれば追加します。 隠しておかないと、スプライトが画面に表示されたままになりますので、まずは隠します。 繰り返し処理 飛び道具のy座標が増えて...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#11ジャンプの動きを追加する

前回までのあらすじ ゲームオーバーの時にひっくり返って落ちていくようになった。 「ジャンプ変数」を作っておく ジャンプの動きが作れるように変数をひとつ準備しておきます。 地面に付く(y座標が-110未満になる)まで、y座標が動き続けます。 ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#10ゲームオーバーの時の動きを追加する(ひっくり返って落ちる)

前回までのあらすじ だんたんと、ゲームのようになってきました。 ゲームオーバーの時に動きを追加する 「もしゲームオーバー変数=1なら~」という後に、ゲームオーバーのときの動きを追加していきます。 回転方法を自由回転にする もし、ゲームオーバ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#09「クローン」を使って実行と終了の処理を簡単にする

前回までのおさらい 敵に当たってゲームオーバー。はできたけど、何かがおかしい。 前回までの問題点は、「敵に当たってゲームオーバー」になった時に、キャラクター達が移動(元の位置に戻る)をしなかったので、実行(ゲーム開始)した時に、ゲームオーバ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#08敵キャラクターに当たったら「ゲームオーバー!」を追加する

前回までのおさらい 空から降ってくるキャラクターが追加されました。 ここから、敵キャラクターに当たってゲームオーバー、を追加したいと思います。 スクラッチプログラミング事例大全集 背景を変更 そろそろ白背景が寂しくなってきたので、背景を変更...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#07空から降ってくるキャラクター(敵キャラクター)を追加してみる

空から降ってくるキャラクター(敵キャラクター)を追加してみたいと思います スプライトをアップロード 画像を追加します。これはパソコンの中から画像をアップロードしていますが、「検索」から最初から準備されている別のキャラクターを追加してみてもO...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#06音量のオン・オフ(ON/OFF)機能を追加してみる

「キャラクター(コスチューム)が歩いている時に音を鳴らす」をやりましたが、このままでは「音を出したくない」時にも音がなってしまいますので、「音量のオン・オフ」の設定を追加してみます。 音量のオン・オフ シンプルに考えると「上矢印キーを押して...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#05バックパック|他のプロジェクトに作ったスクリプトをコピーできる便利機能

Scratch(スクラッチ)を使っていて、「他のプロジェクトにスクリプトを丸ごとコピーできないかな・・・」と思った時に便利なのが、「バックパック」機能です。 バックパック 画面の下の方に「バックパック」と書いてあるバーがあるのでクリックしま...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#04キャラクター(コスチューム)が歩いている時に音を鳴らす

前回までのおさらい 右向き矢印キーを押す→右に移動する+向きを変える左向き矢印キーを押す→左に移動する+向きを変える 音を鳴らす 歩いている時に無音なのはちょっと悲しいので、音を鳴らしてみたいと思います。 左上のタブから「音」のタブをクリッ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#03キャラクター(コスチューム)を左右で切り替える

前回までのおさらい 右向き矢印キーを押す→右に移動する左向き矢印キーを押す→左に移動する このままだと、左に移動した時にムーンウォーク状態になってしまうので、左矢印キーを押した時には「左向き」に切り替えるようにしたいと思います。 向き(角度...
zoom(ズーム)

【zoom】背景を変える(バーチャル背景)設定方法

zoomでバーチャル背景を設定していると、「それどうやってやるの?」と聞かれることも多いので、設定方法をご紹介したいと思います!(簡単です) 仮想背景を選択して下さい 画面下の方にあるビデオのアイコンの横の「^」をクリックして「仮想背景を選...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#02キャラクター(コスチューム)を切り替えて動いているように見せる

前回のまでの動きはこちら このままだと、キャラクターが横にスライドして動くだけですので、キーボードを押す(動く)たびにキャラクターに動きを付けてみます。 コスチュームを準備 まずは、動く用のコスチュームを2パターン準備します。このコスチュー...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#01新規プロジェクト(ゲーム)の作成方法(初期画面編)

Scratch(スクラッチ) Scratch(スクラッチ) とは?MITメディアラボが開発したプログラミング言語学習環境。 「プログラミングコードを書かずにプログラミングの学習をする」ことが出来る、プログラミング学習に最適な環境です。 Sc...
CSS(シー・エス・エス)

【CSS】cssのvwとは? vh, vmin, vmax,%の違いについて

width cssで画像の横幅を指定しない場合は画像サイズがそのまま設定されるので、ウィンドウサイズが大きくても小さくても画像のサイズはそのままです。 ウィンドウを小さくすると、画像が隠れて見えなくなります。 width:100% 画面の横...
CSS(シー・エス・エス)

【CSS】右に何も無いのになぜかスマホで右にスクロールできてしまう?右側にできた謎の余白を消す方法

横幅は収まっているはずが・・・? cssを見ていても、横幅は画面に収まっているはずなのに、なぜか横にスクロールが出来てしまう。 こんな時の、ひとまずの対処法です。 DeveloperToolsでCSSのプロパティ&値を片っ端から消す おそら...
CSS(シー・エス・エス)

【CSS】スマホで表示した時に画面が横にスクロールする状態を解決する方法

WordPressなどでウェブサイトを作成した時に、スマホで表示させた時に横にスクロールしてしまう場合の解決法です。 width : 100% からのはみ出し? 例えばですが、単純に、width : 100%の場合に要素に左右にmargin...
VSCode(Visual Studio Code)

【VSCode】ファイルを編集時にライブプレビューでリアルタイム反映する拡張機能|Live Server

VSCodeで編集をしている時に「なんとかならないかな」のひとつが「HTMLを編集した時にリアルタイムでブラウザの状態を反映させる」かな、と思います。そんな時に便利な拡張機能が「Live Server(ライブサーバー)」です。 Live S...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら