イラスト/楽曲制作/CG・動画編集のドメイン知識あり。
創作スキル/知識を生かした開発。

創作

クリエイター向け左手デバイス。
デバイスを傾けることで使用するユニークな操作方法でDAWとUnityの操作が行えます。
筑波大学のCOJTの一環として自分が発案し、友人と開発を行いました。

最優秀賞受賞を受賞しました。

# 紹介動画
<iframe width="100%" src="https://www.youtube.com/embed/3Dj3xcKl2-Q?start=382" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

クリエイター向け左手デバイス

Chef

M5Stick単体で完結するBluetoothMIDIコントローラの実装です。
電源を入れた後PCとBluetoothでペアリングするとMIDIコントローラとして使用できます。

```tweet
1340563782850867201
```

```tweet
1341296207197401088
```

関連記事で詳しく解説しています。

M5Stick単体で完結するBluetoothMIDIコントローラの実装

BluetoothMIDIコントローラ

web上で簡単に音楽を作れるアプリです。
筑波大学のCOJTの一環として自分が発案し、友人と開発を行いました。
春季最優秀賞を受賞しました。

# 発表動画
<iframe width="100%" src="https://www.youtube.com/embed/c-l7xawEoDs?start=2530" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# こだわりポイント
## 音再生技術
サウンドフォントと呼ばれるファイルのフォーマットの一種にsfz形式があります。
これは音程ごとの楽器の音が含まれており、これを鳴らすことでPC上で任意の楽器を演奏することあできます。
本来は作曲ソフト等で使用するものですが、形式を解析しsfzをWebAudioAPIで再生できるように実装しました。

## ピアノロール
メロディブロックをクリックするとピアノロールが開きます。
直感的に入力できるDAWレベルの操作性を実現しました。


web上で簡単に音楽を作れるアプリ

MusicSharp

鼻歌を楽譜に起こし、DAWに入力できるアプリ。

![humming-score-thumb](//images.ctfassets.net/27i46hewzrkc/70iS2yRoOFyzKpZgNM1Jk7/c239323168eed587ec366d957ef60f9a/___________________5pre.png)
![hummingscore-sc2](//images.ctfassets.net/27i46hewzrkc/3oLcE18hXyfHzIZKRj05ar/869ba9a4b2324b6f44bf347def742874/image.png)

鼻歌を歌うことで、カラオケの採点システムのようにリアルタイムで音程を表示してくれます。
録音後はPCに接続することでMIDI出力が行えます。
PlayStoreからダウンロード可能です。

鼻歌を楽譜に起こし、DAWに入力できるアプリ。

HummingScore

趣味でDTMをします。

イラスト制作と同様に活動名義は分けているため、
トップページで使用している楽曲のみ掲載しています。

<audio controls src="https://assets.ctfassets.net/27i46hewzrkc/54F9HY178V02JLR51U2HSh/742aee8b9504799853c466fe3b55db71/Mixdown_23_.mp3" />

過去にBlenderで作った壁紙。

![oreo v1](//images.ctfassets.net/27i46hewzrkc/2zeVTJ1C3aeAFljfPzu1dz/7bd7554f04e8fe30f666bee6f7975c0a/oreo_v1.png)

![Pie](//images.ctfassets.net/27i46hewzrkc/zOIkU343UQEyi9vmCHIN9/4d559213216f0d2a41b4f8e063bcca10/810-2.png)

![Nougat](//images.ctfassets.net/27i46hewzrkc/4Anjof4AQVdngN5JwQ24wL/1593a5cebebeeb394af819e32516acbb/Nougat2-4k.png)

3DCG

趣味でキャラクターイラストを描きます。
創作活動の名義は分けているため、ポートフォリオ用に描いた画像のみ掲載します。

### キャッチ画像
![portfolio3_catch](//images.ctfassets.net/27i46hewzrkc/6XtHYJSnKikbgZDiHm1EHp/fc148b839d665b59aa48f621a04ea5a4/portfolio31-42.png)

### 404
![404_illust](//images.ctfassets.net/27i46hewzrkc/3p5ghR1LY682BcOxeYjeps/34696ace2cf813f6d9ede18dfa90d796/localhost_3000_404.png)

### no-image
![no-image](//images.ctfassets.net/27i46hewzrkc/5jAmTzAZZ1XbMcueBQxQaC/a5a41f8e6ae0e70e116e5f4fb9aa4565/portfolio3-noimage.png)

趣味でキャラクターイラストを描きます

イラスト制作

NekoHackerの曲をスマホでDJできる公式Webアプリ！音の制御を担当。

```tweet
1232636430331064322
```


NekoHackerの曲をスマホでDJできる公式Webアプリ！

NekoDJ

過去に開発したゲームを紹介するページです。

# Bounce
高校の文化祭で展示用に開発した2Dパズルアクション。
ゲーム内でコースを編集することもできます。
![bounce-title](//images.ctfassets.net/27i46hewzrkc/D38CsuA88TjC5HBsb1eaC/5464f59708943ad0d00e78714fec3f76/image36.png)
![bounce-sc1](//images.ctfassets.net/27i46hewzrkc/4HOjxP7ABZoBMwCo6ABVi/134ae3f9f147a90f1de78f591a3eeef6/image37.png)
![bounce-sc2](//images.ctfassets.net/27i46hewzrkc/6UYue6XO4QSfmxPKTewP7i/242682f8622285d4c85196f4cb38c484/image40.png)
![bounce-sc3](//images.ctfassets.net/27i46hewzrkc/1wVRVXUSTyi97J3wubaEXA/4936adb927822f421ea8f10c65c2eee4/image39.png)

### 当時のプレイ動画
<iframe width="100%" src="https://www.youtube.com/embed/wfk9FfzFljk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# てんじょうがおちる学校
大学時代にゲーム開発サークルで開発したゲーム。
サークルが当時開発していたゲームエンジンAltseed1を使用しました。

![roof-fall-sc1](//images.ctfassets.net/27i46hewzrkc/7NdlJkybYNRwyDXuQuAiG/b6d8f101d54501d389dc23b9f88297cc/image29.png)
![roof-fall-sc2](//images.ctfassets.net/27i46hewzrkc/65FHwnlNbejbPVz08eoVg0/9997f03aabca033272b0f684a63c9110/image27.png)

### 過去の紹介ツイート
```tweet
1105777481745784832
```

# Natumi BoatRace
大学時代にゲーム開発サークルで開発したゲーム。
始めてUnityで制作したゲームです。

![natsumi-sc1](//images.ctfassets.net/27i46hewzrkc/22j60d2DeuvyJpD5Lgmlaq/b30792fc169a9b11473c237f3041c965/natsumi.png)

### 紹介動画（2番目の作品です）
```tweet
1160267683478114304
```

Works

#創作