Posts
#loveTanabata(七夕节的浪漫)
************************
热恋中的福利,改一改代码中的文案以及代码图片,给你女朋友一个神秘的七夕礼物!
程序也是有爱的!!!
希望程序的世界里多姿多彩,这就是程序之美,学好程序爱情事业双丰收!
程序之路虽然苦涩但是也可以给自己创造甜甜的美味,喜欢程序,就去创新吧!!
*************************
0.love(2014年的相识,让我来不及准备》》爱需要用一生去补偿)
*************************
1.loveLog(2015年七夕礼物–>日志短信爱的执着)
*************************
注:这是一个程序的结合体,甜蜜的气息也不忘记练习工作,练习一下css3的动画!!
基本上含金量不是太高,但是素材都是精心准备的,那时候的我前端知识入程度不高!
只是写一点静态的页面以及js的交互,不过这份礼物虽然有点陋但是她很开心!
首页是一个简单的打地鼠游戏,当分值达到一百的时候提示后面有惊喜!
这个惊喜可以说是相识相知一整年,通过字数计算,刚好25124多个字,万里长征!
这只是一个开头,路还有很远,当滚动条滚动到最低端的时候等待6s发生一个事件!
即为跳转页面,一个爱的魔方作为礼物的尾声,是一个完美的设计!
整体音乐选择:最爱的棉花糖钢琴曲(欢快的音乐氛围最佳)!
技术性知识:
判断滚动条是否在底部:(可以自己研究一下)
scrollTop为滚动条在Y轴上的滚动距离。
clientHeight为内容可视区域的高度。
scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。
scrollTop + clientHeight == scrollHeight。
日志短信爱的执着预览地址
*************************
2.lovePhoto(2016年七夕礼物–>甜蜜相册)
*************************
注:这个简单的小程序虽然没什么技术含量,主要是用心做的就是完美的。
基本上没什么代码,使用了一个jq相册插件jquery.fancybox-buttons.js。
页面显示的是小图片,里面连接大图片,相信大家都是可以写出来的。
程序王者之路技术固然重要,最重要的是思路,要敢做感想。
文字图片配音乐,七夕甜蜜无限爱,希望天下有情人终成眷属!!!!!
甜蜜相册预览地址
*************************
3.loveLetter(2017年七夕礼物–>一封甜蜜的电报)
*************************
注:为什么是来自一封甜蜜的信,代表着远方的思念, 2017年我在北京你在家乡,
你的专属情人节,没有玫瑰的幽香,没有巧克力的甜蜜, 作为一个程序员,随着
专业知识的提高,这封甜蜜电报送给你,它寄托着我的思念与回忆。
顾名思义,甜蜜电报是用程序写的一个打字机,当打字结束后调用一个canvas时钟
时钟记录了我们相遇相知的时间,一转眼已经有三年了。程序的入口是一个摇一摇
增强用户提要的同时,显得有那么些许高大上,不过ios系统总是那么独特,声音的
处理现在也不是很完美(还好她的手机是安卓)不是偷懒,真心的不知道如何是好,
希望大牛给予指点,pc端的排版与移动端的排版有所不同,手机端是左右浮动,移动
端是上下定位,因此绝大程度的避免了,排版错乱问题,可能兼容性不太好,但是足
以满足你的需求,爱就要行动起来,没有完美,只有更加接近完美,2017年是个思念
的年,2017年还一个奋斗的年,加油少年,前方的路,她是我的风景。。。。。
项目分为两个风格:1:网页版、2:app(打包完后附加上apk文件)
添加音乐播放器,播放的音乐是我表白的时候为她点的歌,浪漫气息更加浓烈
浪漫APP安装包下载地址(安卓与ios都有):
链接: https://pan.baidu.com/s/1c1OJIfu 密码: ahjm
一封甜蜜的电报预览地址
*************************
4.loveSpeak(2018年七夕礼物–>说不完的土味情话)
*************************
注:说不完的土味情话,送给你一生一世的甜蜜,送给你每时每刻的枕边蜜语。
点击“生成情话”按钮,打乱情话库的文字,但随着动画特效随机生成一条情话。
就是这么神秘,扫描二维码可以给朋友分享本页面链接,幸福要懂得分享。
点击下载生成图片按钮,会将整个页面生成图片,可以长按保存啦!
说不完的土味情话预览地址
*************************
5.loveMeteorShower(2019年七夕礼物–>陪你去看流星雨)
*************************
注:陪你一起去看流星雨,在安静的夜空下说不完的情话,一个小男孩望着远方,希望流星能够
给你带去远方的思念,2019年的七夕是我们异地分离度过的第5个七夕,虽然满满的都是思念,但还是希
望宝宝能永远开心快乐,希望天下所有异地的恋人能够早日告别异地的酸楚,有情人终成眷属。
本礼物设计思路:
-
页面加载后点击按钮:梦梦大人陪我一起去看流星雨吧
-
点击按钮后隐藏遮罩层 –> 播放音乐 –> 播放星星聚合动画(5秒一下)点击的时候切换文案播放
-
播放完毕后展示这些年的作品项目路径
-
爱就要永远向前看
陪你去看流星雨
*************************
(可能服务器已经到期,需要的小伙伴只能通过下载源码来访问和预览了)
subscribe via RSS