ずんだもんと作ろうバーチャルキューブ(その2)

履歴
第1回 2024/12/18 キューブっぽいものが表示されたのだ!
第2回 2024/12/22 回転?したのだ!

第2回のまとめ
視点を右斜め手前に変更!
マウスで視点を変更できるようにしたのだ!
rキーを押すと回転するようにしたけど、なんか変なのだ!

以下で第2回終了時点のWebアプリが開きます。
https://youcuber.github.io/virtualcube/www/no_2

ソースは以下です。
https://github.com/YouCuber/virtualcube/tree/main/www/no_2

ずんだもんと作ろうバーチャルキューブ(その1)

さて「ずんだもん作ろうバーチャルキューブ」を始めていきましょう!

履歴
第1回 2024/12/18 キューブっぽいものが表示されたのだ!

第1回のまとめ
以下半角の¥マークが\(バックスラッシュ)で表示されています。
1.ChatGPTのアカウントを作る
2.Pythonをインストール
3.C:\wwwフォルダを作る
4.その中にindex.htmlとcbue.jsを作成
5.ローカルサーバーをpythonを使って起動する
cd \www
python -m http.server 80
または
cd \www
python -m http.server
6. Chromeなどのブラウザで以下のどちらかを実行
  5.でpython -m http.server 80とした場合は
localhostエンター
   5.でpython -m http.serverとした場合は
localhost:8000エンター

以下で第1回終了時点のWebアプリが開きます。
https://youcuber.github.io/virtualcube/www/no_1

ソースは以下です。
現状ではcube.jsは使っていません。(ChatGPTがindex.htmlだけで動くようにまとめてしまったので)
https://github.com/YouCuber/virtualcube/tree/main/www/no_1