xiugangzhang

Welcome everyone to visit my GitHub. Since I am also a technical white, I can't guarantee the needs of every technical person for every resource I share. Welcome everyone to communicate!'s repositories

video.github.io

:clapper:视频网站项目已实现功能：首页导航栏，中部轮播图，以及电影列表的展现，底部导航链接注册页面视频播放页面搜索页面登录页面用户管理页面一键安装电影抓取等功能。基于NodeJS的Express框架开发的动态网站项目，下面也提供了本程序的相关演示站点。

Language:JavaScript519 20 13

webgl.github.io

:memo:WEBGL的学习点滴记录，主要针对WebGL编程指南，WebGL高级编程，以及NeHeWebGL这三个教程学习，记录了所有学习的代码笔记和学习点滴记录，基本上对代码中的相关位置都做出了详细记录。https://xiugangzhang.github.io/webgl.github.io/#/

Language:JavaScript41 40

:video_game: V1.0 : 实现游戏场景的初始化 V2.0: 实现画布的不断刷新 V3.0: 实现了游戏中人物的运动 V4.0: 实现了js代码的分离 V5.0：实现键盘对人物移动的控制 V6.0：完成Game游戏类的封装 V7.0：实现敌人角色的加入, player，enemy类的封装; 实现了我方角色和敌人角色的自由移动 V8.0：实现精灵之间的碰撞检测功能 V9.0：实现游戏中分数的统计，输赢的判定 V10.0: 实现了游戏背景的滚动效果和场景的优化

Language:JavaScript22 40

ChineseChess

:video_game:使用HTML5中的Canvas画布技术实现了一个中国象棋项目，V1.0 : 实现棋子的布局，画布及游戏场景的初始化 V2.0 : 实现棋子的颜色改变 V3.0 ：实现所有象棋的走棋规则 V4.0 : 实现所有棋子的吃子功能，目前还有bug，还在测试

Language:HTML18 3 5

GameEngine

:trophy:使用原生js封装的一个比较完整的游戏引擎，实现了游戏引擎中的一些必需的模块，包括游戏循环模块、游戏状态切换模块、基于时间运动、资源加载（图像、音乐文件）、键盘事件处理、高分榜的维护等模块，并以这个小型的游戏引擎设计了一个简单的小球运动的测试案例。

Language:JavaScript1400

xframe.js

:trophy: @Desc: 通过分析jQuery源码实现的一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架的搭建 * V 2.0：实现了框架的进一步优化，具有良好的扩展性，可以支持链式访问 * V 3.0：种子模块：命名空间、对象扩展、数组化、类型的判定、domReady，无冲突处理 * V 4.0: 数据类型的检测、正则表达式的基本用法，数据绑定的知识（模板的使用） * V 5.0：实现继承的基本理解，事件框架的封装和测试 * V 6.0: 实现了CSS样式框架封装和测试 * V 7.0: 实现了选择框架的封装和测试 * V 8.0: 实现了属性框架的封装和测试 * V 8.0: 实现了DOM框架的封装和测试 * V 9.0：实现了本地存储框架的封装（缓存框架、cookie、Localstorage框架） * V 10.0 实现了动画框架的封装和本地测试 * V 11.0 在每一个立即函数+闭包的前面添加；实现框架的兼容性

Language:JavaScript9 30

SularaGame

* 1.棋盘设置：使用HTML5的canvas标签绘制整个棋盘 * 2.点击事件：当页面被点击时，获取点击的x,y像素点,根据此像素点进行判断，再在合适位置绘制黑红棋子，棋子均是使用canvas绘制的 * 3.保存落子记录：将数据存入一个二维数组，x和y表是落子坐标，1为白棋，2为黑棋，0代表此处无棋子，只有没有棋子的才能落子 * 4.判断输赢：每次落子后以此坐标分别向左右，上下，右下，右上进行判断，设参数count，遇到同色棋子+1，遇到空格或不同色棋子终止，当count=5时，游戏结束

Language:HTML5 30