メインコンテンツまでスキップ
PERAPAGE
制作物と実験 - PERAPERA PROJECTS

Projects

PERAPROJECTINDEX

VRChatワールド、WebGLの実験、日々のための小さなツールをまとめています。 気になるものから触れるように、制作物をカテゴリ別に並べました。

42WORKS5CATEGORIES

Archive

PROJECTINDEX

42ITEMS
ぺら家 - Virtual Ramen Shop Peraya ( VRChatワールド )
VRChatワールドLINK

ぺら家 - Virtual Ramen Shop Peraya ( VRChatワールド )

このワールドは、ウェブサイトと連携した新感覚のVRChatワールドです。 ウェブページで「オリジナルラーメン」を作成し、「注文番号」を取得します。 ワールド内の席に座り、「注文番号」を入力するとラーメンが出現します。

らーめん食べたいね(ウェブサイト)
WebアプリケーションDEMO

らーめん食べたいね(ウェブサイト)

VRChatのワールドに持ち込める3Dラーメンモデルをブラウザ上で自由に設計できます。

GONTA
WebアプリケーションLINK

GONTA

シンプルな日本語<=>韓国語の単語帳、クイズ機能を持ったウェブサイトです。

Inspire Wall ( Wall Paper Engine )
WebGL/3DLINK

Inspire Wall ( Wall Paper Engine )

Inspire WallのWall Paper Engineで配布をした壁紙です。

Inspire Wall
WebGL/3DDEMO

Inspire Wall

きつねシリーズの2つ目です。ランダムで偉人の名言を教えてくれるWebGLの壁紙

Digital City ( Wall Paper Engine )
WebGL/3DLINK

Digital City ( Wall Paper Engine )

Digital CityのWall Paper Engineで配布をした壁紙です。

Digital City
WebGL/3DDEMO

Digital City

モニターが一枚余っていたので、デジタルサイネージ的に使えそうなウェブページを作ってみました

バーチャル本厚木 ( Virtual Atsugi)
VRChatワールドLINK

バーチャル本厚木 ( Virtual Atsugi)

(非公式)バーチャルの本厚木駅を再現しました。国土交通省の公開されているデータ(PLATEAU)のデータをもとに作成をしています。

無料Skybox素材配布場所
ツールDEMO

無料Skybox素材配布場所

このサイトでは、Skybox、パノラマ写真、背景画像などを個人配布しています。素材を無料でダウンロードして、自由にご利用いただけます。個人的に趣味で撮影をしたSkyboxを取り揃えています。

週末時計
WebGL/3DDEMO

週末時計

【ほぼ自分用ですが】週末終わるの早すぎるので、少しだけ残り時間を見れるようにしました。

Unity Shader Code Analyizer
ツールDEMO

Unity Shader Code Analyizer

(自分がUnityのシェーダーを読みやすくするために作りました)Unityのシェーダーコードを貼り付けると1行ずつどんな処理なのか教えてくれるツールです。(いまのところほとんどMToonのみ対応)

Unity Shader Visualize Tool
ツールDEMO

Unity Shader Visualize Tool

Unityのシェーダー ( .shaderファイル, .cgincファイル, hlslファイル ) の関係を視覚化するツールです。ドラッグアンドドロップをして、シェーダーの関係を視覚化します。

街をあるきましょう
WebGL/3DDEMO

街をあるきましょう

WebGLを利用した明るいシティなウェブページです。

激動する宇宙キノコ
その他LINK

激動する宇宙キノコ

Gaussian Splatting、ポストエフェクトなどを使った実験動画です。

ぺらたいる
WebGL/3DDEMO

ぺらたいる

ぺらぺらのタイルのページです。

ぺらドカン
WebGL/3DDEMO

ぺらドカン

ステンシル表現です。

ねるしゃぺる
WebGL/3DDEMO

ねるしゃぺる

ねるしゃぺるを見るだけのページです。

おしゃべりペラちゃん案内
WebアプリケーションDEMO

おしゃべりペラちゃん案内

AI化したぺらちゃんが、地域の情報を案内してくれるサービスです。利用には位置情報の許可が必要です。

ぺ・ら・ランド
WebGL/3DDEMO

ぺ・ら・ランド

Blenderでモデリングをして、WebGLベースでマルチプレイで遊べるウェブページを作成しました。いくつかミニゲームがあります。

ぺらレインボー
WebGL/3DDEMO

ぺらレインボー

1枚の元画像からエッジを検出して虹色に光らせています。シェーダーを記述しています。

ぺらスワイプ
WebアプリケーションDEMO

ぺらスワイプ

上から落ちてくるペラちゃんをスワイプで消してください。エフェクトの攻撃力が高めのウェブページです。

ぺらシャボン玉
WebGL/3DDEMO

ぺらシャボン玉

glTFのマテリアル拡張機能を利用して、Iridescent(虹色)なシャボン玉を表現しています。

ぺらパスタ
WebGL/3DDEMO

ぺらパスタ

WebGLを利用したパスタの表現、Blenderでのモデリングからアニメーションまで1から作成しました

WebGLお墓
WebGL/3DDEMO

WebGLお墓

WebGLを利用したウェブページの作成

ぺらオセロ
WebGL/3DDEMO

ぺらオセロ

WebGLを利用したマルチプレイオセロ

ぺら電子レンジ
WebGL/3DDEMO

ぺら電子レンジ

WebGLを利用したマルチプレイオセロ

ぺらガチャガチャ
WebGL/3DDEMO

ぺらガチャガチャ

WebGLを利用したガチャガチャ

ぺらフォント
ツールDEMO

ぺらフォント

WebGLで作成したフォントをメッシュ(GLB)化するツールです。

VRChatフレンドオン�ライン通知ツール
WebアプリケーションLINK

VRChatフレンドオンライン通知ツール

このツールはVRChatでフレンドがオンラインになった場合に通知を行うツールです

ぺらWebXR
WebアプリケーションDEMO

ぺらWebXR

WebXR Device APIを利用したWebページ

日本一お得なワールドを目指すワールド
VRChatワールドLINK

日本一お得なワールドを目指すワールド

お得情報を紹介するためのワールドです。

ShaderBox
ツールDEMO

ShaderBox

WebGLのシェーダを記述してリアルタイムで確認できるウェブサイトです。

教えて!?ペラちゃん先生
WebアプリケーションDEMO

教えて!?ペラちゃん先生

リアルタイムに音声を再生するTikTok動画生成用のツールを作成し、その出力ができるウェブページとなります。

(VRChatワールド)Perake
VRChatワールドLINK

(VRChatワールド)Perake

昔住んでいた家をモデリングしたワールドです。

モデリングの進捗 2023年
WebGL/3DDEMO

モデリングの進捗 2023年

Blenderの練習で作成をしているモデリングの進捗です。

ぺらクイズ
WebアプリケーションDEMO

ぺらクイズ

画像のDepthを利用して通常の画像から徐々に画像が見えていくクイズです。

ぺらタウン
WebGL/3DDEMO

ぺらタウン

金曜日の夜(週末)に3時間程で、CC0の素材を利用して作ったぺらタウン ( Kenny's Assets )を利用してます。

ぺらタウン(郊外)
WebGL/3DDEMO

ぺらタウン(郊外)

Blenderを利用して作ったフィールドです。

WebGL Month成果物
WebGL/3DDEMO

WebGL Month成果物

WebGL Monthというチュートリアルリポジトリをもとに作成したページです。

ぺらレストラン
WebGL/3DDEMO

ぺらレストラン

WebGL Monthというチュートリアルリポジトリをもとに作成したページです。

ぺらロシア語
その他DEMO

ぺらロシア語

ロシア語の勉強をしているときに作ったLPです。

Comming Soon
その他LINK

Comming Soon

Coming soon.