Skip to content

hiro2620/bouncing-ball

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bouncing Ball

画面内で複数の円が動きます。円どうしは衝突すると跳ね返ります。

使い方

1. nodeとyarnをインストール

yarn --version

でエラーが起きないことを確認してください。

2. 依存関係のあるライブラリをインストール

以下のコマンドは、すべてこのREADMEと同じディレクトリで実行してください。

yarn

3. 開発用サーバーを起動

yarn dev

scripts/main.jsballsを編集することで、円の数や初速度、色、大きさなどを変えられます。

ブラウザでhttp:https://localhost:5173/を開くと、アプリをプレビューすることができます。

4. コードをバンドル

アプリを運用する際は、

yarn build

./dist以下に必要なファイルをまとめられます。

yarn start

でWebサーバーを起動し、ビルド済みアプリにlocalhostからアクセスできるようにします。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages