草庐IT

three_line_gen

全部标签

javascript - three.js 二维文本 Sprite 标签

我是three.js的新手并且有一些属于2D文本的问题:我想要的:我想要一些标签,例如。x、y和z轴。标签应始终朝向相机。也许稍后他们应该只显示,如果他们悬停但那是另一个话题。我的问题是什么我找到了这个教程(这正是我想要达到的效果|http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html),但它适用于使用varspriteAlignment=THREE.SpriteAlignment.topLeft;等方法的旧版本three.js。我找到了这个解决方法(THREE.SpriteAlignmentshowingupasunde

javascript - Three.js: 获取相机正在看的方向

我正在使用html5和THREE.js创建游戏,并且我有一个以“YXZ”的欧拉顺序旋转的相机。这就是相机像头一样上下左右旋转。如第一人称视角。使用此欧拉顺序,不使用camera.rotation中的z属性(始终为0)。x用于指定以弧度为单位的俯仰或纬度,y用于描述经度。我有许多目标以球形方式围绕用户移动,相机始终位于该球体的中心。假设球体的半径为1000。我的目标是计算相机正在寻找的位置与目标所在位置之间的Angular。我写了这段代码来计算两个向量之间的Angular:varA=newTHREE.Vector3(1,0,0);varB=newTHREE.Vector3(0,1,0);

javascript - 在 innerHTML 中添加一个 "new line"

我正在尝试创建一个表格,其中第一个单元格中包含图像,第二个单元格中包含有关图片的信息。我需要在一个单元格中添加不同的信息,像这样:cellTwo.innerHTML=arr_title[element]+arr_tags[element];是否可以在那里添加“新行”?我的意思是:cellTwo.innerHTML=arr_title[element]+"/n"+arr_tags[element]; 最佳答案 最简单的方法是在html中添加一个换行符cellTwo.innerHTML=arr_title[element]+""+arr

javascript - 限制 Three.js 中的帧速率以提高性能,requestAnimationFrame?

我在想,对于我做的一些项目,60fps并不是完全需要的。我想我可以拥有更多以30fps运行的对象和东西,如果我能让它以该帧速率平稳运行的话。我想如果我在three.js中编辑requestAnimationFrameshim,我可以那样将它限制为30。但我想知道是否有更好的方法使用提供的three.js本身来做到这一点。另外,这会给我带来我所想的那种性能提升吗?我能否以30fps渲染两倍于60fps的物体?我知道以30帧和60帧运行时的区别,但我能否让它以恒定的30fps平稳运行?我通常使用WebGLRenderer,并在需要时回退到Canvas,除非是专门针对某个项目的项目,通常是w

javascript - Three.js 全屏问题

我已经通读了Three.jsAPI,通读了StackOverflow上的问题,我已经使用firebug和chrome的调试器调试了代码,我已经删除了所有可能的内容,但我仍然觉得这很烦人全屏错误,其中渲染器视口(viewport)大于我的屏幕,从而导致出现滚动条。这是一个不影响渲染或其他操作的可见错误,我只是想控制视口(viewport)的大小,使其与可用的屏幕空间相匹配,而不会出现滚动条。我在Windows7上使用GoogleChrome18,我刚刚开始使用Three.jsAPI,但我过去使用过OpenGL之类的东西,所以图形API并不陌生。当我尝试运行此代码时(这是github主页上

html - 如何: "Separate table rows with a line"

我有一个包含表格行的基本HTML表格。我的目标是用可见线分隔这些表格行(为了更好地阅读内容)。我该怎么做? 最佳答案 有几种方法可以做到这一点。单独使用HTML,您可以编写或者,如果您想要在第一行上方和最后一行下方也添加边框,不过,这相当不灵活;你不能,例如使线条以这种方式点缀,或比一个像素粗。这就是为什么过去人们使用特殊的分隔行,只包含一些旨在生成一行的内容(它有点脏,尤其是当你需要制作行时,例如只有几个像素高,但这是可能的)。在大多数情况下,人们现在使用CSSborder属性来达到目的。它相当简单且跨浏览器。但请注意,要使线条连

html - Chrome 上的文本输入 : line-height seems to have a minimum

我试图在Chrome中使用相同的值、带占位符的文本输入和跨度来设置文本输入的样式。具体来说,我想独立于字体大小来控制行高。但是,输入值似乎有某种最小行高(或引起类似影响的东西),这似乎以某种方式将文本向下推,从而阻止了相同的样式。示例HTML:TextCSS:div{line-height:50px;font-family:Arial;}input,span{font-size:50px;line-height:50px;height:50px;width:100px;padding:0;min-height:0;display:inline-block;font-family:inh

android - Android模拟器没有启动,显示 "invalid command-line parameter"

我在Eclipse中做了一个简单的“HelloWorld”程序.我没有向Java文件添加任何内容,只在文件main.xml中添加了一个TextView作为//main.xmlfile现在当我运行我的程序时,它会在控制台中显示以下内容。//consoleoutput[2011-07-1007:10:22-demo]------------------------------[2011-07-1007:10:22-demo]AndroidLaunch![2011-07-1007:10:24-demo]adbisrunningnormally.[2011-07-1007:10:24-demo

android - Android模拟器没有启动,显示 "invalid command-line parameter"

我在Eclipse中做了一个简单的“HelloWorld”程序.我没有向Java文件添加任何内容,只在文件main.xml中添加了一个TextView作为//main.xmlfile现在当我运行我的程序时,它会在控制台中显示以下内容。//consoleoutput[2011-07-1007:10:22-demo]------------------------------[2011-07-1007:10:22-demo]AndroidLaunch![2011-07-1007:10:24-demo]adbisrunningnormally.[2011-07-1007:10:24-demo

iphone - three20 和 iOS 6 不工作

我只是在尝试我的一个项目,其中包含Three20,它似乎无法编译/给我构建错误。似乎是因为某些UITouch界面发生了变化。想知道是否有快速修复方法?问题似乎出在这里:UITouchivarshavebeenremovedoftheiOS6SDKheaders:privateAPIaccessinUIViewAdditionsbreaksthebuildoniOS6. 最佳答案 ThispatchonGitHub似乎它在iOS6下使用Three20时解决了这个问题。补丁基本上是更新src/Three20UI/Headers/UIVi