- 博客(30)
- 资源 (15)
- 收藏
- 关注
RSS订阅
原创 81款国学游戏开发教程第一篇（诗词拼图）
关于写81款国学游戏的初衷，一是为了传承国学，因为那是我们的根，也是未来人们可以创新和革命的根本。革命就是革新，革命的基础就是有命可以革。二是为了让那些想学习游戏开发的人提供参考，三是为了让自己写的游戏更有价值，我的目标就是写够81款和国学相关的游戏。四是计划写完81款就不再写游戏了。闲话不说了，开始我们的国学游戏之旅，第一篇，我选择做拼图游戏，游戏算法不是太复杂，适合入门。古诗词也是我们的国...
2019-04-25 22:43:35
1717
原创 node.js根据本地目录生成树状结构对象
在做编辑器的时候有个问题，需要访问本地目录，然后返回给前端页面，让前端页面展示，在此做个记录。这是典型的递归调用。后边代码是核心如上图的目录，是一个典型的数状结构，如何实现，代码如下前台演示代码function createProByTree(k){ all_pro.push(k);//存放到所有项目数组中 //创建一个div用于存放项目 var dv=document.createElement("div"); let id="pro_"+Math.floor(Math.ran.
2021-11-05 11:48:06
436
原创 websocket大文件发送（分片传送思想）
目前的项目是在做一款带桌面共享的代码编辑器，其中需要一个发送大文件的功能，传统的node.js处理大文件就是用Buffer.slice(0.offset)的思路把文件分割开，然后通过tcp或udp分开发送。前端中处理二进制的有Blob,它也有slice的方法，也可以将文件拆分开。然后借助websocket发开发送，然后在客户端（注意不是服务端）将文件合并。有人说websocket可以直接发，但是他的大小受到限制，比如发200M的东西，就会出问题。而我的方案就不会存在问题.最主要的是在发送文件的同时也不会影响
2021-11-05 11:38:05
4069
原创 国学游戏之神州方块源码
近期有网友说要做古诗词类的项目，问国学游戏模块是否更新，由于工作时间原因，更新时间会变得很长，但是我会一直坚持的。（热爱国学，希望它能传播，照亮温暖更多人）。今天就把神州方块的原码gengxi...
2021-06-03 18:48:14
444
1
原创 serialport与robotjs完全安装手册
先讲一下背景：由于近期项目经常用到串口开发(通过pc控制外部的芯片比如驱动电机，超声波，温度传感器等等)，注意我们当前用的后端是node的后端。而node中处理串口通信的框架就是serialport。就需要安装serialport，但是安装serialport，会经常报错，无法使用。每次都需要网上去找资料解决报错，特别烦人，于是决心彻底解决这个问题。robotjs（是一个自动化测试框架，java python都有类似的东西，可以用代码控制鼠标和键盘）安装环境与serialport一样，所以就一块说了。.
2021-06-03 18:13:20
581
2
原创 2021-01-21
蓝牙小车代码代码记录#include <Stepper.h>#include <Servo.h>#define STEPS 2038 //这里设置步进电机旋转一圈是多少步Servo myservo;Stepper stepper(STEPS, PA5, PA6, PA7, PA8);int cmd;int du = 0;//角度void setup() { Serial.begin(9600); Serial2.begin(
2021-01-21 21:03:40
165
原创 arduino wifi无线小车原型测试代码
这几天倒腾手机app控制arduino wifi小车，测试代码写完了，做个记录防止忘记。/****wifi无线遥控车测试代码基本实现1 基于ESP8266的uno与esp8266以及手机的通信（信号传递）2 舵机控制对舵机的控制3 对LN2003步进驱动的控制（有问题需要调试）4手机与esp8266采用的tcp协议通信，可使用java 实现桌面以及android客户端，也可网...
2020-04-12 12:38:04
2134
3
原创 vue+java websocket 实现单聊群聊
最近在研究vue，想写点案例，最后决定写一个比较常用的聊天室。再次记录一下，方便日后查阅。前端用vue构建，后端使用java websocket关于websocket的好处这里不在赘述，直接贴代码package webSocketDemo.web;import java.io.IOException;import java.nio.ByteBuffer;import java.u...
2020-01-13 11:19:29
1242
2
原创 h5写的钟表
在写完计算器后感觉不过瘾，干脆再写一个小时钟的程序，滴答滴答的小钟表看似简单，但是如果不用canvas或是其他框架的话，光使用css和js配合写一个表的话，感觉比写计算器费劲，尤其是让一个div转起来给你当时时针。这个程序适合巩固基础。不说其他的了，说下思路，div旋转的话没有所谓的轴心点或是锚点的概念，默认的就是中心点是锚点，但是时针的话不是那个样的，解决办法就是两个div合到一块去，把...
2019-08-25 23:04:19
404
原创 h5写的简单计算器
最近要去为学习前端的孩子们讲一堂课，想了半天觉得不如引导他们做个小案例，这样可以让他们感觉到有趣，也可以让他快速的接受某些概念。于是我决定写一个计算器的案例。怎样做这个计算器呢？首先要设计他的界面，其次是交互部分。至于功能嘛，可以进行正常的加减乘除就可以。界面的设计部分我们考虑使用flex弹性布局，优点易于使用，灵活，对于有规则排版的界面易于设计。对于交互部分我们主要使用eval函...
2019-08-24 22:40:06
3708
3
原创 81款国学游戏开发教程第二篇（飞刀问答）
本篇讲述的是将飞刀游戏和问答游戏结合到一块的一款国学游戏。本文要注意的知识点有粒子效果的使用以及文字格式的使用，比如文字左对齐和换行的代码，要多多留心。先看截图下面是代码(function(){ var game;window.onload = function() { var w=window.innerWidth; var h=window.innerHeight;...
2019-04-27 08:59:06
535
2
原创 phaser游戏入门4（接金币游戏2）
上节课构建了游戏基本架构，有开始页，有游戏页，金币掉落，人物移动，碰撞检测都实现了，现在开始优化。加点音乐呗当然先要加载音乐资源，和图片类似game.load.audio('name','url');使用的时候是这样var m1=game.add.audio('name');m1.play();循环播放可以设置m1.loopFull(0.6);//里边的参数是声...
2018-12-14 08:29:58
1145
原创 phaser游戏开发入门3（接金币1）
前面两篇就是告诉大家phaser构建游戏的基本方式，下面具体讲phaser搭建游戏实例，讲个什么好呢？算法不能太复杂了，你们不能看懂，就讲接金币游戏吧，天上不断掉下金币，主人公左右移动接住金币就得分，金币掉落个数超越10的时候游戏结束。提示：各位看的弱弱，如果你看了觉得文章不错，可以留言，文章会继续写下去，如果没弱弱看的话，那我就看电视去喽！准备工作：素材 1金币图 2移动人物 ...
2018-12-13 22:21:18
820
原创 phaser游戏开发入门2
上一节我们展示了phaser构建游戏的基本结构本文继续深入，展示图片下面先将图片放在res文件夹中然后再用game.load.image("指定资源名称"，"资源地址")加载到游戏缓冲中，以便使用时调用加载后就可以直接使用了，下面是一个旋转的美眉代码其他内容不变，直接上main.js//第二节 加载展示图片的代码//构建游戏 第一第二个参数是游戏屏幕的宽高，这里...
2018-11-02 12:24:58
1294
原创 phaser游戏开发入门1
使用phaser开发十几款游戏，感觉这个引擎不错，给大家分享下。demo地址phaser这个引擎封装做的比较好，常用的物理引擎都有封装，音频方面也特别给力，开发起来就一个字---------------------------“快”学习一款游戏引擎只需要做的事情有1）看他的demo演示，看他能做什么 。phaser 能做2d游戏开发，2）看他的文档和API。看你读懂读不懂p...
2018-11-02 11:58:40
1415
1
原创 H5游戏开发教程1
近期由于工作需要，开发了一系列H5小游戏，最早以前使用原生的canvas开发了，但是开发效率比较低，虽然好多西可以灵活定义，比如滤镜处理，渐变等。但是整体而言开发速度慢，很多时候满足不了实际开发需要。后来逐渐接触到国产的Layabox和国外的PIXI以及Phaser等框架，当然3d方面的有three.js 还有babylon这些都是比较常用的H5游戏框架。而且这几款框架都是比较容易上手的。鉴于跨平...
2018-08-21 11:24:56
15975
2
原创 可视化编辑器核心类（supermaker）
代码是以前练手写的，虽然问题很多，但是依旧是美好的记忆。对于想学习canvas动画入门的人来说不错。下面将代码贴出/** * Created by 101tx on 2016/10/13 * * superMakerkj框架. *//** * *Tool 工具类 *元素选择 */function $s(id) { if (document.getElementBy...
2018-08-13 18:02:55
1716
原创 web socket+node.js+mysql实现网页在线对战棋牌游戏（超级适合情侣玩）
web socket+node.js+mysql实现网页在线对战棋牌游戏（超级适合情侣玩）
2017-02-01 21:53:38
9086
8
原创 html5可视化编辑器2
今天接着写，昨天有了舞台，场景，层，今天要加一个重要的东西Player！还记得flash当时有个东西叫movieClip的东西吧，或者是splite，这个东西是个容器，装着我们的动画，图片，还有梦想！不说了上菜！function player(role) { if (role == "img") { var img = new Object(); i
2016-10-29 17:39:06
3485
原创 node.js websocket+html5实现的简单联网tank大战的游戏模型
刚开始学习node.js 下载了一个node.js websocket的聊天代码，后改为一个简单的tank 大战游戏雏形，献丑了服务端代码可直接部署到百度bae上var app = require('express')();var http = require('http').Server(app);var io = require('socket.io')(htt
2016-10-29 11:35:38
2040
原创 html5可视化图形编辑器(基于canvas)
我以前特别喜欢flash，不过flash水平一般，那是的我并不是程序员，充其量也就是个爱好者，在这个html5的时代中，我依旧对那个有时间轴的flash编辑界面念念不忘。于是便有了这篇文章。我的目标是做一款在线的图片，文档，动画，游戏生成器。目标比较大（个人比较贪），目前只实现了一部分，但是我相信时间能缔造一切，也希望大神们多多帮忙，谢谢了！我把所有的代码写上来，一是帮我记录开发过程，二是供大家查
2016-10-28 20:52:39
45333
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人