zoukankan      html  css  js  c++  java
  • js大作业(0)


    DAY1:在看HTML5游戏开发实战。
    手写了一遍乒乓球。自己玩了半小时。实话讲,和本科学的MFC差别不大。
    通过setInterval函数获取用户的输入 从而允许多用户操作。
    parseInt把字符串化为整型。
    用户输入是通过对键盘按下的监听来获取的。

    1
    2
    3
    4
    5
    6
    $(document).keydown(function(e){
    pingpong.pressedKeys[e.which]=true;
    });
    $(document).keyup(function(e){
    pingpong.pressedKeys[e.which]=false;
    });//e.which就是被按下的键。


    DAY2:同一本书。这节的重点在css
    transform和transition的使用。
    toggle函数切换类
    z-index用于控制元素可见性(就当页面是3D的,这个是z轴坐标)
    z-i 大专栏  js大作业(0)ndex大的会放在前面。perspective提供透视效果。opacity是不透明度。
    chrome没问题但是ff会有一些不兼容 hin尴尬啊(因为我找了很久我错哪了)
    然后朋友提议我善用webstorm,任意切换。
    精灵表。这个名字很好听啊。在内存中加载了整个图像纹理,按需要显示其中一部分。
    举例:.cardAQ{background-position:-880px,0;}这样裁剪得到单张纸牌。
    但是实在不好意思这个根本找不到素材啊啊 我也很尴尬
    这节剩下的部分我就看会儿书好吧。天地良心我也没打算拿前端当饭吃。
    ready函数:
    洗牌;(自己定义shuffle函数)
    放牌;(循环求模)
    获取图案并将图案写入DOM;
    监听点击事件;

    点击函数:
    两张牌就退出;
    翻转纸牌;
    这会儿要是两张牌了,加个定时就去检查;

    检查(翻开两张牌时):
    一样就都remove 否则翻转回来;

    图案检测函数:
    淡出函数:

    仅此而已。
    之后开始以canvas为主。
    后来打消了做游戏的念头 就此打住了.

  • 相关阅读:
    比较两个日期的大小(年月日)
    js闭包
    星星点点
    刮刮卡刮奖效果
    html图片自适应屏幕大小(手机)
    将博客搬至CSDN
    类的讲义
    Anaconda教程
    css基础
    javascript
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12247673.html
Copyright © 2011-2022 走看看