关于SenZQ

About SenZQ

个人作品

SenZQ's Work

網易作品

NetEase's Work

首先非常感谢你来到这里,你的光临是本站的荣幸。

这里展示的小东西主要是关于我本人的一些历史创作。

我是15年高中毕业( 因为一些个人原因沒上大学 ),因为兴趣步入了前端技术的领域。平常的话喜欢写一些页面动画效果,也会挑战一下在web上实现一些比较有趣的功能。由于在技术上的东西都是自学來的,所以在代码规范、编写合理会存在一些小问题。

所以本站首先将是展示、讲解我个人的设计与作品。

希望大家能够对我的创作提出一些建议,也欢迎大家与我一起讨论一些产品(技术、设计)上的想法与问题。

謝謝!

Node.js
MongoDB
WebGL
HTML5
CSS3
Jquery
个人作品
SenZQ's Work
General Chat
集成建筑 (Demo)
仿 OSX UI
The Game Of Cure
General Chat
作品截图
作品介绍

General Chat 是一個通用型的聊天窗,是我学习Node.js的实习作品。

之所以设计这个聊天窗,是因为微信上好友太多,但是日常实际联系的人又太少,于是做了这个一对一,专心和对方聊天的工具。目前的话只有我和我女朋友在使用(手动狗头)

主要功能

• 自定义界面主題

• 自定义颜文字

• 设置用户个人信息(头像、昵称)

• 储存最近联系人

• 文本发送功能

• 低调发送(消息需hover才可查看)

涉及技术
HTML5
CSS3
Jquery
Node.js
MongoDB
体验地址
GeneralChat.club
集成建筑空间拼裝工具
作品截图
作品介绍

该作品创作于“广州市港航工程研究所”项目组实习期间,用于集装箱建筑项目。

集成建筑項目,是一种以集裝箱模块为建筑原料的一种新型建筑理念,通过集裝箱的模块拼接,灵活地控制建筑体积和功能。在拆卸、安裝、运输方面的便利性远超于常规建筑。

该作品为集成建筑的web编辑工具(Demo),可以通过该工具,进行建筑,拼接,阐述集成建筑的项目理念。

主要功能

• 箱体自动拼接

• 墙体控制功能(大小、开门方向)

• 元素移动、旋转

• 元素碰撞检测及矫正(报错)

• 渲染3D视角,及编辑功能

涉及技术
HTML5
CSS3
Jquery
WebGL
体验地址
点击此处进行体验
仿 OSX UI 动画效果
作品截图
作品介绍

模仿 OSX 拖拉拽 APP 动画效果

闲来无事刷知乎,看到了一個挺有意思问题(问题链接:https://www.zhihu.com/question/332436132/answer/732835435),问题视频中给出了參考OSX系统动效的视频,这么好玩的东西我肯定的要啦

主要功能

• 底栏触摸动效

• 动画排序

涉及技术
HTML5
CSS3
Jquery
体验地址
点击此处进行体验
The Game Of Cure
作品截图
作品介绍

假期因为疫情在家无聊写的一个游戏(其实属于H5)

玩法非常简单,其实就是玩家经营着一家医院,通过收治病患获得收入,升级诊室 或 购买楼层,升级自己的医院,提高救治速度和病患收容量

点击右上角的心形按钮可以获得疫情的最新数据

衷心希望这场瘟疫可以早点结束,向广大的一线医护和公安干警致敬

主要功能

• 游戏动画效果

• 疫情数据播报

涉及技术
HTML5
CSS3
Jquery
请使用手机端进行体验
網易作品
NetEase's Work
狼人杀-联动FAB
梦幻西游手游-门派师傅时装设计大赛
大话西游手游-西安碑林专题
堡垒前线国服-大黄蜂联动专题
堡垒前线国服-直播专题
天下3-时装汇总页面
天下3-节后新时装
天下3-年末时装
决战平安京(MOBA)-玉藻前式神专题
大航海之路-美西部地图资料片专题
大唐无双-资料专题
DeNA 灌籃高手 (非網易項目)