Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Baking Shota - Witch's Forest Bakery 🍞🌿

ねこの手触りのような、やさしいお菓子とパンを展示するギャラリーサイトです。 A Ghibli-inspired warm portfolio website showcasing cat-themed sweets and breads baked by Shota.


🇯🇵 日本語のドキュメントを表示 (Click to expand)

概要

『Baking Shota - 魔女の森のパン屋さん』は、店主のShota(@baking_shota1009)が趣味で制作している、ねこをモチーフにした温かみのあるお菓子やパンを展示・紹介する個人ギャラリーサイトです。

ジブリ映画のような温かみのある世界観と、サイト内の至るところに隠された魔法のような仕掛け(インタラクティブギミック)が特徴です。

🪄 サイトに隠された7つの魔法(ギミック)

サイト内を探索すると、以下のような楽しい仕掛けが動き出します。

  1. 時間帯で変わる雰囲気 (Time-Shift) 🕰️
    • 閲覧している時間に合わせてサイトの雰囲気が変わります。
    • 朝〜昼 (6:00-16:00):柔らかな光が差し込み、埃が舞います。
    • 夕方 (16:00-19:00):どこか懐かしい夕焼けのオレンジ色に染まります。
    • 夜 (19:00-6:00):深い夜の闇が訪れ、蛍が舞い、マウスの周りがランタンのように光ります。
  2. まっくろなスプライト (Soot Sprites) ⚫
    • 画面上でマウスを動かすと、小さな黒い精霊たちが驚いてサササッと逃げていきます。
  3. 金平糖の魔法 (Konpeito) 🍬
    • 画面のどこかをクリックすると、カラフルで可愛い金平糖の星屑が飛び散ります。
  4. スクロールねこ (Scroll Cat) 🐈
    • 画面を下にスクロールするにつれて、画面上部をねこがトコトコと歩いて進捗を教えてくれます。
  5. 風に舞う木の葉 (Windy Leaves) 🍃
    • 時折、優しい風に乗って水彩画のような木の葉が画面を舞い抜けていきます。
  6. ぷにぷに動くボタン (Jelly Physics) 🍮
    • ボタンや写真にマウスを重ねたりクリックすると、ゼリーのように「ぷにっ」とした心地よい弾力で動きます。
  7. 立ちのぼる湯気 (Steam) ♨️
    • 焼きたてのパンの写真からは、優しく温かい湯気が立ちのぼっています。

関連ドキュメント

  • LEARN.md: このサイトのファイルの構成と動く仕組みについて
  • LICENSE: ライセンス情報
🇺🇸 Show English Document (Click to expand)

Overview

"Baking Shota - Witch's Forest Bakery" is a warm, Ghibli-inspired personal gallery website showcasing cat-themed sweets and breads baked by Shota (@baking_shota1009).

Step into the cozy "Witch's Forest" atmosphere and discover various interactive hidden gimmicks scattered throughout the site.

🪄 7 Magic Spells (Interactive Gimmicks)

Explore the site to find these magical interactive features:

  1. Time-Shift Atmosphere 🕰️
    • The site's ambient coloring and environment change based on your local time.
    • Day (6:00-16:00): Soft sunlight with floating dust particles.
    • Evening (16:00-19:00): Warm, nostalgic sunset orange tones.
    • Night (19:00-6:00): Deep night sky where fireflies dance and your cursor acts as a shining lantern.
  2. Soot Sprites ⚫
    • Moving your cursor reveals small black dust spirits scurrying away into the shadows.
  3. Konpeito Magic 🍬
    • Clicking anywhere releases a splash of colorful star-shaped candies (Konpeito).
  4. Scroll Cat 🐈
    • As you scroll down, a small cat walks across the top edge of the screen to guide your progress.
  5. Windy Leaves 🍃
    • Occasionally, watercolor autumn leaves drift across the screen, carried by a gentle breeze.
  6. Jelly Physics 🍮
    • Buttons and photos bounce with a delightful, jelly-like physical reaction when hovered or clicked.
  7. Steam ♨️
    • Faint, cozy steam gently rises from the pictures of freshly baked bread.

Related Documents

  • LEARN.md: Structural resources and how this site works
  • LICENSE: License information

About

A Ghibli-inspired immersive portfolio themed "Witch's Forest Bakery." Features real-time atmospheric changes and interactive animations built with Vanilla JS and Tailwind CSS.

Topics

Resources

Stars

8 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages