• 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模块化现状谈谈选择ES6模块的原因
    vue-cli3项目搭建配置以及性能优化
    Umi + DvaJS
    ReactFragment用法介绍
    什么是纯函数
    10.25考试
    10.23考试
    线段树合并(雨天的尾巴 题解)
    10.21考试
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12247673.html
Copyright © 2020-2023  润新知