JS JQuery Ajax
钢七连软件实战技术
大型企业项目架构,多种技术实战开发,少儿编程,游戏开发
展开
-
快速编程JS初级教程1
简单学习之后,就可以达到以下效果:1.循环和分支,是不是很简单。5行20列的星号,奇数列和偶数列不同 for(i=1;i<=5;i++){ for(j=1;j<=20;j++) { if(j%2==0) { document.write("-"); } else { document.write("*"); } } document.w...原创 2018-07-10 09:41:07 · 382 阅读 · 0 评论 -
快速编程JS初级教程3-4 游戏软件的开发岗位和工作
不写程序、非技术的岗位占多数,很简单,欢迎大家合作,你们完成其他工作,我来做程序。一、游戏策划和关卡设计设计一个场景、有机关、道具,玩家有各种技能,经典的场景如下,要有趣、好玩。有了创意,给个设计图。这需要编程吗?不用。有好的设计图,游戏已经成功了一半。随着时代发展,2D/3D技术发展,画面很炫,设计思路都一样。二、美工:各种图片素材,需要美工来画。草稿,游戏原画,是个艺术品。交稿,要符合程序需要...原创 2018-07-16 10:02:56 · 216 阅读 · 0 评论 -
快速编程JS初级教程3-3 数组、函数和DIV:俄罗斯方块
效果和技术原理:代码:<script>// http://www.w3school.com.cnvar over=false;var o = document.body; var gframe;///////////////////////var shapes=new Array();shapes[0]=[0,1,1,1,2,1,3,1]; //line shapes...原创 2018-07-16 09:11:53 · 191 阅读 · 0 评论 -
快速编程JS初级教程3-2 循环地图
效果:技术要点:左右两段相同的地图背景,共1000px。游戏画布宽500px。初始化,地图左上角坐标(0,0),让地图向左移动,当横坐标变为-500,再设置为0,这就实现了循环移动。代码:<script>// http://www.w3school.com.cnvar o = document.body; var gframe;//游戏画布divvar role2;//地图di...原创 2018-07-16 08:50:34 · 215 阅读 · 0 评论 -
快速编程JS初级教程3-1 DIV游戏结构和单张地图
一个div表示一个矩形区域。通过设置CSS样式:position : absolute;可以在指定坐标,摆放一个div.CSS属性:z-index,可以指定重叠顺序,数值越大,越靠上。游戏画面分层:顶层,是用户的UI,比如小地图,技能图标。然后是各个游戏元素,底层是游戏地图。DIV可以嵌套:一个div,可以包括多个div,img,文本等等。按照标签的嵌套关系,一个网页的所有元素,组成了一棵DOM树...原创 2018-07-16 08:36:54 · 510 阅读 · 0 评论 -
快速编程JS初级教程2-2 游戏程序结构
游戏程序结构:计时器,绘制画面,数值刷新+碰撞检测数值刷新:1.动画效果的刷新,例如子弹飞行,不断修改子弹坐标。一路小兵出发,不断修改小兵的行动坐标。2.计时类。技能在冷却,冷却计时。碰撞种类:1.碰到边界,一个游戏元素(Sprite,Item)消失,比如攻击的子弹2.攻击元素碰到其他单位,比如,敌人,障碍物3.玩家单位被其他单位碰到,比如,敌人发出的子弹,地图的陷阱后两者,会产生数据的结算,玩家...原创 2018-07-15 16:03:42 · 248 阅读 · 0 评论 -
快速编程JS初级教程2-1 计时器和移动
之前学习了分支、循环、函数等基本技术,可以用星号输出一个三角形。接下来,让这个三角形在屏幕上左右来回移动。实现的办法有很多种,一种方法是在每行星号前,输出一些空格。通过空格的数量,移动三角形的位置。这就要用到setInterval("重复执行的函数", 间隔毫秒数); 也就是JS的计时器。效果如下:游戏中,主要有三种移动:序列帧的动画,游戏元素移动,游戏地图移动。游戏地图移动,分两种:一种大地图移...原创 2018-07-15 15:43:45 · 286 阅读 · 0 评论 -
快速编程JS初级教程5 综合案例,超级玛丽
一、游戏素材二、游戏效果三、主要技术1.循环地图,有普通地面和障碍物。尖刺图片50x50,地图移动每个时间片,左移5像素。2.用户按空格键,人物跳跃,按抛物线修改坐标,持续20个时间片,地图移动100像素,刚好跨过一个尖刺。四、代码<script>// http://www.w3school.com.cnvar o = document.body;...原创 2018-07-17 10:37:53 · 1690 阅读 · 0 评论 -
快速编程JS初级教程4-2 画矩形,画函数图像
函数图像,就是游戏元素的运动轨迹。超级玛丽,跳一跳,是抛物线。还有折线,波浪线。王者荣耀里,有大量的扇形攻击范围。还有六边形的攻击范围,等等各式各样。一、鼠标点击两下,画一个矩形代码如下:用一个整数数组存放左上角、右下角的坐标[x1,y1,x2,y2],四个整数。<script type="text/javascript"><!--var dot=new...原创 2018-07-17 09:58:59 · 1132 阅读 · 0 评论 -
快速编程JS初级教程4-1 键盘和鼠标,用程序画图
一、键盘事件在网页上,输出用户按了哪个键。每个数字,代表一个按键。上面就是用户按的最多的:QWERQWER, WASD1234方向键,上下左右,ABCD,13代表回车键,17和16是Ctrl和Shift。关键程序: document.onkeydown = function(e){// e.keyCode 就是按键对应的数值 switch(e.keyCode){...原创 2018-07-17 09:38:25 · 259 阅读 · 0 评论 -
JS+JSP网页游戏辅助编辑器
一般的网页游戏,都是用<canvas>标签做开发。我教JSP课程,网页<canvas>加上jsp的session处理,可以开发一些辅助工具,比如格子类的地图。1. 简易的字符拼图案关键代码:function draw() { var x=50,y=100; var edge=25; var draw_pos=[0,0, 0...原创 2019-09-30 14:03:43 · 1447 阅读 · 0 评论