草庐IT

basic-setup-with-three-boxes

全部标签

javascript - Three.js 透明度/差异

我是threejs的新手,我正在尝试制作一个简单的3d模型。尽管如此,自从我开始使用不透明度以来,我遇到了一些透明度/差异问题。我代码的重要部分在这里:varcylJaun=newTHREE.MeshNormalMaterial({color:0xFFFF00,opacity:1});varcylBleu=newTHREE.MeshNormalMaterial({color:0x0000FF,opacity:0.5});varcylJaun1=newTHREE.Mesh(newTHREE.CylinderGeometry(50,50,50,100,1,false),cylJaun);v

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - Three.js Object3d 圆柱体旋转对齐向量

我进行了广泛的搜索,但似乎无法弄清楚这个非常基本的东西。一两年前,我在stackoverflow和其他地方看到过其他示例,但它们无法与最新版本的Three.js一起使用。这是我正在处理的版本:http://medschoolgunners.com/sandbox/3d/.我试图让灰色圆锥与未标记的红色矢量完全对齐。IE。我希望圆锥体的尖端与矢量完全对齐,并从原点指向该方向。这是我现在的代码://FUNCTIONTOCREATEACYLINDERfunctioncreate_cylinder(radiusTop,radiusBottom,height,segmentsRadius,seg

javascript - three.js中如何获取顶点的绝对位置?

据我所知,varpoint=object.geometry.vertices[i];将返回x、y的相对位置对象几何内部点的code>和z。如果对象被移动、旋转或缩放,如何获得绝对位置? 最佳答案 首先确保对象的矩阵已经更新。object.updateMatrixWorld();渲染循环通常会为您调用它。然后,这样做:varvector=object.geometry.vertices[i].clone();vector.applyMatrix4(object.matrixWorld);矢量现在将包含世界坐标中的位置。你可能想读一些C

javascript - 引用错误 : Can't find variable: jQuery with Poltergeist/Capybara

我想做什么我正在尝试使用带有poltergeist的capybara通过此URL登录亚马逊......https://developer.amazon.com/rp/sales.html很简单,除了当我尝试提交表单时,出现错误...ReferenceError:找不到变量:jQuery...但是,jQuery的源代码在页面上并且应该已经加载。我用来登录的代码是这样的...visit"https://developer.amazon.com/rp/sales.html"fill_in('ap_email',with:user)fill_in('ap_password',with:pass

javascript - 使用 SVGRenderer 将图像渲染为 Three.js 中的节点(或以其他方式渲染球体)

我有一个SVG文档中的元素,我对其应用了给人一种它是一个球体的错觉:看起来像这样:JSFiddle我可以在three.js中呈现它WebGLRenderer使用GabeLerner'scanvglibrary的容器:/*sphere_assetisadivcontainingthesvgelement*/varred_svg_html=newString($('#sphere_asset').html());varred_svg_canvas=document.createElement("canvas");canvg(red_svg_canvas,red_svg_html);varr

javascript - typescript 2.1 with async/await 为 angularjs 生成 ES5/ES3 目标

我正在尝试在一个Angular1.5.5项目中使用async/await。鉴于此服务方式getDocumentTypes():angular.IPromise{varurl="api/document/types";this.$log.log(url);returnthis.$http.get(url).then(_=>_.data);}我正在尝试创建该方法的async/await版本。asyncgetDocTypes():angular.IPromise{~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~}}Intellisenseshowsanerror:TS1055

javascript - THREE.js 中的反光 Material

如何创建可以反射(reflect)场景中其他形状的Material?我已经尝试了reflectivity属性,但它没有反射(reflect)任何东西。Thereisanexamplethatseemstohavethiseffect它看起来不像是使用标准Material来创建的。 最佳答案 深入了解一下理论:反射基本上是从特定位置拍摄的场景图像。所以如果你想要一个平面网格作为镜子,你必须在那个位置添加一个相机,让它在动画循环中将场景渲染为纹理,然后在平面网格的Material中使用该纹理.我还建议查看http://stemkoski

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - Three.js - 未捕获的类型错误 : undefined is not a function

我在使用Three.js时遇到了UncaughtTypeError:undefinedisnotafunction。在我创建THREE.PerspectiveCamera的行中显示错误。脚本是window.requestAnimFrame=(function(callback){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnim