jjzjj

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 - 用于匹配用户名的正则表达式 : min 3 chars, 最多 20 个字符,字符之间可选下划线

我正在尝试匹配roblox用户名(遵循这些准则):最少3个字符最多20个字符最多1个下划线下划线不能在用户名的开头或结尾我在node.js版本10.12.0上运行。我当前的RegExp是:/^([a-z0-9])(\w)+([a-z0-9])$/i,但这不考虑1个下划线的限制。 最佳答案 你可以使用^(?=^[^_]+_?[^_]+$)\w{3,20}$参见ademoonregex101.com(有用于演示目的的换行符)分解为^#startofthestring(?=^#startofthestring[^_]+#notanunde

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

【蓝桥杯】——DS18B20模块

目录一、DS18B20基本概念(一)、DS18B20的基本概念(二)、DS18B20的基本信息二、DS18B20介绍(一)DS18B20内部存储结构(二)DS18B20系统配置寄存器数据格式 (三)DS18B20温度数据格式与处理(五)DS18B20的读/写时序(六)DS18B20的几个重要指令三、DS18B20的底层驱动代码四、DS18B10的应用 一、DS18B20基本概念(一)、DS18B20的基本概念DS18B20是Dallas公司生产的、具有one-Wire协议的数字式温度传感器,具有体积小,硬件开销低,抗干扰能力强,精度高的特点。one-Wire(单线制串行总线)是Dallas公司

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

javascript - Three.js更新纹理图片

我正在使用three.js创建一个minecraft纹理编辑器,类似于this.我只是想降低基本的点击和绘画功能,但我似乎无法弄清楚。我目前为每个立方体的每个面都有纹理,并通过使用以下函数制作着色器Material来应用它们。this.createBodyShaderTexture=function(part,update){sides=['left','right','top','bottom','front','back'];images=[];for(i=0;i然后,当用户单击网格上的任何位置时,纹理文件本身会使用Canvas进行更新。发生更新,但除非刷新页面,否则更改不会显示在

javascript - Mesh 在 three.js 中突然消失了。剪裁?

场景:在我的场景中,我实现了一个顶点着色器,它在相机位置的xz轴上定位一个平面网格。因此,如果相机移动,平面网格也会随之移动。这导致视觉效果,即在移动相机时,平面网格似乎保持固定在原地。这似乎工作正常。问题:如果我将相机(以及平面网格)移动到一定程度,网格就会突然消失。我意识到消失和平面的大小之间似乎有关系,即平面越大,在平面网格消失之前我可以移动相机的次数越多。此外,在我的测试场景中,平面网格仅在沿负x轴、正x轴或负z轴移动时消失。在正z轴上移动时它不会消失。我假设它与某种剪裁有关,但可能是错误的。重新计算平面网格的边界框没有效果。有什么想法吗?干杯fiddle:我创建了一个显示问题