どうもです、タドスケです。
Vue.js をやっていて、ブログ記事上に何か 3D のインタラクティブなものを置きたいなーと思ったので、以前に学習した Three.js を使って『球を回すだけのアプリ』を作ってみました。
目次
できたもの
- タッチまたはマウス左ドラッグで球をつかんで回せます。
- 離すと慣性でしばらく回り続けます。
素材
テクスチャ画像は以下からお借りしました。
コード
コードは GitHub に公開しています。
※ChatGPT で生成したものを編集しています。
webapp/threejs/rotate-sphere.html at master · tadosuke/webapp
ブラウザ上で動作するアプリ. Contribute to tadosuke/webapp development by creating an account on GitHub.
触って気持ち良いものを作る
こういった単純なものでも、一工夫加えることで手触りが良くなって面白いですね。
大規模なゲームやアプリだけでなく、シンプルだけど「触って気持ちよいもの」を作ってアップするのはアリだなーと思いました。
コメント