三明小程序制作【三明企业邮箱】三明网站外包、三明微信商城开发、三明网店美工、三明淘宝设计-网站优化-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

三明小程序制作【三明企业邮箱】三明网站外包、三明微信商城开发、三明网店美工、三明淘宝设计

发表日期: 2021-05-24 09:59:55 浏览次数:96

三明小程序制作【三明企业邮箱】三明网站外包、三明微信商城开发、三明网店美工、三明淘宝设计

网站建设.jpg

三明市,福建省辖地级市,位于福建省中部连接西北隅,地处北纬25°30′~27°07′、东经116°22′~118°39′之间,全市面积22965平方千米;东依福州市,西毗江西省,南邻泉州市,北傍南平市,西南接龙岩市; [1]  是一座新兴的工业城市,是全国文明城市和国家卫生城市、国家园林城市及中国优秀旅游城市。 [2]  2016年9月,被国家林业局授予“国家森林城市”称号。 [3]  2017年,三明市复查确认继续保留全国文明城市荣誉称号。 [4] 

三明市拥有海峡两岸(三明)现代林业合作实验区,是全国集体林业综合改革试验示范区,享有福建“绿色宝库”的美誉,是全国四个活立木蓄积量超过1亿立方米的设区市之一。截至2015年6月,已发现金属和非金属矿种79个,已探明储量的矿种49种,已开发利用的43种。全市拥有泰宁世界自然遗产地、世界地质公园2个世界级品牌和国家级、省级旅游品牌各50多个,数量和等级名列全省前茅。 [2] 

2019年,三明实现地区生产总值2601.56亿元,比2018年增长8.0%。 [5]  2020年末全市常住人口2486450人。 [56] 


JavaScript规则图形碰撞原理

碰撞几乎是所有web网页游戏需要使用的技术,比如说贪吃蛇,俄罗斯方块,打飞机,坦克大战,要么碰撞得分,要么碰撞死亡。

先来说说最简单的矩形碰撞原理。

一切的碰撞都是通过网页中x,y坐标来计算的,判断两个矩形是否发生碰撞,就是判断它们是否有重合部分。理论上是这样,但是实际上我们应该考虑什么时候不重合,因为这种逆向思维会简单很多,如果一味考虑什么时候重合,一般人很难理得清楚。所以我们先理清楚不重合的情况,那么反过来就是重合的情况了。 矩形碰撞原理

不重合的情况: 1.移动矩形在静止矩形的上方 2.移动矩形在静止矩形的下方 3.移动矩形在静止矩形的左边 4.移动矩形在静止矩形的右边

那么重合的情况: 1.除了上面那四种情况。。。

假如移动的矩形编号为1,静止的矩形编号为2;那么碰撞检测的JavaScript写法为:

复制代码var div1=document.getElementById("div1"),left_1=div1.offsetLeft,top_1=div1.offsetTop,width_1=div1.offsetWidth,height_1=div1.offsetHeight;var div2=document.getElementById("div2"),left_2=div2.offsetLeft,top_2=div2.offsetTop,width_2=div2.offsetWidth,height_2=div2.offsetHeight;var noConflict=left_1>left_2+width_2||left_1+width_1<left_2||top_1+height_1>top_2||top_1<top_2-height_2;if(!noConflict){//碰撞了,我要做点什么,比如说爆个炸啥的。}复制代码

再说说圆形碰撞原理。

圆形因为没有了边角所以不能用矩形的碰撞原理,但可以通过及计算两个圆的中心距离与两个圆的半径之和的大小来判断是否有相交,如果有相交则碰撞了。看起来比矩形的还简单些,不过涉及到直角三角形的求边公式,小学数学知识派上用场了~ 矩形碰撞原理

就基于矩形碰撞那段代码稍微改动下就好了,代码如下:

复制代码var div1=document.getElementById("div1"),left_1=div1.offsetLeft,top_1=div1.offsetTop,width_1=div1.offsetWidth,height_1=div1.offsetHeight,point_x_1=left_1+width_1/2,point_y_1=top_1+height_1/2;var div2=document.getElementById("div2"),left_2=div2.offsetLeft,top_2=div2.offsetTop,width_2=div2.offsetWidth,height_2=div2.offsetHeight,point_x_2=left_2+width_2/2,point_y_2=top_2+height_2/2;var distant= Math.sqrt(Math.pow(Math.abs(point_x_1-point_x_2),2)+Math.pow(Math.abs(point_y_1-point_y_2),2));if(distant<width_1/2+width_2/2){//碰撞了,我要做点什么,比如说爆个炸啥的。}复制代码

三明小程序制作三明企业邮箱三明网站外包、三明微信商城开发、三明网店美工、三明淘宝设计

上一条:三明网站优化【三明开通400电话】三明网站搭建、三明微信公众号推文外包、三明开通京东拼多多设计、三明淘宝装修
下一条:深圳网站建设【深圳网络公司】深圳做网站、深圳微信公众号开发、深圳网站设计、深圳小程序制作
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约