草庐IT

鼠标经过webgl要素

全部标签

javascript - jQuery 触发鼠标移出事件

是否可以使用jQuery在链接元素上触发mouseout事件?即有点像$(linkEle).mouseout()我希望它能在iPad上运行,尽管它没有任何鼠标光标,但确实有事件... 最佳答案 是的,jquery有一个mouseout事件处理程序-http://api.jquery.com/mouseout/$('some_selector_here').mouseout(function(){//Dosomestuff}$('some_selector_here').trigger('mouseout');

javascript - 使用 WebGL 将两个 Canvas 混合到一个 Canvas 上

我想要做的是将两个Canvas混合到一个Canvas上,用于我正在创建的绘图应用程序。我非常了解Javascript,但我真的不知道从哪里开始使用WebGL,因为这不是一项非常艰巨的任务,我假设如果我不使用它会产生更快的处理速度另一个库,如Three.js或其他类似的库。我已经拥有用户将在其上绘制的Canvas(我们称它们为CanvasA和B),它们都是隐藏的,CanvasC正在显示。我已经完成了主要的绘图应用程序,供用户选择要绘制的图层并在其上绘制,但是我如何才能使用WebGL使用某种混合模式(即:乘法)将两个图层混合在一起)随着用户继续使用WebGL编辑Canvas?起初我尝试关注

javascript - 是否可以隐藏/保护 webGL 中使用的数据?

学了一点webGL,主要用three.js。我加载.obj文件并以3D形式绘制它们。我已将我的项目放在网上,例如:www.mydomain.com我不介意人们通过他们的浏览器查看我的源代码,但我展示的.obj文件来自不想泄露它们的人。在这方面我完全是个新手。由于我的源代码可供所有人使用,我猜.obj文件也可供所有人使用。那么是否可以隐藏或保护它们,以便任何人都无法下载它们? 最佳答案 我敢肯定,如果您想在Javascript/WebGL中访问和使用任何文件,您将无法保护它们。它们需要在某个时候被解析为可用格式,以便浏览器/javas

javascript - webGL 是否包含 push/popMatrix?

webGL是否包含push/popMatrix?如果没有,我将如何重新创建它们? 最佳答案 不,WebGL基于OpenGLES2.0,因此没有内置矩阵管理或固定功能管道。模型View和投影矩阵需要在您自己的代码中完全管理,并在绘制时传递给着色器。如果您使用场景图或某种其他类似的场景管理系统,您真的不需要插入矩阵。您真正需要的只是一个好的矩阵和向量数学库。如果您仍然打算使用push和pop矩阵,您可以简单地使用一个矩阵数组,并编写像push和pop这样的函数,这些函数只需将您当前的矩阵保存到数组中,然后向下推送或弹出索引。如果您在过渡

javascript - Highcharts - 在鼠标位置绘制十字准线/工具提示而不是捕捉到数据点

Here(seethisjsfiddle)您可以看到二维十字准线正在捕捉到最接近它的数据点。您如何使十字线和工具提示与图表上的当前鼠标位置相对应?tooltip:{crosshairs:[true,true]} 最佳答案 jsFiddleSolution我最终绑定(bind)了自己的mousemove事件,以获得图表中不断变化的鼠标位置以获取十字准线。对于我刚刚使用的工具提示:tooltip:{shared:true,followPointer:true},这应该足以让您继续前进。 关于

javascript - 如何在 WebGL 中使用多个纹理?

我想在一个立方体上使用6种不同的纹理,每边一个,但找不到错误。这是我当前的代码:vartexturen=newArray();functioninitTexture(sFilename,texturen){varanz=texturen.length;texturen[anz]=gl.createTexture();texturen[anz].image=newImage();texturen[anz].image.onload=function(){gl.bindTexture(gl.TEXTURE_2D,texturen[anz]);gl.pixelStorei(gl.UNPACK

javascript - 如何为跟踪鼠标移动的动画添加惯性?

我正在尝试使用mouseMove事件围绕原点旋转三Angular形。我正在使用touchstart和touchmove事件获取触摸起点和当前触摸点,然后我'm使用以下方法轻松找到方向Angular:alpha=y2-y1/x2-x1;//alphaisthetangentoftheanglebeta=atan(alpha);//betaistheangleinradians然后我在PIXI中旋转元素:functionanimTriangle(beta){//initiallyclearthepreviousshapemyTriangle.clear();//drawanewshapei

javascript - 谷歌地图 v3 API 鼠标悬停与多边形。不工作

我正在尝试让鼠标悬停在googlemapsapiv3中处理多边形。我试过这篇文章中提供的答案:googlemapsv3APImouseoverwithpolygons?这个答案应该有效,但不适合我。谁能看出我辐条上的棍子?这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}GoogleMapsfunctioninitialize(){varmyLatlng=newgoogle.maps.LatLng(28,-81);varmyOptions={zoom:6,cen

javascript - 如何从 body 上的 onClick 事件中获取鼠标单击的绝对位置?

我正在尝试获取鼠标点击相对于浏览器/正文的绝对位置(顶部和左侧),不是正文中的任何父元素。我有一个绑定(bind)到主体的监听器,但e.pageX和e.pageY给我相对于div的位置。请注意,我可以利用jQuery和YUI函数。目前无法正常运行的代码://gettingthepositionfunction_handleClick(e){vardata={absX:e.pageX,absY:e.pageY};_logClickData(data);}//bindingthefunctionvarmethods={init:function(){$("body").click(_han

javascript - 检测鼠标方向

我正在尝试使用此代码来检测鼠标方向是向上还是向下:varmY=0;$('body').mousemove(function(e){mY=e.pageY;if(e.pageY但是这段代码并没有像我预料的那样工作。控制台日志始终显示“从顶部”有什么想法吗?demo 最佳答案 varmY=0;$('body').mousemove(function(e){//movingupwardif(e.pageY 关于javascript-检测鼠标方向,我们在StackOverflow上找到一个类似的问