草庐IT

direct3d12

全部标签

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - Angular Directive(指令) : It's possible testing that certain characters are rejected in a keypress event?

我一直在构建一个指令来限制用户按下某些无效字符,在这种情况下,使用keypress事件绑定(bind)到使用我的指令的输入元素。我一直在尝试测试此功能,但我不明白如何实现。我的指令angular.module('gp.rutValidator').directive('gpRutValidator',directive);directive.$inject=['$filter'];functiondirective($filter){varddo={restrict:'A',require:'ngModel',link:linkFn};returnddo;functionlinkFn(

javascript - 未捕获的 TypeError : Can't add property 12, 对象不可扩展

我似乎无法理解我在客户端应用程序中遇到的错误。我正在订阅graphql订阅,我能够检索更新,但我无法将更改推送到绑定(bind)到View的名为“models:ModelClass[]”的typescript数组。我是否遗漏或做错了什么?models.component.tsthis.apollo.subscribe({query:gql`subscription{newModelCreated{_idnametypetrain_statusdeploy_statusdata_pathdescriptioncreated_atupdated_at}}`}).subscribe((dat

javascript - Ruby on Rails 和 Javascript 确认 Safari 12 中的弹出窗口

在我的Rails应用程序中,我有很多这样的链接:link_to"Destroy",project_path,:method=>:delete,:data=>{:confirm=>"Areyousure?"}用于触发Javascript弹出窗口的confirm数据属性(在大多数浏览器中仍然如此)。但是,在Safari12中,这些弹出窗口似乎不再起作用。我得到的不是实际的弹出窗口,而是旋转的风车(错误消息在这里会很有帮助,Apple!)。我的浏览器控制台或Rails日志中也没有报告任何错误。如何解决这个问题?P.S.:我的Rails版本是5.1.4 最佳答案

javascript - 将鼠标坐标转换为 3D 平面图

我正在使用javascript/jquery(基于DOM,而非Canvas)构建某种拖放应用程序。想法是能够在3D场景上拖动div(在3D中旋转的div)。它在2D平面上工作,问题是当我在3D中旋转场景时,对象位置不反射(reflect)实际鼠标位置,而是在3D中转换的坐标示例:EXEMPLEONJSFIDDLE我希望对象相对于鼠标的绝对位置移动。我这样计算鼠标位置:document.addEventListener(gestureMove,function(event){if(mouseDown==true){event.preventDefault();moveX=(event.p

javascript - Angular Directive(指令) mouseenter/mouseleave 工作但在 mouseleave 后不设置为初始状态

我有一个指令在模板上显示学生信息列表,然后在鼠标输入时显示其他学生信息。我希望能够返回到mouseleave的初始状态。尝试了所有资源,但运气不佳。html-这是我注入(inject)指令的地方html指令模板Name:{{student.name.first}}{{student.name.last}}Bio:{{student.Bio}}Skills:{{skill.title}}指令app.directive('portfolioView',function(){return{restrict:'E',scope:{student:"="},templateUrl:'/html-

javascript - 3D对象的ThreeJS 2D边界框

我需要找出我的3D对象在屏幕上使用的区域。我尝试通过Google寻找答案,但没有成功。geometry.computeBoundingBox()函数仅返回3D边界框。如何将其转换为2D边界框? 最佳答案 您只需将所有顶点转换为屏幕空间并从中创建一个2D边界框:functioncomputeScreenSpaceBoundingBox(mesh,camera){varvertices=mesh.geometry.vertices;varvertex=newTHREE.Vector3();varmin=newTHREE.Vector3(

javascript - 3d 框网格(只有两个面)

我有一个只有两个面(正面和底部)的3d盒子网格。每个盒子都有自己的视角。悬停时,框旋转;底面朝前。例如:.grid{display:flex;flex-direction:row;flex-wrap:wrap;width:1000px;margin:50pxauto;}.box-wrapper{width:25%;height:250px;perspective:1000px;}.box{width:100%;height:100%;position:relative;transition:transform.5s;transform-style:preserve-3d;}.box.f

即将学习3D建模看过来,超高性价比电脑推荐

虽说建模还是台式最好,但是需要外出或者带回家工作的时候还是不方便的❌,咱们来看下怎么挑~我们使用的建模软件为3DsMax、maya、zbrush等建模的时候,对显卡和内存的要求较高🉐显卡越好,模型面数多了也不会太卡顿✅当使用Vary插件渲染,此时CPU就开始发挥作用了CPU越好,渲染越快✅1⃣游戏本的预算是多少?🔅入门级:价格在5-6k左右即可🔅进阶级:价格在7.5k-1w往上,需要的显卡和CPU配置更高2⃣选购看哪些参数?🔅一先看显卡,好的独显更重要一些,再来看散热,续航,屏幕🖥以及接口数量等,接口是越多越好,方便外接机械键盘⌨和鼠标🖱,工作中就使用更多🔅显卡看型号📱,同时也要看显卡的几个数

Unity3D粒子系统之制作烟雾特效

Unity3D粒子系统制作烟雾特效本文将会介绍如何使用Unity内的粒子系统制作烟雾效果。如果想了解Unity粒子系统中的基础属性,可以看这篇博客:Unity3D粒子系统之基础属性介绍先附上预览图:制作教程材质贴图首先我们需要一张烟雾材质用的材质贴图,我是自己画的,可以参考下图自己画一张或者去网上找素材。注意,一定要使用黑底的图片。将画好的图片导入Unity中。烟雾材质在Project窗口新键材质,名字和位置随自己习惯。Shader模式选择LegacyShaders/Particles/Additive,将之前导入的贴图拖入ParticleTexture中,如下图所示。这样需要用到的材质就创建