Clicky
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#19ゲームの「難易度」を追加してみる

前回までのあらすじ「ゲームクリア!」を追加しました。ゲームの難易度を追加する自分で遊んでいて思いましたが、このゲーム、けっこう難しい・・・!ということで、「イージー」「ノーマル」「ハード」みたいな選択を、ゲームのオープニングに追加してみたい...
PremierePro(プレミアプロ)

【PremierePro】テロップのフォントを一括で変更する方法|マスタースタイル

テロップ(横書きテキスト)例えば、テロップ(横書きテキスト)をタイムラインに入れている時。このフォントを変えようと思った時は、テロップ(横書きテキスト)を選択→フォント変更、とします。これを一括で変更する方法が「マスタースタイル」です。マス...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#18ゲームのクリア条件(ステージクリア)を追加してみる

前回までのあらすじ落ちる穴を(ちょっと力技だったが)追加できました!ゲームのクリア条件(ステージクリア)今のままだと、このゲームにはステージクリアが無いので、ひたすらゲームオーバーまで逃げまどう(?)ゲームになってしまいます。なんらかの条件...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#17敵キャラクターを横からも出現+落とし穴も追加してみる

前回までのあらすじ主人公の動きにx座標の移動量を加えることで動きが滑らかになりました。敵キャラクターを横からも出現今のままだと空から降ってくるだけなので、横からも出現させてみたいと思います。スプライトを複製(コピー)同じ敵キャラクターを使い...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#16主人公の移動に「移動量」を加えて滑らかな動きを作る

前回までのあらすじゲームにBGMが追加されてよりゲームらしくなってきた・・・か・・・?横の移動量を調整今のままだと、移動スピードが一定なので、キーボードの横矢印を押している間少しずつ早くなっていき、一定の速度まで到達したら速度が一定になるよ...
Scratch(スクラッチ)

【Scratch(スクラッチ)入門】#15ゲーム中のBGMを追加する|なかなか難しい…!!

前回までのあらすじもうだいだい完成でいいかな・・・という気がしてきましたが、更にバージョンアップを図ってみます。スクラッチプログラミング事例大全集ゲーム中のBGMを追加ゲーム中が無音なので、ちょっとしたBGMを追加してみたいと思います。BG...
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空から降ってくるキャラクター(敵キャラクター)を追加してみる

空から降ってくるキャラクター(敵キャラクター)を追加してみたいと思いますスプライトをアップロード画像を追加します。これはパソコンの中から画像をアップロードしていますが、「検索」から最初から準備されている別のキャラクターを追加してみてもOKで...
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メディアラボが開発したプログラミング言語学習環境。「プログラミングコードを書かずにプログラミングの学習をする」ことが出来る、プログラミング学習に最適な環境です。Scrat...
CSS(シー・エス・エス)

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

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

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

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

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

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

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

VSCodeで編集をしている時に「なんとかならないかな」のひとつが「HTMLを編集した時にリアルタイムでブラウザの状態を反映させる」かな、と思います。そんな時に便利な拡張機能が「Live Server(ライブサーバー)」です。Live Se...
Mac(マック)

【Mac&Windows】iPadやiPadminiをセカンドディスプレイにできる便利アプリ!|Duet Display

Duet DisplayMacであれば標準でiPadをセカンドディスプレイ化できる「Sidecar」といった機能がありますが、「macOS Catalina」以上が条件であったり、iPad側も(iPad (第 6 世代) 以降など)最近のも...
Mac(マック)

【Mac】iPadやiPadminiをセカンドディスプレイにできる便利アプリ!|Yam Display

Macであれば標準でiPadをセカンドディスプレイ化できる「Sidecar」といった機能がありますが、「macOS Catalina」以上が条件であったり、iPad側も(iPad (第 6 世代) 以降など)最近のものである必要があります。...
WordPress(ワードプレス)

【WordPress】固定ページをドラッグ&ドロップで並び順の変更が出来るようになるプラグイン|Intuitive Custom Post Order

WordPressの固定ページの並び順変更WordPressの固定ページで、ページの並び順を変えたい時、標準では「並び順」の数字を変えることで並び方が変わります。しかし、ページの並び順の変更数が多い時、1件ずつ編集で並び順を調整するのは面倒...
Photoshop(フォトショップ)

【Photoshop】「画像解像度」と「カンバスサイズ」の変更の違いについて

画像サイズの変更Photoshopで「画像サイズを変更したい」と思った時には、イメージ>「画像解像度」か「カンバスサイズ」でサイズを変更することができます。「画像解像度」「画像解像度」でサイズを大きくすると、カンバス上の画像のサイズも一緒に...