草庐IT

运动几何学

全部标签

javascript - 如何实现这种运动模糊着色器效果?

我尝试创建类似此链接底部页面上的雪效果http://blog.edankwan.com/post/my-first-christmas-experiment.其他一切正常但无法使运动模糊效果起作用。有任何想法吗?用于实现运动模糊效果的纹理Sprite代码如下:(function(global){varimg='https://i.imgur.com/hlmsgWA.png'varrenderer,scene,cameravarw=800,h=320varuniformsvargeometryvartexture,materialvarguivarconf={amount:200,spe

计算几何——三角剖分(Triangulation)

本节主要讲解了如何将二维多边形划分为多个不相交的三角形。一、画廊问题artgalleryproblem        考虑如下场景,在一个尺寸为多边形的画廊中放置摄像头(哨兵),需要放几个才能完全覆盖该场景?可以看到下图至少需要两个哨兵。    如下图,若多边形是凸多边形或星形多边形,那么只须在中间的核位置放一个即可,此情况为该问题的最小解(下界):    若多边形不规则,那么最多n个点,即n多边形的每个顶点都设置一个哨兵,就可以将整个多边形覆盖,因此问题的最大解(上界)为n。         实际上,对于n个顶点的不规则多边形而言,最多只须n/3个点即可覆盖,如下图红点所示:因为场景不同导致

javascript - 在 Three.js 中为合并的几何体使用多种 Material

我想使用2个网格创建一棵松树,一个用于树干,另一个用于灌木,这就是我所做的:varpine_geometry=newTHREE.Geometry();varpine_texture_1=THREE.ImageUtils.loadTexture('./res/textures/4.jpg');varpine_geometry_1=newTHREE.CylinderGeometry(25,25,50,6);varpine_material_1=newTHREE.MeshBasicMaterial({map:pine_texture_1});varpine_1=newTHREE.Mesh(p

javascript - 随机自然运动jquery

如何使用jquery为图像重新创建这种类型的移动:http://www.istockphoto.com/stock-video-12805249-moving-particles-loop-soft-green-hd-1080.php我打算用它作为网页背景。如果不能使用jquery,我将使用flashas3。但我更喜欢jquery。 最佳答案 编辑:Raphael绝对更适合这个,因为它支持IE。jQuery的问题在于,由于CSS限制,圆Angular在IE中很难处理……在Raphael中,跨浏览器圈子并不费力。jsFiddlewit

javascript - Node.js 中的 Google map 几何库

我在将GoogleMapsAPI集成到Node.js时遇到了很多麻烦。我目前正在使用node-googlemaps图书馆。但是,我似乎无法在此API中专门使用Googlemap几何库。到目前为止,我已经获得了可用的路线API。我想根据方向响应的结果构造一条折线,然后查看折线是否包含坐标。我想几何API不是100%必需的,但我知道如果我能通过Node让它工作的话它会起作用。谢谢! 最佳答案 spherical-geometry-js库移植了GoogleMaps几何API,因此您可以在代码中将其与node-googlemaps一起使用。

javascript - 如何计算与 CSS3 创建的边框半径匹配的曲线上的点?几何天才?

我有一个用css3边框半径(图像部分)创建的弯曲div。我旁边有文本行,我想将其与曲线对齐20px左右,就像这样(不能发布图片,不记得旧登录名):诀窍是曲线会根据窗口大小而变化,因此我希望能够计算曲线上文本应该偏移的点,本质上是创建一个真正的手动文本换行。最终我需要能够使用javascript进行计算和更新。(根据下面的评论编辑添加):用于演示目的的曲线css是border-bottom-left-radius:316px698px;但这是根据脚本的页面大小计算的。另外,值得一提的是,我根本不需要支持IE或FireFox——只需要webkit(独立信息亭应用程序)。

javascript - 检测设备运动/方向支持?

我正在寻找一种方法来检查设备是否支持DeviceOrientationEvent或DeviceMotionEvent。更准确地说,我不想知道设备是否真的有加速度计。不幸的是window.DeviceMotionEvent和window.ondevicemotion分别是window.DeviceOrientationEvent和window.ondeviceorientation存在,尽管设备-MacBookRetina-没有加速度计。我很清楚,如果永远不会触发事件,则事件监听器的回调函数也永远不会运行。但就我而言,我的程序需要知道设备是否有加速度计,因为如果没有加速度计,用户应该会收

javascript - 向量,以最大速度计算运动力

我正在构建一款小型太空射击游戏。当涉及到空间物理学时,我曾经遇到过数学问题。用文字描述如下:有一个最大速度。因此,如果您全速行驶,您的飞船将在屏幕上一遍又一遍地移动,就像在旧的小行星游戏中一样。如果然后释放火箭助推器,您的船应该继续以该速度在屏幕上移动。然后是我现在卡住的棘手部分。如果您将船旋转任何Angular并再次提供助力,船应该尝试到达这个方向并且在谈到它的移动速度时永远不会超过最大速度。所以我的问题是。有人对这个问题有好主意吗?如果您知道要寻找什么,感觉就像以前做过。:)我将添加这个小图像来说明试图用一些向量计算来完成什么。红色环:最大速度绿线:当前船舶方向。黑线:方向以及船在

javascript - 将几何添加到 THREE.Object3D

我已经编辑了这篇文章以使其更加清晰。好吧,我在这里要做的是表示一个由8个不同三Angular形组成的图block。每个三Angular形都应该能够独立地改变它的颜色。所以,我遇到的问题是,当我更改单个三Angular形的颜色时,它会更改中间线条的颜色,如您在第二张图片中所见。这是创建磁贴的代码:vartile=[];varn=0;for(vari=0;i要更新我使用此代码的Tile三Angular形的状态:for(varj=0;j这是更改Material的正确方法吗?我稍微简化了代码以更好地展示我的问题。但是,真正的代码在这个存储库中https://github.com/tul1/Ti

javascript - 更好的 Canvas 运动模糊

已经askedbefore,但公认的解决方案对我不起作用(从字面上看,链接的演示中对我来说没有任何模糊之处),而且涉及两个Canvas元素有点困惑。我目前正在使用“穷人的”运动模糊技术,它基本上涉及将源图像一遍又一遍地传输到Canvas,并在每次迭代后在顶部放置一个与背景颜色相同的半透明矩形。这是一个演示:http://jsfiddle.net/YmABP/如您所见,它对图像的边缘效果很好,但图像的内部部分根本不会模糊,而且对于具有部分透明度的图像来说看起来很糟糕。是否有更好的运动模糊技术?理想情况下,我希望能够执行类似context.drawImage的操作并传入不透明度参数,但AF