#author("2020-07-30T14:03:52+09:00","default:member","member")
*BeatToolJP
音声素材 ”sample pack” のWeb配信
'''Keywords：WebDesign/ SoundDesign/"Sample Pack"/ R&B/Soul/Hiphop'''
#image(mock2g.jpg,,100%)
~
**プロジェクトの概要
//プロジェクトごとに作業の進め方は異なるので、見出しの構成もそれに応じて変わるものと考えて下さい。要は、メンバー間で「情報共有」すべき内容を、整理して書く・・ということです。};
#iframe(https://kzhub.github.io/Ksamples/,100%,70%)
[[サイトリンク>https://kzhub.github.io/Ksamples/]]
~~
***これは何？
~サンプルパック(鍵盤などを演奏した音源やドラムの叩いた音が入っているファイル)やサンプル楽器を制作し、それらを配布するサイトを立ち上げるプロジェクト
[[サンプルパック参考音源>https://drive.google.com/file/d/1Sfgaba_hZC4sALJlrwEKIBF9sJEWH0XW/view?usp=sharing]]
~~
***背景・目的
-コンピューターの進化により気軽に楽曲制作が行える時代が訪れている
-近年のR&B.Soul.Hiphopのサンプルやサンプル楽器はコードごとに分類されていないなど痒い所に手が届かず使いにくいものが多い
-殆どが海外の有料のものあり、試しにくい状態である
-そのためサンプルパックやサンプル楽器を制作し誰でも楽曲の中に組み込み易くすることを目的とする
~~
-近年の例
#youtube(XaxWQ_k--Bk,50%)
~
-サンプリング
#youtube(H3TF-hI7zKc,50%)
~~
***ターゲット（誰のために）
-音楽制作に興味がある人
-音楽制作を行なっている人
~~
***プロジェクトで使用するツール
-Illustrator
-Github
-Atom
-Ableton Live(DAW)
-Apollo Twin
-楽器
~
**調査
***Web
-[[teenageengineering>https://teenage.engineering/]]アイコンを利用しメニューを作っている
-[[Splice>https://splice.com/sounds/splice/mxxwll-sounds-sample-pack]]モノトーンでまとめいることで様々なジャケットの色に対応
-[[ドロップシャドウの利用>https://clear-gel.jp/]]~
上記の調査を踏まえたコンセプト
-メニューをアイコンで表示
-色を少なくし追加されるコンテンツに左右されないサイト
-ドロップシャドウ.スムーズスクロールなどを利用し現代的な作り
-日本のサイトだとわかりやすく、シンプルだが簡素ではないサイト
~
***サンプルパック
-ファイル形式はwav形式が多い
-量子化ビット数は24bitが多く採用されている
-サンプリングレートは44.1kHzや44.8kHzなど製作者によって異なる
-上記の調査を踏まえ量子化ビット数は24bitを採用し、サンプリングレートは環境に左右されず利用できるように44.1kHzを採用する事とした
~
**制作物
~
***ロゴ
#image(logo1.png,,80%)
~
***Webサイト
-トップページ
トップページはサンプルパックが一覧として表示されることでアクセスした際に目的のものが探しやすい構成とした
#image(mock2g.jpg,,70%)
~
-サンプルパック個別ページ
個別ページの背景は各サンプルパックのジャケットに合わせた色を設定し表示することで、よりサンプルパックの印象が伝わるように制作
#image(lookon.jpg,,70%)
[[サイトリンク>https://kzhub.github.io/Ksamples/]]
~~
***サンプルパック
GuitarPack/BassPack/DrumKitPack/RhodesPack/TexturePack
~~
***サンプル楽器
ジャケットの制作はデジタルで行うがR&B, Soul, HipHop のイメージで制作を行うためデジタルの中にもアナログ感のある粒子などの要素を加え制作を行なった。
MellowElectricBass/MuteGuitar
#image(sample2.png,,50%)
[[サンプルパック参考音源>https://drive.google.com/file/d/1Sfgaba_hZC4sALJlrwEKIBF9sJEWH0XW/view?usp=sharing]]
**プロジェクト管理
***スケジュール
-進行管理表（ガントチャート形式）へのリンク
~
***ToDo
-サンプルパックのジャケット制作
-サンプル録音
-サイト制作
~
~
#hr
CENTER:''進捗・記録''
~
#hr
~
**2020.7.17
-概要集制
-サイトサンプルパック個別ページ制作
#image(lookon.jpg,,70%)
-プロジェクト副題変更
**2020.7.10
-概要集制作
-サイトトップページ改良
#image(mock2g.jpg,,70%)
**2020.7.3
専攻別プレゼン
**2020.6.26
サイト実装する物
-Scroll 滑らかjs
-画像hover時に白く
-Drop shadow
-スライドライブラリ(Jquery)
**2020.6.19
サイト全体イメージ案
#image(aboutsite.jpg,,70%)
-[[スムーズスクロール導入>https://www.d-grip.com/blog/seisaku/4322]]
-[[ドロップシャドウ>https://clear-gel.jp/]]
**2020.6.12
jquery利用し波形表示
[[参考>http://www.kuma-de.com/blog/2018-09-21/7435]]
**2020.6.5
-サイト全体イメージのためにメニュバーアイコンの制作
#image(icon.png,,50%)
-html.css構造整理
**2020.5.29
-[[雛形ページ>https://kzhub.github.io/Ksamples/]]をもとにレイアウト整備
-前回のアドバイスを元にサイト内リンクをidへの統一
-[[調査peaks.js>https://www.moongift.jp/2015/09/peaks-js-javascript%e3%81%a7%e6%b3%a2%e5%bd%a2%e3%82%92%e8%a1%a8%e7%a4%ba/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+moongift+%28MOONGIFT+-+%3F%3F%3F%3F%3F%3F%3F%3F%3F%3FIT%3F%3F%3F%3F+-%29]] サンプルをサイトにのせる際波形を表示するjavascript
**2020.5.22
-学科サイトメイン写真撮影
-調査
[[teenageengineering>https://teenage.engineering/]]同系色でまとめている
[[Splice>https://splice.com/sounds/splice/mxxwll-sounds-sample-pack]]モノトーンでまとめいることで様々なジャケットの色に対応
-説明記入
-アイデア ジャケット写真基調に作成
-[[雛形ページ>https://kzhub.github.io/Ksamples/]]追加
#iframe(https://kzhub.github.io/Ksamples/,100%,70%)
**2020.5.15
-プロジェクトタイトル入力
-サンプル楽器ジャケット試作を行い全体の方向の模索
#image(sample2.png,,50%)
-サイトマップ
#image(map.jpg,,70%)
**2020.5.8
-サーバー取得 [[Testページ>https://kzhub.github.io/Ksamples/]]
-testページ制作
-説明ページ制作
**2020.5.1
-サイトレイアウト考案
#image(名称未設定-1.jpg,center,25%))
-html.css.javascriptで制作
-楽器ごとのパックで制作
**2020.4.24
***アイデア
-音楽制作に利用するサンプルパックの制作とそれらを公開するサイトの制作
-サンプラーで利用できる楽器の制作(exs24/sampler/kontakt)
-IRデータ(インパルスレスポンス)を制作それらを公開するサイト)
~
***参考サイト
-[[MXXWLL Splice>https://splice.com/sounds/splice/mxxwll-sounds-sample-pack]]
-[[slappy drums>https://stlndrms.com/products/slappy-drums]]
-[[Cam O'bi>https://sellfy.com/camobi/]]
-[[NI>https://www.native-instruments.com/jp/catalog/maschine/]]
-[[J3PO>http://www.julianpollack.com/]]
-[[Learning synths>https://learningsynths.ableton.com/]]
~
