スクロールで四季がめぐる 3Dホームページひな形|温泉旅館・湯宿|WebGL・スマホ対応・商用OK
- ダウンロード商品¥ 9,800





スクロールすると、小さな宿の庭が 春 → 夏 → 秋 → 冬 とうつり変わる。温泉旅館のための、3Dで動く1ページのホームページひな形です。 ▼ 動く見本(ブラウザで触れます) https://ugoku-site.pages.dev/ryokan/ ※見本のページには「制作見本」の表示が入っています。お届けするファイルには入っていません。 ■ 動く仕掛け ・宿・露天風呂・山桜・石灯籠を模型にした3Dの庭。桜の花びら、蛍、紅葉、雪と、季節が移ります ・さわれる庭:湯の面にふれると波紋、木にふれると揺れて花びらが舞い、石灯籠にふれると灯りがつきます ・お部屋:3つのお部屋を切りかえると、3Dの庭のカメラがそのお部屋の建物へ移動します。人数ごとの料金と間取りを表示 ・ご予算のめやす:お部屋・人数・泊数などを選ぶと、合計がその場で計算され、問い合わせフォームに入ります ・季節のお品書き(縦書き)、温泉の情報、交通案内 庭はすべてプログラムで描いた3Dです。写真やAI画像は使っていません。 ■ 中身 ・index.html / css / js(宿の情報と料金は js/config.js の1ファイルにまとめてあります) ・vendor(Three.js・GSAP・Lenis と、それぞれの利用条件) ・README.txt(書きかえ方、フォームの送信先の設定、公開のしかた) ・LICENSE.txt(利用規約) ■ 使い方 1. ダウンロードして、zipを開きます 2. js/config.js をテキストエディタで開き、宿の名前・電話・交通・お部屋と料金を書きかえます 3. フォルダごと、レンタルサーバーや Cloudflare Pages などにアップロードして公開します ■ ご注意 ・このひな形は、AIツール(Claude Code)を使って制作し、表示と動作を確認しています ・3D は WebGL を使います。古いパソコンやスマートフォンでは動きが重くなることがあります(自動で画質を下げる仕組みと、3Dが使えないときの代わりの表示があります) ・文章や料金はすべて例です。ご自分のお店の事実に書きかえてください ・書きかえの作業はご自身で行っていただきます。書きかえの代行はしていません ・商用利用できます。お客さまのサイト制作に使って納品することもできます。ひな形そのものの再配布・再販売はできません(詳しくは LICENSE.txt) ・ダウンロード商品のため、返品・返金はできません




