Skip to content

backhandpull/Narisa.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

😃 Smiley Art – Negative Space "NARISA"

这个项目是一个网页艺术实验:用满屏的笑脸 emoji 组成背景,然后通过负空间把一个名字“空出来”。默认显示的是 NARISA,你也可以输入任何自定义名字。

Demo Screenshot

✨ 功能特点

  • 🎨 笑脸 Emoji 网格背景

  • ✂️ 负空间文字效果(默认 NARISA

  • 🔧 可调节参数:

    • 密度(控制笑脸之间的间距)
    • 字号(控制笑脸大小)
    • 自定义名字(留空显示的文字)
  • 🔀 随机排布(点击「换个排布」按钮)

  • 💾 一键保存 PNG 图片

🚀 使用方法

  1. 克隆仓库:

    git clone https://github.com/your-username/smiley-art-narisa.git
    cd smiley-art-narisa
  2. 打开 index.html 文件,即可在浏览器中看到效果。

  3. 调整参数或输入不同的名字,生成你自己的笑脸艺术作品。

📂 项目结构

smiley-art-narisa/
├── index.html     # 主网页文件(包含所有代码)
├── screenshot.png # 示例截图
└── README.md      # 说明文档

🛠 技术栈

  • HTML5 Canvas 渲染笑脸背景与文字负空间
  • Vanilla JavaScript 实现交互与 PNG 导出
  • CSS3 实现界面样式和渐变背景

🖼 效果展示

  • 默认:NARISA
  • 自定义:任意你喜欢的名字(支持 A-Z / 数字 / 简单符号)

🤝 贡献

欢迎提交 PR 或 issue 来改进这个小项目,比如:

  • 添加更多 emoji 类型
  • 增强负空间效果
  • 导出 SVG 支持

📜 许可证

MIT License. 你可以自由使用、修改和分享本项目。


✨ 让笑脸填满屏幕,用名字留住特别的空白。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages