Oceanアプリのスクリーンショット
2025-03-15

Ocean

Three.jsで作成したLow-Poly海の表現アプリです。


概要

Three.jsを利用した,スクリーンセーバーをイメージしたアプリを開発しました。また,それをGitHub Actions + GitHub Pagesによりhttps://yif11.github.io/Ocean/で公開しました。

このアプリはローポリ(Low-Poly)な海を表現しています。これは,点群を線でつなぎ,点群をsin波+cos波の値により上下させ,海面の揺らぎを表現しています。

詳細はブログ(https://qiita.com/yif11/items/6282541e29c6baf58693)をご覧ください。また,リポジトリはhttps://github.com/yif11/Oceanで公開しています。