🌙 ᚠ ᚢ ᚦ ᚨ

Software Overview · 占いコレクション

神秘の占い堂

― 五大占術インタラクティブ体験 ―

古代から人々が宇宙の真理に触れようとしてきた神秘の技法を、 現代のWebテクノロジーで再現した没入型占いアプリケーション。 五つの異なる文明の叡智が、あなたの運命を照らし出します。

✦
5 FORTUNE TYPES
4 CIVILIZATIONS
∞ POSSIBILITIES
SCROLL

五つの占術

それぞれ異なる文明と時代から生まれた占術が、独自のビジュアルと インタラクションで体験できます。

NO.01 ☕

Coffee Ground Reading

タッサオグラフィー — トルコ・中東

コーヒーを飲み終えたカップの底に残るかすの模様を読み解く占い術。 オスマン帝国時代から伝わり、トルコ・ギリシャ・中東全域で親しまれてきた。 カップをクリックするとかすの模様がランダムに変化し、そこに現れるシンボルから 運命が告げられます。

インタラクション:カップをクリック
判定要素:8種のシンボルパターン
アニメーション:SVGパーティクル生成
NO.02 🔮

Pendulum Divination

ペンデュラム — ヨーロッパ・神秘学

水晶や金属のおもりを糸に吊るし、その揺れの方向で「はい」「いいえ」 を判断する占い術。18〜19世紀のヨーロッパで盛んになり、今も世界中の 霊能者が使用する。質問を入力して振り子を振ると、物理エンジンで 計算された揺れが答えを導きます。

インタラクション:テキスト入力 + ボタン
判定要素:Yes / No / 円運動 / 不確定
アニメーション:Canvas物理シミュレーション
NO.03 ᚠ

Rune Casting

ルーン — ゲルマン・ヴァイキング

古代ゲルマン民族が使用した文字「ルーン」を刻んだ石を袋から引き、 その意味で未来を読む占い術。ヴァイキングが重要な決断の前に行ったとされる。 布製の袋をタップすると3枚の石が「過去・現在・未来」の位置に ドラマチックに落下します。

インタラクション:袋をクリック
判定要素:12種のルーン文字
アニメーション:CSS落下アニメーション
NO.04 🪞

Mirror Scrying

スクライング — 古代ケルト・ルネサンス

暗い水面や黒い鏡を長時間見つめることで、ビジョンや未来の映像を 得る占い術。ノストラダムスも水鏡占いを行ったとされる伝説的な技法。 暗い鏡面をマウスや指でなぞると光の軌跡が現れ、ボタンで ビジョンが解読されます。

インタラクション:ドラッグ / タッチ描画
判定要素:6種のビジョン
アニメーション:Canvas発光エフェクト
NO.05 🏔

Sand Pattern Reading

ゲオマンシー — アラビア・アフリカ

砂の上に作られる点や線のパターンを読み解く占い術「ゲオマンシー」。 中世アラビアで発展し、アフリカ・ヨーロッパへと広まった地占術。 砂盤をシェイクすると点の紋様がランダム生成され、古代の法則に 基づいた解読が行われます。

インタラクション:ダブルボタン操作
判定要素:6種の紋様解釈
アニメーション:Canvas砂テクスチャ
✦ ✦ ✦

主な特徴

🎨

神秘的なビジュアル

星空・金の装飾・アニメーションなど、占いの世界観を深く表現したUI設計

🖱️

直感的なインタラクション

クリック・ドラッグ・タッチなど、各占いに最適化された操作体験

📱

レスポンシブ対応

スマートフォン・タブレット・PCどの画面サイズでも美しく動作

🌙

ダーク世界観統一

深夜の神秘を感じさせる暗色ベースのカラーパレットで統一されたデザイン

⚡

外部依存ゼロ

ライブラリ不使用、純粋なHTML + CSS + Vanilla JSのみで構築

🔬

歴史的考証

各占術の起源・手法・意味を実際の文献に基づいて設計・実装

占術の歴史的背景

このアプリに収録された五つの占術は、それぞれ異なる文明と時代に 誕生した、人類の知恵の結晶です。

☕ 🔮 ᚠ 🪞 🏔 ✦

タッサオグラフィーの誕生

コーヒーがオスマン帝国に普及した16世紀頃、コーヒーハウス(カフヴェハーネ)の文化とともにコーヒーかす占いが広まった。女性たちが集まりカップを逆さにして乾かし、残った模様を解読する習慣が生まれた。

振り子占いの科学と神秘

19世紀のヨーロッパでは、物理学の発展と神秘主義が交差する時代に振り子占いが隆盛した。ダウジングの一形態として位置付けられ、「人体が発するエネルギーが振り子を動かす」という思想のもと実践された。

ルーン文字の神話的起源

北欧神話では、主神オーディンが9日間逆さまに木に吊るされた末にルーン文字の秘密を得たとされる。ゲルマン民族にとってルーンは単なる文字ではなく、宇宙の真理を刻んだ神聖な記号であった。

スクライングの伝統

古代ケルト人は聖なる泉の水面を覗いてビジョンを得たとされる。ルネサンス期には黒い鏡(オブシディアンガラス)を用いた透視術が流行し、ジョン・ディーら著名な魔術師も実践した記録が残っている。

ゲオマンシーの数理体系

中世アラビアの学者たちは砂上の点から占う「イルム・アル=ラムル(砂の学問)」を数学的体系として整理した。16組のゲオマンティック・フィギュアと複雑な計算規則を持つ、最も体系化された占術のひとつ。

✦ ✦ ✦

使い方

シンプルな手順で、五大占術すべてを体験できます。

01

占術を選択する

画面上部のナビゲーションから5つの占術アイコンのいずれかをクリック。 コーヒー・振り子・ルーン・水晶・砂紋のタブが表示されます。 気分や状況に合わせてお好みの占術をお選びください。

02

心を静めて質問を思い浮かべる

占いを始める前に、心の中で聞きたいことを明確にしましょう。 振り子占いではテキストボックスに質問を入力できます。 他の占術でもアクションを起こす前に、静かに意図を定めることが大切です。

03

インタラクションを実行する

各占術の指示に従ってインタラクションを行います。カップをクリック、 振り子を振る、ルーン袋をタップ、鏡をなぞる、 砂を振る…それぞれ異なる操作感が占いの没入感を高めます。

04

お告げを受け取り、解釈する

アニメーションが完了すると、カードの下部に結果が表示されます。 占いの結果はあくまでもインスピレーションの源として捉え、 自分の内なる声と照らし合わせながら自由に解釈してください。

05

繰り返し、または別の占術へ

同じ占術を繰り返しクリックすると毎回異なる結果が生成されます。 気になる答えが出たら、別の占術で確認してみるのも面白いでしょう。 五つの占術すべてが一致したとき、それが真の啓示かもしれません。

技術構成

外部ライブラリに一切依存せず、純粋なWeb標準技術のみで構築されています。

📄
HTML5
セマンティック構造・Canvas API・SVG
🎨
CSS3
カスタムプロパティ・アニメーション・グリッド
⚙️
Vanilla JS
Canvas 2D描画・物理シミュレーション
🖼️
SVG
ベクターグラフィック・インライン描画
🖌️
Google Fonts
Cinzel / Cormorant / Noto Serif JP
📱
Touch Events
モバイルタッチ操作対応