摘要: 什么?你觉得方块碰撞问题太简单了。那就来一个复杂的,我们都熟悉的打砖块游戏。 先看效果,熟悉吗? 这个就是碰撞问题的升华。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS弹球打砖块小游戏</title> 阅读全文
posted @ 2020-01-15 17:03 飓风吟 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 面向对象,就是将一系列具有相同属性的元素提取出来,需要用的时候就new一个。 先看效果图: 分析:这些小球有相同动作,相同的“外貌”,所以将它提出来封装成一个对象,然后通过点击事件new这个对象。 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-01-15 14:43 飓风吟 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 继续改写在浏览器中移动的div,使用面向对象。 这是一步一步在进阶,想了解过程请看我前两篇博客。 https://www.cnblogs.com/duanhuarong/p/12195466.html https://www.cnblogs.com/duanhuarong/p/12195575.ht 阅读全文
posted @ 2020-01-15 14:05 飓风吟 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 继续完善我上一篇博客:https://www.cnblogs.com/duanhuarong/p/12195466.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> 阅读全文
posted @ 2020-01-15 10:54 飓风吟 阅读(778) 评论(0) 推荐(0) 编辑
摘要: 今天研究了一个最简单的屏保效果 效果图如下:效果很神奇,就是这个div在浏览器窗口不断的灵活移动 在运动过程中,我截了一张图: 代码却很简单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< 阅读全文
posted @ 2020-01-15 10:39 飓风吟 阅读(606) 评论(0) 推荐(0) 编辑