草庐IT

line_three

全部标签

javascript - THREE.js:跨源资源共享策略拒绝跨源图像加载

我的Chrome版本是31.0.1650.57我正在学习THREE.js并从https://github.com/jeromeetienne/threex.planets/下载了一个行星示例但是当我运行earth.html时如标题所说,发生了一个奇怪的错误:THREE.WebGLRenderer59three.min.js:424Cross-originimageloaddeniedbyCross-OriginResourceSharingpolicy.earth.html:1UncaughtSecurityError:Failedtoexecute'getImageData'on'C

javascript - 如何使用 Three.js 检测 JavaScript 中两个对象之间的碰撞?

有很多用于碰撞检测的好东西,例如threex.colliders或此处关于问题的代码片段,但实际上大多数东西都是旧的(一些函数如multiplyVector3已更改,其他已删除。我有一个Object3D(Angular色模型)和一个世界(3D模型:汽车、树木、建筑物等)。我可以使用箭头键移动Angular色(在渲染循环中通过translateX/Y移动它。我想要的是Angular色模型和其他一切(地面和其他一些除外)之间的碰撞检测。所以我需要在Object3D(Angular色)和WorldObjects[](所有对象)之间进行碰撞检测。那么,现在可能有几种方法可以获得想要的结果,哪种

javascript - three.js r72 不再支持THREE.LinePieces,如何用THREE.LineSegments合并多条断开的线?

我刚刚更新到three.jsr72,我在控制台中收到以下关于THREE.LinePieces的警告...THREE.Line:parameterTHREE.LinePiecesnolongersupported.CreatedTHREE.LineSegmentsinstead.尽管有警告,这些线仍将显示为断开连接,但是,对于以下示例,如果我将THREE.LinePieces更新为THREE.LineSegments,则所有断开连接的线都会变为连接状态。varlineMaterial=newTHREE.LineBasicMaterial({color:0x000000,linewidth

javascript - Jslint "Line breaking error"

此代码段的JSLint验证1:functionfoo(){}2:3:foo(14:);5:6:foo(7:);给出这个错误:Error:Problematline3character5:Linebreakingerror')'.foo(1这是JSLint错误吗? 最佳答案 这不是错误。JSLint做的不仅仅是语法检查:它强制执行某些编码约定。如果您在启用“容忍草率换行”选项的情况下重新验证​​,您将不会收到错误。来自JSLintDocumentation:LineBreakingAsafurtherdefenseagainstthe

javascript - 使用 Bootstrap 模态 : bad line 的问题

我在我的网站上创建了一个打开模式的登录按钮。B/c我必须通过AJAX加载它的内容,我使用bootbox初始化一个。然后我将内容加载到我的模态中。但是应该在页脚顶部的线在中间。如果我尝试使用Firefox的开发工具复制最终的html,itworks.如果我取消链接所有样式表但bootstwatch的主题,同样的问题。这是js:$('#login').click(function(event){event.preventDefault();bootbox.dialog({message:'',title:"Pleaselogin",buttons:{'cancel':{label:'can

javascript - Three.js 中的渐进式加载/LOD/流式网格

我正在使用STL加载器将STL文件加载到three.js场景中。这些STL文件的范围从5mb到50mb。有没有一种方法可以让我在模型加载时逐步加载/流式传输/增加细节级别(不确定正确的术语),这样我的用户就不会在出现任何内容之前盯着空白屏幕几分钟?如果模型有20,000个三Angular形,three.js是否有一种方法可以先加载2,000个,然后再发展到完全详细的模型? 最佳答案 真正的渐进式加载/网格流并不是开箱即用的。不过这会很棒并且可行。它是在没有three.js的情况下使用POP缓冲区的WebGL完成的:http://x3

javascript - THREE.js - 未捕获的类型错误

我刚开始学习使用WebGL和THREE.js我按照YouTube上的教程进行操作,结果得到了以下代码。此代码应显示一个立方体和一个轴。但是,当我尝试显示包含此代码的页面时,出现Javascript错误。错误状态:UncaughtTypeError:this.updateMorphTargetsisnotafunction我不确定我做错了什么,但希望这里熟悉THREE.js的人可以帮助我。非常感谢您的宝贵时间。jQuery(document).ready(function($){varscene=newTHREE.Scene();varcamera=newTHREE.Perspectiv

javascript - ng-list with line break as textarea delimiter in AngularJS >1.3

我使用的是AngularJS1.3,其中ng-list的语法略有变化(例如,它不再支持正则表达式)我正在尝试指定一个换行符作为文本区域中ng-list的分隔符。但是它不能正常工作。我尝试将ng-list设置为ASCII换行符 但是问题来了。当内容被编辑时(即向文本区域内容添加一个字符),它开始在每个字符处中断。如何在AngularJS1.3中正确指定换行符作为ng-list的分隔符?plunker链接:http://plnkr.co/edit/F37yA0LRHQXMh4caP3A0 最佳答案 我们应该使用ng-trim="

javascript - ruby 轨道 : Render HTML partial as a one line of string

有没有办法将html.erb部分呈现为一行字符串?我正在尝试在javascript中呈现_foo.html.erb部分,这样我就可以将整个html文档用作字符串变量。我试过下面的代码:varfoo=""foo"%>";在_foo.html.erb中,假设我有以下内容:HelloWorld这种方式会在javascript中给我一个语法错误,因为部分中有CRLF。但是如果我写这样的代码...Hello"+"World现在,这不是javascript中的错误。我可以采用后一种方式,但如果部分包含大量带有ruby​​脚本的代码行,那将是一场灾难。还有其他方法吗?提前致谢。

javascript - THREE.JS 动画的最佳选择

three.js中动画(纹理动画、移动对象、隐藏/显示对象...)的最佳选项是什么?你使用额外的库吗?比如tween.js或者别的什么?谢谢。 最佳答案 Tween.js是流行的方式...查看文章:http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/ 关于javascript-THREE.JS动画的最佳选择,我们在StackOverflow上找到一个类似的问题: htt