JavaScript组成:ECMAscript浏览器对象模型 BOM文档对象模型    DOM// ecmascript bom dom dom (文档对象模型) 用来访问和操纵html文档bom (浏览器对象模型)js 是浏览器语言 JavaScript引入:1 <script src=“xxx.js”> </script>2 引入
JavaScript概述: + 是一种网页编程技术,用来向HTML页面添加动态交互效果; + 是一种基于对象和事件驱动的解释性脚本语言,具有与Java和C语言类似的语法; + 可直接嵌入HTML页面,由浏览器解释执行,不进行预编译。 发展史 + 正式名称是“ECMSCript”,由ECMA组织发展和维护; + CMA-262是正式的JavaScript(Netscape)和JScript
JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。 前端三大块 1、HTML:页面结构2、CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画
转载 2023-05-25 10:27:17
48阅读
JavaScript简介JavaScript的用途JavaScript用来制作web页面交互效果,提升用户体验。 web前端三层来说:w3c的规范:行内样式(淘汰)结构层 HTML 从语义的角度,描述页面结构样式层 CSS 从审美的角度,美化页面行为层 JavaScript 从交互的角度,提升用户体验JavaScript和ECMAScript的关系简单来说ECMAScript不是一门语言,而是一个
//碰撞函数 function pz(obj1,obj2){ //获取obj1 的上下 左右四个边的数据 T1 = obj1.offsetTop; B1 = obj1.offsetTop + obj1.offsetHeight; L1 = obj1.offsetLeft; R1 = obj1.offsetLeft + obj1.offsetWidth;
转载 2023-06-08 15:07:06
73阅读
在直角坐标系,在左下角的一张台球桌(0,0),在右上角(L,W)矩形。有球体的中心(x,y)。半径R在台球桌圆形母球(在整个球台球桌)。接收碰撞后,沿极角为a的射线(即:x正半轴逆时针旋转到此射线的角度为a)飞出,每次碰到球桌时均发生全然弹性碰撞(球的速率不变,反射角等于入射角)。  假设球的速率为v,s个时间单位之后球心在什么地方? 输入输入文件最多包括25组測试数
js碰撞检测函数在网上有很多实例,基本上都是通过判断一点是否同时存在于两个元素中,这样的效果太过粗糙,有时候我们需要更多样化的返还结果,这就需要我们对现有的检测函数进行改造。下面是根据我的个人需求提供的修改思路,具体的还需要根据个人需求进行调试先说下我的需求:    1、我需要判断发生碰撞的究竟在哪一个方向。    2、我需要留存一部分的冗余量,阻止顶角部分
转载 2023-06-06 10:14:53
239阅读
javaScript实现小球碰撞
原创 2021-11-12 16:56:51
651阅读
# JavaScript 分离轴碰撞检测教程 ## 一、引言 在游戏开发或物理仿真中,碰撞检测是非常重要的功能之一。本篇文章将教你如何使用 JavaScript 实现“分离轴碰撞检测”算法。它是一种高效、广泛应用于2D物体之间碰撞检测的算法。接下来,我们将通过分步过程深入分析。 ## 二、整体流程 在实现分离轴碰撞检测之前,我们首先了解实现的步骤。下表展示了整个流程: | 步骤
 现实世界里我们对于是否碰撞的判断可以说极其容易而且准确,比如下图。在二进制的世界里,一切就没这么直观了。GJK(Gilbert-Johnson-Keerthi Distance Algorithm)GJK 就是此次要实现的碰撞检测算法。如果对碰撞算法有过了解的话,大概率听过另一个碰撞检测算法 SAT(Separating Axis Theorem)。GJK&nbsp
原理来源于集合分析中的“分离超平面定理”(separating hyper-plane theorem):如果两个集合A和B不相交,那么必定存在一个分离超平面P,并使得A和B分别位于P的不相同的两侧。此定理对于空间数据中的凸集合和凹集合均适用。当数据集是凸集时这里的分离超平面就是一个空间的平面;当数据集是凹集时,这里的分离超平面则不再是一个空间的平面,而是一个空间的曲面。  &
转载 2023-10-31 17:23:07
56阅读
<style media="screen"> * { margin: 0; padding: 0; } canvas { box-shadow: 0 0 40px black; margin: 50px
转载 2023-06-08 15:12:40
128阅读
javascript判断碰撞检测 点与矩形的碰撞检测 <pre> /** * * @param x1 点 * @param y1 点 * @param x2 矩形view x * @param y2 矩形view y * @param w 矩形view 宽 * @param h 矩形view 高 *
转载 2019-11-15 10:25:00
349阅读
2评论
自己写了个简单表单验证: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&nbs
原创 2012-10-13 18:05:04
672阅读
三种判断语句1、if结构语法:if(条件){条件满足时执行的代码块}2、if else结构语法:if(条件){条件满足时执行的代码块}     else{条件不满足时执行的代码块}3、if else-if结构语法:if(条件){条件满足时执行的代码块}     else if{第二条件满足时执行的代码块}      else if{第三条件满足时执行的代码块}  &n
转载 2023-06-06 11:34:48
59阅读
 作者: weiqubo 几乎所有的3D游戏都离不开碰撞检测——无论是各物体之间的碰撞检测,还是物体与场景之间的碰撞检测。在真实世界中,你是很自然地不能穿墙而过的,所以很多人在玩各种3D游戏的时候自然而然的忽视了碰撞检测这一过程的存在。然而,碰撞检测的过程是重要的。如果没有它,你在CS中就会毫无遮拦的飞来飞去——如果考虑重力的话,则会一直不停地往下掉,直到符点数溢出(或你受不了
转载 2023-08-25 23:15:57
379阅读
<!DOCTYPE HTML><HTML> <HEAD> <META name="Generator" content="EditPlus"> <ME
原创 2023-02-17 09:11:34
80阅读
目录一、 (2) offsetWidth 与 dom.style.width 的区别(3)offsetLeft & offsetTop 是用来计算盒子与盒子之间距离的 (4) offsetLeft 与 dom.style.left 的区别(5)offsetParent 用来获取父级DOM对象(6)offsetParent 与 dom.parentNode 的区别二、事件
转载 10月前
19阅读
javascript碰撞检测的方法需要把要检测碰撞的精灵都放到数组里array push 然后循环遍历数组里的精灵检测碰撞 ps:不放到数组里没办法循环遍历检测每个精灵核心代码如下 <pre>//0.1秒刷新检测碰撞 update: function (dt) { //循环遍历每个精灵 for (x
转载 2019-11-16 19:12:00
212阅读
2评论
# 实现 JavaScript 碰撞检测算法 ## 概述 作为一名经验丰富的开发者,我将向你介绍如何实现 JavaScript 中的碰撞检测算法。碰撞检测是游戏开发中常见的需求,它可以用来检测游戏中的物体是否相互碰撞。在这篇文章里,我将教会你实现这一算法的步骤和代码实现。 ## 算法流程 首先,让我们来看一下整个实现碰撞检测算法的流程: ```mermaid journey ti
原创 2024-06-26 07:22:17
88阅读
  • 1
  • 2
  • 3
  • 4
  • 5