zoukankan      html  css  js  c++  java
  • javascript 面向对象之路.1

    写这个系列文章是想通过几个案例来学习javascript html5 css3,其实这个小游戏谁都能做出来,但对于一个作为后端.net程序员的我来说还是有学习的必要,毕竟javascript的面向对象跟C# 截然不同,在接触javascript时,第一个感觉就是太灵活了,这是弱类型语言的弊端也是优势,灵活,意味着强大!只是调试起来很痛苦,记得在若干年前,调试javascript就等于慢性自杀。 对于80后的我来说,《小蜜蜂》是一个经典的游戏,小时候它陪伴我不知走过了多少个春秋... ... ok, let's go.

    成品demo里,橙色方块代表小蜜蜂,黑色矩形代表接收蜂窝,点击Go按钮后,小蜜蜂们会定时往下飞,我们要通过左右键来控制蜂窝以接收小蜜蜂。 

    嗯,暂时就这么简单。

    首先,我们要定义小蜜蜂、蜂窝等对象的显示区域:

    bee-game-wrapper 为外围容器 

    bee-game-beesbox 为小蜜蜂活动区域

    bee-game-bee 为小蜜蜂 

    bee-game-comb 为蜂窝活动区域 

    bee-game-comber 为蜂窝 样式就不解释啦。 

    嗯,这篇文章就到这里,下一节我们写javascript来实现图1的动态效果。

  • 相关阅读:
    Redis使用详细教程
    Web API 强势入门指南
    log4net
    ASP.NET Web API——选择Web API还是WCF
    Hadoop RPC机制
    力扣算法:每日温度
    力扣算法:完全平方数
    力扣算法:岛屿数量
    面试总结二
    面试总结
  • 原文地址:https://www.cnblogs.com/Eysa/p/10118551.html
Copyright © 2011-2022 走看看