# hello3

**Repository Path**: peengtao123_admin/hello3

## Basic Information

- **Project Name**: hello3
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-29
- **Last Updated**: 2026-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目目录简介

## 概述
本目录包含三个独立的Web开发示例项目，展示了不同的前端技术和应用场景。所有项目均为静态网站，使用HTML、CSS和JavaScript实现。

## 目录结构

### 1. `aaa/` - WebGL基础示例
- **文件**：
  - `index.html` - 主页面
  - `style.css` - 样式表
  - `webgl.js` - WebGL逻辑代码
- **描述**：一个基础的WebGL 2.0示例，展示了一个可交互的旋转三角形。包含速度控制、颜色选择、暂停/重置等功能。
- **技术栈**：WebGL 2.0, Canvas API, 现代JavaScript
- **特点**：
  - 实时WebGL渲染
  - 交互式控制面板
  - 响应式设计
  - WebGL信息显示（版本、渲染器状态）

### 2. `bbb/` - Three.js简单示例
- **文件**：
  - `index.html` - 主页面
  - `main.js` - Three.js逻辑代码
- **描述**：使用Three.js库创建的3D旋转立方体示例。支持鼠标拖拽旋转和滚轮缩放。
- **技术栈**：Three.js (r128), OrbitControls
- **特点**：
  - 3D立方体渲染
  - 交互式摄像机控制（旋转、缩放）
  - 简洁的UI信息显示

### 3. `ccc/` - 宠物美容服务网站
- **文件**：
  - `index.html` - 主页面（中文）
  - `style.css` - 样式表
  - `script.js` - 交互脚本
- **描述**：一个完整的宠物美容服务响应式网站，包含服务介绍、预约表单、客户评价等功能。
- **技术栈**：HTML5, CSS3, JavaScript, Font Awesome, Google Fonts
- **特点**：
  - 响应式设计（移动设备友好）
  - 完整的服务展示页面
  - 在线预约表单
  - 客户评价展示区
  - 中文界面，针对宠物美容服务优化

## 技术总结
- **前端技术**：HTML5, CSS3, JavaScript (ES6+)
- **图形库**：WebGL 2.0, Three.js
- **UI框架**：无框架，纯CSS实现
- **图标字体**：Font Awesome 6.4.0
- **字体**：Google Fonts (Nunito, Comic Neue)
- **兼容性**：现代浏览器（Chrome, Firefox, Edge, Safari）

## 使用说明
1. 直接使用浏览器打开任一目录中的`index.html`文件即可运行
2. 无需服务器环境或构建过程
3. 部分示例依赖CDN资源（Three.js, Font Awesome等），需要网络连接

## Git状态
- **当前分支**：master
- **最近提交**：first commit
- **仓库状态**：干净（无未提交更改）

## 项目用途
- 学习WebGL和Three.js的基础知识
- 前端开发练习和参考
- 响应式网站设计示例
- 静态网站部署演示

---
*最后更新：2026-03-29*
*生成工具：Claude Code*