どうもー!マミィです!
フリーランスプログラマーをしながら、「スクラッチプログラミング」・「マインクラフト」の真似したいと思う、役に立つ情報を中心に発信しています!
![](https://programommy.com/wp-content/uploads/2022/03/1646526332916-1-e1654386863580-150x150.jpg)
スクラッチって使える画像、音楽が少なくてつまらない!
もっとテンションが上がる、ゲームに使える素材がほしい!
![マミィ](https://programommy.com/wp-content/uploads/2022/03/cropped-2975bc8c4727d8f51ee97d791aabd406-e1654387018377-150x150.jpg)
利用規約でほとんどのサイトのフリー画像が使えませんが、ありがたいことに使える素材が見つかったので、紹介します!
素材パックには多数のキャラクター・アイテム・背景・音楽がセットになっています。
ゲームを作るならこれで素材はすべて揃うくらいの充実さです!
![](https://programommy.com/wp-content/uploads/2022/06/preview2.png)
![](https://programommy.com/wp-content/uploads/2022/06/mockup2.png)
使いたいですよね?
無料でダウンロードはできますが、本家のサイトは英語のため少しハードルが高いです。
GitHubに同じものをあげているものを使うのが一番お手軽です!
GitHubからのダウンロード方法も紹介します。
今回紹介するのは、CC0(著作権フリー)の素材です。
CC0 とは、科学者や教育関係者、アーティスト、その他の著作権保護コンテンツの作者・所有者が、著作権による利益を放棄し、作品を完全にパブリック・ドメインに置くことを可能にするものです。CC0によって、他の人たちは、著作権による制限を受けないで、自由に、作品に機能を追加し、拡張し、再利用することができるようになります
引用:クリエイティブ・コモンズJAPAN
この記事の内容です。
- スクラッチで使える著作権フリー素材のサイト・ダウンロード方法
- ダウンロード素材はどんなものがあるの?スクラッチにいれやすいものを紹介
- ダウンロードした著作権フリー素材をスクラッチに取り込む方法(注意点あり)
- スクラッチで使う時に動かす時のコツ
この記事を読むと、スクラッチで使える素材が手に入り、使い方もわかります!自分の作品をかっこよくしちゃいましょう!
このやり方を使って、スクラッチにいれたものは以下になります↓
![マミィ](https://programommy.com/wp-content/uploads/2022/03/887784e326d33cdb30f13acf3e61c111-e1654001514695-150x150.jpg)
スクラッチにいれた素材はほんの一部なので、これから説明するやりかたで、好きなキャラクターをいれてくださいね!
最近購入した富士通のPCがとても快適だったので、おすすめします↓
※2022年11月にAmazonで買いました。ゲームの録画もワンタッチでできます。
スクラッチも教育版マインクラフトもこのパソコンで作ってます。
スクラッチで使える著作権フリー素材のサイト・ダウンロード方法
素材がダウンロードできるGitHubから、緑ボタンの「Code」をクリック。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-11T212125.007-1024x474.png)
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-11T212151.616.png)
下にある、Downliad ZIPをクリックすると、ZIPファイルでダウンロードできます。
解凍するとすべての素材が使えます。
ダウンロード素材はどんなものがあるの?スクラッチにいれやすいものを紹介
細かいゲームに使える素材が多くありますが・・・
素材の動きが1枚画像になっていたりして、使うためには1つずつに分けたりと面倒です。
![](https://programommy.com/wp-content/uploads/2022/06/egg-shell.png)
![](https://programommy.com/wp-content/uploads/2022/03/1646526332916-1-e1654386863580-150x150.jpg)
そんな面倒なことやりたくない!
ただ、スクラッチで使いたいだけなんだよね〜。
![マミィ](https://programommy.com/wp-content/uploads/2022/03/cropped-2975bc8c4727d8f51ee97d791aabd406-e1654387018377-150x150.jpg)
すぐにでも使えるものを見つけたので紹介します!
どの素材も、テイストが似ているので別のテーマのゲームの素材を使っても違和感はありません。
使えそうなものを色々なフォルダから選んでいくとオリジナルな作品ができますね!
スクラッチに入れやすい素材!RPG BATTLE SYSTEM
![](https://programommy.com/wp-content/uploads/2022/06/preview-1.png)
![](https://programommy.com/wp-content/uploads/2022/06/preview2.png)
ダウンロードした「superpowers-asset-packs」の中の、「rpg-battle-system」にこれらの素材が入っています。
【キャラクターが入っているフォルダ】
superpowers-asset-packs>rpg-battle-system>char
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12-09.08.12.png)
この中に、キャラクター毎にフォルダで分けられて画像が入っています。
- 待機状態
- 攻撃をうけた状態
- アタック2種類
![](https://programommy.com/wp-content/uploads/2022/06/attack2.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack2-1.gif)
【敵モンスターが入っているフォルダ】
superpowers-asset-packs>rpg-battle-system>monster
![](https://programommy.com/wp-content/uploads/2022/06/attack2-6.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack2-4.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack2-5.gif)
【背景が入っているフォルダ】
superpowers-asset-packs>rpg-battle-system>backgrounds
![](https://programommy.com/wp-content/uploads/2022/06/11.png)
![](https://programommy.com/wp-content/uploads/2022/06/21.png)
![](https://programommy.com/wp-content/uploads/2022/06/23.png)
すべてに使える背景(透過あり)
![](https://programommy.com/wp-content/uploads/2022/06/preview-2.png)
【全てに使える背景が入っているフォルダ】
superpowers-asset-packs>backgrounds>layers
![](https://programommy.com/wp-content/uploads/2022/06/39.png)
![](https://programommy.com/wp-content/uploads/2022/06/99.png)
superpowers-asset-packs>backgrounds>backgrounds
![](https://programommy.com/wp-content/uploads/2022/06/41.png)
![](https://programommy.com/wp-content/uploads/2022/06/35.png)
ダウンロードした著作権フリー素材をスクラッチに取り込む方法(注意点あり)
![マミィ](https://programommy.com/wp-content/uploads/2022/03/887784e326d33cdb30f13acf3e61c111-e1654001514695-150x150.jpg)
スクラッチでは、gifファイルを取り込むと、動きごとに画像がバラけて入るので楽です!
今回は、GIFをスクラッチに取り込んで、使う方法を紹介します。
![](https://programommy.com/wp-content/uploads/2022/06/attack2-6.gif)
GIFとは何枚かの画像をコマ送りにしたファイルで単体で動きがあるものです。
GIFファイルをスクラッチに取り込む方法
![](https://programommy.com/wp-content/uploads/2022/06/idle.gif)
このキャラクターを取り込みます!
superpowers-asset-packs>rpg-battle-system>monster>boar
このフォルダには4つのgifがあります。
- idle.gif(待機状態)
- hit.gif(ダメージを受けた状態)
- attack.gif(アタック1)
- attack2.gif(アタック2)
![](https://programommy.com/wp-content/uploads/2022/06/idle.gif)
![](https://programommy.com/wp-content/uploads/2022/06/hit.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack-2.gif)
![](https://programommy.com/wp-content/uploads/2022/06/attack2-6.gif)
スクラッチでは1つのスプライトに入れると1つのスプライトで、すべての動きが使えるため、1つのスプライトに入れる方法をお伝えします!
STEP1:gifファイルをアップロードする
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T093851.757.png)
アップロードするファイルの指定画面が出てくるので、「idle.gif」を選びアップロードします。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T095028.424.png)
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T095155.823.png)
1つファイルをアップロードしただけで、複数のコスチュームがはいりました。
ここで先に名前を決めておくとあとから似たような画像が入ってくるときに迷いません。
idle1〜idle7で名前をつけました。
一応、自動で数字がついてくれますが、同じ名前のコスチューム名はアップロードできません。
STEP2:同じスプライトのコスチュームから、別のgifをアップロードする
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12-10.05.27.png)
さきほど取り込んだものに、コスチュームを追加します。
コスチューム画面の「コスチュームをアップロード」を押して、hit.gifを取り込みます。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T100922.280.png)
データがはいってきます。順番がバラバラだったり、名前をつけてあげます。
hit1〜hit4と名前をつけて、上から順に並び変えをしておきます。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T101408.594.png)
同じように、attack.gifもアップロードします。
ここでは名前をattack-a1〜attack-a12とつけました。
![マミィ](https://programommy.com/wp-content/uploads/2022/03/cropped-2975bc8c4727d8f51ee97d791aabd406-e1654387018377-150x150.jpg)
次にアップロードするattack2.gifと名前がかぶってしまうので、間にハイフンをいれたりオリジナルな名前にしましょう!
attack2.gifは、attack-b1〜attack-b12とつけました。
注意点:音楽ファイルがogg形式→変換の必要あり
フォルダに入っている音楽ファイルは、ogg形式でそのままスクラッチでは取り込めません。
ogg→mp3などの、取り込める形式に変換してから取り込む必要があります。
ファイル形式をオンライン上で変換できるサイトの紹介
オンライン上でファイル形式を変換できる機能を使って変換します。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T110240.185-1-1024x413.png)
oggファイルを選びます。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T110113.819-1024x494.png)
MP3を選択して、「変換」ボタンをおします。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T110214.793-1024x194.png)
変換できたら、ダウンロードします。
ファイル変換した音楽ファイルをスクラッチに取り込む方法
ファイル変換したファイルをスクラッチに取り込みます。
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T110931.505.png)
取り込みたい背景やスプライトの音から
「音をアップロード」をします
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T111153.897-1024x473.png)
スクラッチで使う時に動かす時のコツ
取り込んだ、キャラクター・音楽を使って少しうごかしてみました!
![スクラッチにいれた素材の動き](https://programommy.com/wp-content/uploads/2022/06/3d12449fd5795d28717b067ea27a57b5.gif)
コードの作り方は、人それぞれですが、参考までに・・・↓
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T112141.836.png)
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T112449.701.png)
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T112611.339.png)
![](https://programommy.com/wp-content/uploads/2022/06/Screenshot-2022-06-12T112630.134.png)
スクラッチで使える著作権フリー素材:まとめ
スクラッチで使える「superpowers-asset-packs」を使って、以下のことを説明してきました!
- 使える素材のサイト
- 素材のダウンロードのやり方
- 素材をスクラッチに取り込む方法
- 音声ファイルを変換して取り込む方法
- スクラッチに取り込んでからの使い方
![マミィ](https://programommy.com/wp-content/uploads/2022/03/887784e326d33cdb30f13acf3e61c111-e1654001514695-150x150.jpg)
キャラクターが本格的だと作っていてもテンションあがりますね!
プログラミングを楽しみましょう〜!