logo
0
0
Login

易经三枚硬币占卜 - Web 应用

📖 项目概述

易经三枚硬币占卜是一个基于传统中国文化的交互式网页应用,完全按照经典三枚硬币占卜法设计,将千年智慧与现代 Web 技术相结合。用户只需输入心中的问题,通过三枚硬币的六次抛掷,即可获得卦象解读和行动建议。

🎯 核心功能

🧮 占卜流程

  • 问题输入:用户输入心中想要询问的问题
  • 硬币抛掷:3D 动画效果的三枚硬币翻转
  • 六爻生成:自动计算老阴(⚋)、老阳(⚊)、少阴(⚋)、少阳(⚊)
  • 本卦识别:根据六爻组合匹配对应的卦象
  • 变卦计算:识别变爻并生成对应的之卦
  • 智能解卦:提供卦象解读和现代文解释
  • 行动建议:最终给出"大胆去干"或"建议等等"的明确指导

🎨 视觉设计

  • 新中式风格:简约雅致的深色主题
  • 传统元素:融入古典装饰和易经符号
  • 响应式布局:完美适配桌面端和移动端
  • 交互动画:流畅的硬币翻转和界面过渡效果

🔧 技术架构

前端技术栈

  • HTML5:语义化页面结构
  • CSS3:现代样式设计,使用 Flexbox/Grid 布局
  • 原生 JavaScript (ES6+):无框架依赖,轻量高效
  • CSS 动画:3D 硬币翻转效果
  • 响应式设计:媒体查询适配不同设备

核心算法

  • 爻象计算:基于硬币正反面组合计算爻象
  • 卦象匹配:64 卦完整数据库和匹配算法
  • 变爻逻辑:老阴老阳的自动转换逻辑
  • 解读系统:结构化卦辞数据库和现代文翻译

📁 项目结构

CCBlog/ ├── README.md # 项目说明文档 ├── readme.txt # 原始需求文档 └── coin-divination/ └── index.html # 单页应用主文件

🎯 功能特色

🪙 硬币占卜系统

  • 真实物理模拟:硬币翻转包含抛物线轨迹和弹跳效果
  • 渐进式流程:六次抛掷逐步生成完整卦象
  • 即时反馈:每次抛掷立即显示对应的爻象结果

📊 六十四卦数据库

  • 完整卦象:包含所有 64 卦的基础信息
  • 卦辞解读:传统《易经》原文和现代文翻译
  • 变卦支持:自动识别变爻并生成之卦

💡 智能解读系统

  • 文化背景解释:简要介绍卦象的文化含义
  • 现代应用指导:将传统智慧转化为现代行动建议
  • 二元决策支持:最终简化为"大胆去干"或"建议等等"

🚀 使用方式

  1. 打开应用:访问 http://localhost:8080/coin-divination/index.html
  2. 输入问题:在输入框中输入心中想询问的问题
  3. 开始占卜:点击"开始占卜"按钮
  4. 观看动画:欣赏三枚硬币的 3D 翻转动画
  5. 查看结果:等待六次抛掷完成,查看卦象解读
  6. 重新占卜:点击"重新占卜"开始新一轮咨询

🎨 设计理念

用户体验

  • 极简操作:仅需输入问题和点击按钮
  • 沉浸体验:流畅动画和优雅过渡效果
  • 即时反馈:每步操作都有明确视觉反馈

文化融合

  • 尊重传统:严格遵循三枚硬币占卜法流程
  • 现代解读:将古典智慧转化为现代应用场景
  • 视觉传承:新中式设计风格体现文化自信

🔒 隐私与安全

  • 本地计算:所有数据处理完全在浏览器本地进行
  • 无数据存储:不保存任何占卜历史和个人信息
  • 会话隔离:每次刷新页面都是全新的占卜会话

📱 兼容性

  • 现代浏览器:Chrome 70+、Firefox 65+、Safari 12+、Edge 79+
  • 移动设备:iOS Safari、Android Chrome
  • 响应式设计:自适应不同屏幕尺寸

🛠️ 开发说明

技术特点

  • 单文件架构:所有代码集成在单个 HTML 文件中
  • 无需构建:直接在浏览器中打开即可使用
  • 轻量高效:无外部依赖,加载速度快

扩展可能性

  • 增加更多占卜法:如蓍草占卜、梅花易数等
  • 历史记录:可选的占卜历史保存功能
  • 多语言支持:英文、日文等国际化版本

📄 许可证

本项目为开源项目,遵循 MIT 许可证。

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目。


千年智慧,现代传承,愿易经智慧为您的决策提供指引。

About

No description, topics, or website provided.
Language
HTML83.2%
Java12.4%
Shell4.4%