9 101tx

尚未进行身份认证

软件技术,一门帮助自己和别人解决麻烦的技术

等级
TA的排名 10w+

h5写的钟表

在写完计算器后感觉不过瘾,干脆再写一个小时钟的程序,滴答滴答的小钟表看似简单,但是如果不用canvas或是其他框架的话,光使用css和js配合写一个表的话,感觉比写计算器费劲,尤其是让一个div转起来给你当时时针。这个程序适合巩固基础。不说其他的了,说下思路,div旋转的话没有所谓的轴心点或是锚点的概念,默认的就是中心点是锚点,但是时针的话不是那个样的,解决办法就是两个div合到一块去,把...

2019-08-25 23:04:19

h5写的简单计算器

最近要去为学习前端的孩子们讲一堂课,想了半天觉得不如引导他们做个小案例,这样可以让他们感觉到有趣,也可以让他快速的接受某些概念。于是我决定写一个计算器的案例。怎样做这个计算器呢?首先要设计他的界面,其次是交互部分。至于功能嘛,可以进行正常的加减乘除就可以。界面的设计部分我们考虑使用flex弹性布局,优点易于使用,灵活,对于有规则排版的界面易于设计。对于交互部分我们主要使用eval函...

2019-08-24 22:40:06

81款国学游戏开发教程第二篇(飞刀问答)

本篇讲述的是将飞刀游戏和问答游戏结合到一块的一款国学游戏。本文要注意的知识点有粒子效果的使用以及文字格式的使用,比如文字左对齐和换行的代码,要多多留心。先看截图下面是代码(function(){vargame;window.onload=function(){ varw=window.innerWidth; varh=window.innerHeight;...

2019-04-27 08:59:06

81款国学游戏开发教程第一篇(诗词拼图)

关于写81款国学游戏的初衷,一是为了传承国学,因为那是我们的根,也是未来人们可以创新和革命的根本。革命就是革新,革命的基础就是有命可以革。二是为了让那些想学习游戏开发的人提供参考,三是为了让自己写的游戏更有价值,我的目标就是写够81款和国学相关的游戏。四是计划写完81款就不再写游戏了。闲话不说了,开始我们的国学游戏之旅,第一篇,我选择做拼图游戏,游戏算法不是太复杂,适合入门。古诗词也是我们的国...

2019-04-25 22:43:35

phaser游戏入门4(接金币游戏2)

上节课构建了游戏基本架构,有开始页,有游戏页,金币掉落,人物移动,碰撞检测都实现了,现在开始优化。加点音乐呗当然先要加载音乐资源,和图片类似game.load.audio('name','url');使用的时候是这样varm1=game.add.audio('name');m1.play();循环播放可以设置m1.loopFull(0.6);//里边的参数是声...

2018-12-14 08:29:58

phaser游戏开发入门3(接金币1)

前面两篇就是告诉大家phaser构建游戏的基本方式,下面具体讲phaser搭建游戏实例,讲个什么好呢?算法不能太复杂了,你们不能看懂,就讲接金币游戏吧,天上不断掉下金币,主人公左右移动接住金币就得分,金币掉落个数超越10的时候游戏结束。提示:各位看的弱弱,如果你看了觉得文章不错,可以留言,文章会继续写下去,如果没弱弱看的话,那我就看电视去喽!准备工作:素材  1金币图2移动人物 ...

2018-12-13 22:21:18

phaser游戏开发入门2

上一节我们展示了phaser构建游戏的基本结构本文继续深入,展示图片下面先将图片放在res文件夹中然后再用game.load.image("指定资源名称","资源地址")加载到游戏缓冲中,以便使用时调用加载后就可以直接使用了,下面是一个旋转的美眉代码其他内容不变,直接上main.js//第二节加载展示图片的代码//构建游戏第一第二个参数是游戏屏幕的宽高,这里...

2018-11-02 12:24:58

phaser游戏开发入门1

使用phaser开发十几款游戏,感觉这个引擎不错,给大家分享下。demo地址phaser这个引擎封装做的比较好,常用的物理引擎都有封装,音频方面也特别给力,开发起来就一个字---------------------------“快”学习一款游戏引擎只需要做的事情有1)看他的demo演示,看他能做什么。phaser能做2d游戏开发,2)看他的文档和API。看你读懂读不懂p...

2018-11-02 11:58:40

H5游戏开发教程1

近期由于工作需要,开发了一系列H5小游戏,最早以前使用原生的canvas开发了,但是开发效率比较低,虽然好多西可以灵活定义,比如滤镜处理,渐变等。但是整体而言开发速度慢,很多时候满足不了实际开发需要。后来逐渐接触到国产的Layabox和国外的PIXI以及Phaser等框架,当然3d方面的有three.js还有babylon这些都是比较常用的H5游戏框架。而且这几款框架都是比较容易上手的。鉴于跨平...

2018-08-21 11:24:56

可视化编辑器核心类(supermaker)

代码是以前练手写的,虽然问题很多,但是依旧是美好的记忆。对于想学习canvas动画入门的人来说不错。下面将代码贴出/***Createdby101txon2016/10/13**superMakerkj框架.*//****Tool工具类*元素选择*/function$s(id){if(document.getElementBy...

2018-08-13 18:02:55

js写的漂亮俄罗斯方块

一个基于H5开发的俄罗斯方块游戏

2017-12-22 21:18:52

基于canvas的超级画板

这是一个功能超全的基于canvasH5画板,贴上源码供大家学习参考

2017-12-22 20:28:06

web socket+node.js+mysql实现网页在线对战棋牌游戏(超级适合情侣玩)

websocket+node.js+mysql实现网页在线对战棋牌游戏(超级适合情侣玩)

2017-02-01 21:53:38

用java的swing框架自己写贪吃蛇游戏

自己开发游戏,贪吃蛇自己做

2017-02-01 21:14:55

html5在线编辑器效果和源码

html5在线编辑器效果和源码

2017-02-01 15:16:30

自己搭建网站选用服务器的方法

自己搭建网站选用服务器的方法

2017-02-01 14:19:01

html5在线聊天服务端

websocket在线聊天服务端

2017-02-01 13:47:46

html5websocket+node.js在线聊天

html5在线聊天

2017-02-01 13:44:14

html5 canvas 扑克牌游戏开发探索

基于html5和websocket的扑克游戏探索

2017-02-01 13:27:32

html5编辑器(图片编辑器基于canvas)

html5在线编辑器,拥有图片编辑功能的编辑器(动画在线制作工具)

2017-02-01 12:59:36

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。