xiugangzhang Goto Github PK

blog

冴羽写博客的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。

chinesechess

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

fe-material

整理收集最有趣的前端技术教程及文档

gameengine

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

iplayer

基于HTML5技术打造的一款支持m3u8视频格式的视频播放器。

sularagame

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

supermariogame

: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: 实现了游戏背景的滚动效果和场景的优化

swfobject

An open source Javascript framework for detecting the Adobe Flash Player plugin and embedding Flash (swf) files.

video.github.io

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

vue-json-excel

vue-music

Music Player for Vue.js

webgl.github.io

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

webknowledge

前端知识点总结

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 在每一个立即函数+闭包的前面添加；实现框架的兼容性