https://github.com/pianopia/vjmix
New Editor for VJ
https://github.com/pianopia/vjmix
Last synced: about 2 months ago
JSON representation
New Editor for VJ
- Host: GitHub
- URL: https://github.com/pianopia/vjmix
- Owner: pianopia
- Created: 2025-03-14T07:07:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T07:53:55.000Z (about 1 year ago)
- Last Synced: 2025-05-27T06:11:38.867Z (about 1 year ago)
- Language: TypeScript
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VJMix - リアルタイムGLSLエディタ
VJMixは、GLSLシェーダーをリアルタイムでプレビューしながら編集できるWebアプリケーションです。
## 機能
- リアルタイムGLSLエディタとプレビュー
- コードオーバーレイ表示/非表示
- 別ウィンドウでのプレビュー表示
- シェーダーの保存と管理
- ユーザー認証
## 技術スタック
- Next.js 15
- TypeScript
- TailwindCSS
- Drizzle ORM
- Turso (SQLite)
- Clerk (認証)
- Google Cloud Storage
- Three.js / React Three Fiber
- Monaco Editor
## 開発環境のセットアップ
1. リポジトリをクローン
```bash
git clone https://github.com/yourusername/vjmix.git
cd vjmix
```
2. 依存関係をインストール
```bash
npm install
```
3. 環境変数を設定
`.env.local.example`をコピーして`.env.local`を作成し、必要な環境変数を設定します。
4. 開発サーバーを起動
```bash
npm run dev
```
5. ブラウザで http://localhost:3000 にアクセス
## データベースのセットアップ
1. Tursoアカウントを作成し、データベースを作成します。
2. 環境変数にデータベースURLとトークンを設定します。
3. マイグレーションを実行します。
```bash
npx drizzle-kit push:sqlite
```
## デプロイ
このプロジェクトはVercelにデプロイすることを推奨します。
```bash
vercel
```
## ライセンス
MIT