Giter VIP home page Giter VIP logo

xmflswood.github.io's Introduction

Happy Valentine's Day

demo

A gift for my lover.

Refer to: hackerzhou

七夕快乐

演示地址

送女票的七夕礼物。

创意部分参考 hackerzhou

效果展示

Start

npm install
npm run dev //开发模式
npm run build //构建

开发说明

  • 所有开发均在app目录下,开发完毕后执行npm run build构建出 /index.html + /public 目录
  • 如需要normal + birthday模式,请自行修改 app/js/getBirthday 中的日期,如只需要normal模式则不需要修改
  • main.js为应用入口,对不同的模式做了按需加载
  • 自行修改app/index.html title标签
  • normal模式 ./js/normal(码字 + 倒计时 + 星星下落):
    • 为方便开发,开发状态下为快速打字,build后为demo所展示的速度
    • 修改go.js的startTime以及打字部分的文字(最好不改变行数,否则可能存在适配问题)
  • birthday模式 ./js/birthday(蛋糕 + 语音):
    • 请修改./music/hb.mp3 ...(注意文件大小)
    • 修改birthday.js中的 vt(语音时间)

TODO

  • 重写 type-writer
  • 生日模式写得比较急,代码需要整理
  • 生日模式改成农历
  • win环境下开发的路径/env问题

xmflswood.github.io's People

Contributors

xmflswood avatar

Watchers

James Cloos avatar BigBoom avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.