WebGL如果不带脚本可以打包发布,带脚本发布就报错

最近单位做关于webgl的工作,经过努力,把PC和安卓端浏览器搞定了,然而到了IOS就不灵了,我尝试了用简单Cube,不加C#脚本的情况下,在浏览器中可以显示,可是加了脚本在浏览器中就不行了。原因现在还没弄清楚,哪位大神指点下,万分感谢!!!

未加脚本之前,在浏览器中正常显示;

这是添加了脚本之后,不能加载了

2个回答

哪个版本unity?现在新版的是不是不支持玩webgl了?

weixin_42198742
记得注释// unity2018.2.10,现在unity官方支持的
大约一年之前 回复

帮帮忙大神们,解决了我发红包,v2677505029,q2677505029

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts gl 地球仪webgl报错
错误提示如下: ![图片说明](https://img-ask.csdn.net/upload/201909/25/1569403290_379680.png) 出现情况不明,有时候一打开就报错,有时候数据加载十几分钟或几小时后报错。 火狐浏览器不会报错,但是谷歌会。
Unity 用SteamVR开发的项目,VR项目能不能发布成WebGL?
发布成功,但运行不了,报错如下,没看懂缺什么东西,那个Git的网站也打不开,有没有遇到相关问题的,![图片说明](https://img-ask.csdn.net/upload/201912/20/1576813413_667785.jpg)
unity发布webgl的问题
unity发布webgl,网页打开报错 有一个.mem文件找不到 不同的浏览器打开 错误的不一样,在移动端会有警告 说不支持webgl 但是有这方面的产品 希望有大牛能够提供一个相关的解决方案 在移动端浏览模型 可以有偿 邮箱18288731861@163.com
unity 发布webgl之后打开网页报错.mem文件找不到
如题,在打开之后http://www.alphavisual.cn/Huxing/Release/uxing.mem Failed to load resource: the server responded with a status of 404 (Not Found) 这是随便做的一个demo 发布webgl之后没有发现.mem文件 只有一个.memgz 虽然能正常运行 但是看着不舒服 而且不知道会不会有什么后遗症 有没有大佬知道的
javascript调用webgl脚本
本人公司以前在web里面用Unity3D暂时3D图,javascript可以这样调用里面的一个C#写的脚本 u.getUnity().SendMessage("scripts","functionName", "参数"); 现在公司改成了webgl3D显示,但是不会调用了,请问这回javascript怎么调用webgl里面C#写的方法
Unity Webgl 发布错误
在Unity Webgl 发布时,弹出以下错误,不知道是什么原因,请各位路过的大神帮我看看吧,谢谢啦 ![图片说明](https://img-ask.csdn.net/upload/201703/15/1489569119_300744.jpg)
Unity工程在发布WebGL后控制台显示“RuntimeError: invalid conversion to integer”
发布webGL后一直显示这个错误 百度半天没有合适的解决办法,下面是具体报错内容,希望会的大哥解读一下 ,谢谢 ![图片说明](https://img-ask.csdn.net/upload/201908/26/1566803417_726310.png)
路过的大神们,谁知道webgl公用函数库的链接啊,比如:cuon-utils.js和webgl-debug.js的链接,谢谢
路过的大神们,谁知道webgl公用函数库的链接啊,比如:cuon-utils.js和webgl-debug.js的链接,谢谢
使用echarts加载地图的时候,会报WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost的错
![图片说明](https://img-ask.csdn.net/upload/201905/28/1559025912_193324.png) 只有在setOption()的时候会出现这个报错,而且是偶现的,有的pc会出现,有的pc不会出现,用的chrome,是浏览器版本或配置的问题吗,还是代码的问题。 报这个错之后地图会显示不出来。
webgl中THREE.JS引用报错
我学习three.js的时候在SkinnedMesh.js文件中遇到这样的写法,请问这样是需要借助什么第三方工具来实现吗? 直接引用会报错。 Skeleton.js:1 Uncaught SyntaxError: Unexpected token import import { Mesh } from './Mesh'; import { Vector4 } from './Vector4'; import { Skeleton } from './Skeleton'; import { Bone } from './Bone'; import { Matrix4 } from './Matrix4';
WebGL 发布问题求帮助
An error occured running the Unity content on this page. See your browser JavaScript console for more info. The error was: uncaught exception: abort("To use dlopen, you need to use Emscripten's linking support, see https://github.com/kripken/emscripten/wiki/Linking") at jsStackTrace (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:27460) stackTrace (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:27631) abort (www09dxcom_1_0_171227181404.asm.framework.unityweb:4:34650) _dlopen (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:185080) pnu (blob:24:1) axu (blob:24:1) Sbu (blob:24:1) Dhg (blob:14:1) kEg (blob:14:1) eGg (blob:14:1) lJg (blob:14:1) QKg (blob:15:1) OKg (blob:15:1) cEp (blob:4:1) lRu (blob:24:1) invoke_iiii (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:359496) kVt (blob:24:1) KZt (blob:24:1) sqa (blob:13:1) qqa (blob:13:1) _jb (blob:21:1) Zjb (blob:21:1) efc (blob:20:1) GRb (blob:19:1) oeb (blob:21:1) _Ca (blob:13:1) NCa (blob:13:1) PQu (blob:24:1) browserIterationFunc (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:47998) runIter (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:51090) Browser_mainLoop_runner (www09dxcom_1_0_171227181404.asm.framework.unityweb:2:49535) If this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information. 这个怎么回事
webgl在做图形处理的时候如何挡住半边
公司的一个开源VR项目,现在已经实现了360度视频播放,目前准备实现180度视频播放,webgl实在是不精通,求懂的人给看一下。 下面的代码是播放360度视频的代码, 目前要做180度的,180度视频内容是左右的, 每一帧要处理两次,每次处理要遮挡住一边, 然后webgl畸变处理另外一边。 texSubImage2D和texCopyImage2D已经试过了,能成功,但是内存拷贝太占系统资源, 我们这个是播放4K影片的,用不了。 代码如下 webGL.gl = canvas.getContext("webgl"); /* video 是加载的一个本地视频流 */ gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, gl.RGB, gl.UNSIGNED_BYTE, video); /** * Drawing the scene */ drawOneEye: function(eye) { webGL.gl.useProgram(shader.program); webGL.gl.bindBuffer(webGL.gl.ARRAY_BUFFER, positionsBuffer); webGL.gl.vertexAttribPointer(shader.attributes['aVertexPosition'], 2, webGL.gl.FLOAT, false, 0, 0); // Specify the texture to map onto the faces. webGL.gl.activeTexture(webGL.gl.TEXTURE0); webGL.gl.bindTexture(webGL.gl.TEXTURE_2D, texture); webGL.gl.uniform1i(shader.uniforms['uSampler'], 0); var projectionInverse = mat4.create(); mat4.invert(projectionInverse, eye.projectionMatrix); var inv = mat4.create(); mat4.multiply(inv, rotation, projectionInverse); webGL.gl.uniformMatrix4fv(shader.uniforms['proj_inv'], false, inv); // Draw webGL.gl.bindBuffer(webGL.gl.ELEMENT_ARRAY_BUFFER, verticesIndexBuffer); webGL.gl.drawElements(webGL.gl.TRIANGLES, 6, webGL.gl.UNSIGNED_SHORT, 0); }, 详细的代码在https://github.com/vrzome
android webview 加载 基于webgl + three.js 的3D图形网页问题
html 网页中用webgl + three.js画了几个3D的方块。android测试程序中,使用 webview控件加载该html网页。代码如下: private WebView m_Webgl3D_WV; private WebSettings m_WebSettings; @SuppressLint("SetJavaScriptEnabled") @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); m_Webgl3D_WV = (WebView)this.findViewById(R.id.webgl3D_WV); m_WebSettings = m_Webgl3D_WV.getSettings(); m_WebSettings.setJavaScriptEnabled(true); String url = "file:///android_asset/webgl_test1.html"; //url = "http://10.2.3.104:8086/webgl_test1.html"; m_Webgl3D_WV.loadUrl(url); } 分别测试了本地加载html文件和远程加载html文件两种方式。在华为手机mate8(EMUI4.0 android 6.0)上测试,能够正常显示3D图形。但是在华为平板电脑m2-801w(EMUI3.1 android 5.1.1)上测试,正常加载网页,但是不显示3D图。在联想的一款平板电脑(android 4.4.4)上测试,能够正常显示3D图形。 请问华为平板电脑m2-801w对webgl的支持需要做什么特殊的设置吗?从代码层面或系统设置中怎样解决该问题。
解决android 5.0+ 部分机型webview 无法加载WebGL页面的问题
android原生的系统自5.0之上是使用WebView控件是可以支持WebGL的, 但是有些手机生产商定制的android系统就算是5.0往上也不支持webgl了, 请问怎么解决?更改内核怎么更改?有哪些自定义WebView?或者其他的方法?
Webgl画6个颜色不同的面的正方体
学WebGL的时候照着书上打了一段代码,结果发现运行到网页上只有背景颜色,没有正方体,看控制台也没有错误信息输出,实在是不知道哪里错了... js的代码 var VSHADER_SOURCE= 'attribute vec4 a_Position;\n'+ 'attribute vec4 a_Color;\n'+ 'uniform mat4 u_MvpMatrix;\n'+ 'varying vec4 v_Color;\n'+ 'void main(){\n'+ ' gl_Position=u_MvpMatrix*a_Position;\n'+ ' v_Color=a_Color;\n'+ '}\n'; var FSHADER_SOURCE= '#ifdef GL_ES\n'+ 'precision mediump float;\n'+ '#endif\n'+ 'varying vec4 v_Color;\n'+ 'void main(){\n'+ ' gl_FragColor=v_Color;\n'+ '}\n'; function main(){ var canvas =document.getElementById('webgl'); var gl=getWebGLContext(canvas); if(!gl){ console.log('Failed to get the rendering context for WebGL'); return; } // Initialize shaders if (!initShaders(gl, VSHADER_SOURCE, FSHADER_SOURCE)) { console.log('Failed to intialize shaders.'); return; } // Set the vertex information var n = initVertexBuffers(gl); if (n < 0) { console.log('Failed to set the vertex information'); return; } // Set the clear color and enable the depth test gl.clearColor(0.0, 0.0, 0.0, 1.0); gl.enable(gl.DEPTH_TEST); var u_MvpMatrix=gl.getUniformLocation(gl.program,'u_MvpMatrix'); if(!u_MvpMatrix){ console.log('fail to get the storage Location of u_MvpMatrix'); return ; } var mvpMatrix=new Matrix4(); mvpMatrix.setPerspective(30,1,1,100);//设置透明投影可视空间 mvpMatrix.lookAt(3,3,7,0,0,0,1,0);//创建视图矩阵 //传递数据 gl.uniformMatrix4fv(u_MvpMatrix,false,mvpMatrix.elements); gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT); gl.drawElements(gl.TRIANGLES,n,gl.UNSIGNED_BYTE,0); console.log(''+n); } function initVertexBuffers(gl) { // Create a cube // v6----- v5 // /| /| // v1------v0| // | | | | // | |v7---|-|v4 // |/ |/ // v2------v3 //创建方式创建6个面,对每个面的顶点指定相同的颜色 var vertices = new Float32Array([ // Vertex coordinates 1.0, 1.0, 1.0, -1.0, 1.0, 1.0, -1.0,-1.0, 1.0, 1.0,-1.0, 1.0, // v0-v1-v2-v3 front 1.0, 1.0, 1.0, 1.0,-1.0, 1.0, 1.0,-1.0,-1.0, 1.0, 1.0,-1.0, // v0-v3-v4-v5 right 1.0, 1.0, 1.0, 1.0, 1.0,-1.0, -1.0, 1.0,-1.0, -1.0, 1.0, 1.0, // v0-v5-v6-v1 up -1.0, 1.0, 1.0, -1.0, 1.0,-1.0, -1.0,-1.0,-1.0, -1.0,-1.0, 1.0, // v1-v6-v7-v2 left -1.0,-1.0,-1.0, 1.0,-1.0,-1.0, 1.0,-1.0, 1.0, -1.0,-1.0, 1.0, // v7-v4-v3-v2 down 1.0,-1.0,-1.0, -1.0,-1.0,-1.0, -1.0, 1.0,-1.0, 1.0, 1.0,-1.0 // v4-v7-v6-v5 back ]); var colors = new Float32Array([ // Colors 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, // v0-v1-v2-v3 front(blue) 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, // v0-v3-v4-v5 right(green) 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, 1.0, 0.4, 0.4, // v0-v5-v6-v1 up(red) 1.0, 1.0, 0.4, 1.0, 1.0, 0.4, 1.0, 1.0, 0.4, 1.0, 1.0, 0.4, // v1-v6-v7-v2 left 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, // v7-v4-v3-v2 down 0.4, 1.0, 1.0, 0.4, 1.0, 1.0, 0.4, 1.0, 1.0, 0.4, 1.0, 1.0 // v4-v7-v6-v5 back ]); //通过索引找到对应点位,这种方式好像只是为了减小画的点个数 var indices = new Uint8Array([ // Indices of the vertices 0, 1, 2, 0, 2, 3, // front 4, 5, 6, 4, 6, 7, // right 8, 9,10, 8,10,11, // up 12,13,14, 12,14,15, // left 16,17,18, 16,18,19, // down 20,21,22, 20,22,23 // back ]); var indexBuffer=gl.createBuffer(); if(!indexBuffer) return -1; if(!initArrayBuffer(gl,vertices,3,gl.FLOAT,'a_Position')) { return -1; } if(!initArrayBuffer(gl,colors,3,gl.FLOAT,'a_Color')){ return -1; } //将索引写入缓冲区 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,indexBuffer); gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,indices,gl.STATIC_DRAW); return indices.length; } //定义缓冲区对象的创建,绑定,数据写入,开启等操作 function initArrayBuffer(gl,data,num,type,attribute){ var buffer=gl.createBuffer(); if(!buffer){ console.log('fail to create a buffer'); return false; } gl.bindBuffer(gl.ARRAY_BUFFER,buffer); gl.bufferData(gl.ARRAY_BUFFER,data,gl.STATIC_DRAW); // Assign the buffer object to the attribute variable var a_attribute = gl.getAttribLocation(gl.program, attribute); if (a_attribute < 0) { console.log('Failed to get the storage location of ' + attribute); return false; } gl.vertexAttribPointer(a_attribute, num, type, false, 0, 0); // Enable the assignment of the buffer object to the attribute variable gl.enableVertexAttribArray(a_attribute); return true; } html的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Draw cube with specification of face color</title> </head> <body onload="main()"> <canvas id="webgl" width="400" height="400"> Please use a browser that supports "canvas" </canvas> <script src="../lib/webgl-utils.js"></script> <script src="../lib/webgl-debug.js"></script> <script src="../lib/cuon-utils.js"></script> <script src="../lib/cuon-matrix.js"></script> <script src="ColoredCube.js"></script> </body> </html> 希望哪位前辈有时间的帮我看看哪里出错了...谢谢了
各位大神们,谁知道怎样通过three.js导入外部3d模型,然后可以拖动模型,并且模型的一部分不能被单独拖动,这个问题困扰我很多天,现在还是没办法解决,求助各位大神了,万分感谢!
各位大神们,我现在可以导入3d模型,并且这个模型可以拖动,但是一部分模型被单独拖动,其他模型不动,代码如下: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽控件</title> <style> body { margin: 0; overflow: hidden; } #label { position: absolute; padding: 10px; background: rgba(255, 255, 255, 0.6); line-height: 1; border-radius: 5px; } </style> <script src="js/three.js"></script> <script src="js/jquery-1.9.1.js"></script> <script src="js/Detector.js"></script> <script src="js/TrackballControls.js"></script> <script src="js/dat.gui.min.js"></script> <script src="js/stats.min.js"></script> <script src="js/OBJLoader.js"></script> <script src="js/FBXLoader.js"></script> <script src="js/inflate.min.js"></script> <!--拖拽控件--> <script src="js/DragControls.js"></script> <!--可视化平移控件--> <script src="js/TransformControls.js"></script> </head> <body> <div id="WebGL-output"></div> <div id="Stats-output"></div> <div id="label"></div> <script> var objects=[]; var stats = initStats(); var scene, camera, renderer, controls, light, selectObject; // 场景 function initScene() { scene = new THREE.Scene(); } // 相机 function initCamera() { camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000); camera.position.set(0, 400, 600); camera.lookAt(new THREE.Vector3(0, 0, 0)); } // 渲染器 function initRenderer() { if (Detector.webgl) { renderer = new THREE.WebGLRenderer({antialias: true}); } else { renderer = new THREE.CanvasRenderer(); } renderer.setSize(window.innerWidth, window.innerHeight); renderer.setClearColor(0x050505); document.body.appendChild(renderer.domElement); } // 初始化模型 function initContent() { var helper = new THREE.GridHelper(1800, 50, 0x4A4A4A); helper.setColors(0x9370DB); scene.add(helper); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/windmill.obj", function ( group ) { group.position.x=400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groups" scene.add( group ); objects.push(group); } ); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/low.obj", function ( group ) { group.position.x=-400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groupss"; scene.add( group ); objects.push(group); } ); var loader = new THREE.FBXLoader(); //Samba Dancing idle_2 loader.load( 'moder/fbx/pipeline.fbx', function ( object ) { //console.log(object); object.scale.set(1,1,1); scene.add( object ); objects.push(object); mixers=object.mixer = new THREE.AnimationMixer( object ); var action = object.mixer.clipAction( object.animations[0]); action.play(); object.traverse( function ( child ) { if ( child.isMesh ) { child.castShadow = true; child.receiveShadow = true; } } ); console.log(object); } ); /*var cubeGeometry = new THREE.BoxGeometry(100, 100, 100); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x9370DB}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); cube.position.x = -600; cube.position.y = 50; cube.name = "cubes"; scene.add(cube); var sphereGeometry = new THREE.SphereGeometry(50, 50, 50, 50); var sphereMaterial = new THREE.MeshLambertMaterial({color: 0x3CB371}); var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial); sphere.position.x = 200; sphere.position.y = 50; sphere.name = "sphere"; // sphere.position.z = 200; scene.add(sphere); var cylinderGeometry = new THREE.CylinderGeometry(50, 50, 100, 100); var cylinderMaterial = new THREE.MeshLambertMaterial({color: 0xCD7054}); var cylinder = new THREE.Mesh(cylinderGeometry, cylinderMaterial); cylinder.position.x = -200; cylinder.position.y = 50; cylinder.name = "cylinder"; scene.add(cylinder);*/ } console.log(objects); // 鼠标双击触发的方法 function onMouseDblclick(event) { // 获取 raycaster 和所有模型相交的数组,其中的元素按照距离排序,越近的越靠前 var intersects = getIntersects(event); // 获取选中最近的 Mesh 对象 if (intersects.length != 0 && intersects[0].object ) { selectObject = intersects[0].object.parent; changeMaterial(selectObject); console.log(changeMaterial); } else { alert("未选中 Mesh!"); } } // 获取与射线相交的对象数组 function getIntersects(event) { event.preventDefault(); console.log("event.clientX:" + event.clientX) console.log("event.clientY:" + event.clientY) // 声明 raycaster 和 mouse 变量 var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); // 通过鼠标点击位置,计算出 raycaster 所需点的位置,以屏幕为中心点,范围 -1 到 1 mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; //通过鼠标点击的位置(二维坐标)和当前相机的矩阵计算出射线位置 raycaster.setFromCamera(mouse, camera); // 获取与射线相交的对象数组,其中的元素按照距离排序,越近的越靠前 var intersects = raycaster.intersectObjects(scene.children); var intersects=intersects.parent; console.log(intersects); //返回选中的对象 return intersects; } // 窗口变动触发的方法 function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } // 键盘按下触发的方法 function onKeyDown(event) { switch (event.keyCode) { case 13: initCamera(); initControls(); break; } } // 改变对象材质属性 function changeMaterial(object) { var material = new THREE.MeshLambertMaterial({ color: 0xffffff * Math.random(), transparent: object.material.transparent ? false : true, opacity: 0.8, }); object.material = material; } // 初始化轨迹球控件 function initControls() { controls = new THREE.TrackballControls(camera, renderer.domElement); // controls.noRotate = true; controls.noPan = true; // 视角最小距离 controls.minDistance = 1000; // 视角最远距离 controls.maxDistance = 5000; } // 添加拖拽控件 function initDragControls() { // 添加平移控件 var transformControls = new THREE.TransformControls(camera, renderer.domElement); scene.add(transformControls); // 过滤不是 Mesh 的物体,例如辅助网格 //var objects = []; /*for (let i = 0; i < scene.children.length; i++) { if (scene.children[i].isMesh) { objects.push(scene.children[i]); } //objects.push(object[i].parent); }*/ // 初始化拖拽控件 var dragControls = new THREE.DragControls(objects, camera, renderer.domElement); // 鼠标略过事件 dragControls.addEventListener('hoveron', function (event) { // 让变换控件对象和选中的对象绑定 transformControls.attach(event.object); }); // 开始拖拽 dragControls.addEventListener('dragstart', function (event) { controls.enabled = false; }); // 拖拽结束 dragControls.addEventListener('dragend', function (event) { controls.enabled = true; }); console.log(objects.length); } // 初始化灯光 function initLight() { light = new THREE.SpotLight(0xffffff); light.position.set(-300, 600, -400); light.castShadow = true; scene.add(light); scene.add(new THREE.AmbientLight(0x5C5C5C)); } // 初始化 dat.GUI function initGui() { // 保存需要修改相关数据的对象 gui = new function () { } // 属性添加到控件 var guiControls = new dat.GUI(); } // 初始化性能插件 function initStats() { var stats = new Stats(); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); return stats; } // 更新div的位置 function renderDiv(object) { // 获取窗口的一半高度和宽度 let halfWidth = window.innerWidth / 2; let halfHeight = window.innerHeight / 2; // 逆转相机求出二维坐标 let vector = object.position.clone().project(camera); // 修改 div 的位置 $("#label").css({ left: vector.x * halfWidth + halfWidth, top: -vector.y * halfHeight + halfHeight - object.position.y }); // 显示模型信息 //$("#label").text("name:" + object.name); } // 更新控件 function update() { stats.update(); controls.update(); controls.handleResize(); //transformControls.update(); } // 初始化 function init() { initScene(); initCamera(); initRenderer(); initContent(); initLight(); initControls(); initGui(); initDragControls(); // addEventListener('dblclick', onMouseDblclick, false); addEventListener('resize', onWindowResize, false); addEventListener('keydown', onKeyDown, false); } function animate() { if (selectObject != undefined && selectObject != null) { renderDiv(selectObject); } requestAnimationFrame(animate); renderer.render(scene, camera); update(); } init(); animate(); </script> </body> </html> ``` 一部分模型被单独拖动的效果如下: ![图片说明](https://img-ask.csdn.net/upload/201911/04/1572863955_100421.png) 然后我再修改当鼠标略过事件: ![图片说明](https://img-ask.csdn.net/upload/201911/04/1572864098_336978.png) 整个模型可以一起被拖动,但是模型混乱:效果图如下: ![图片说明](https://img-ask.csdn.net/upload/201911/05/1572916540_633061.png) 希望路过的好心人帮帮忙,万分感谢!!!!!!
webgl、three.js中网格模型变形问题
用webgl,three.js,怎样对STL或OBJ这些三角网格模型进行实时网格变形?
求教UnityWebGL发布如何实现视频播放
要实现在网页播放视频,但是不管是mp4还是ogv格式的视频,我打包发布都不能播放, 网上查了一个星期了,还是一无所获,有个插件Simple MovieTextures for Unity WebGL, 研究了代码里面有个方法Texture.GetNativeTexturePtr,这个方法返回个intptr,这个东西不会用, 那个插件原本用的方法GetNativeTextureID()弃用了,返回值是int。 另外网上好多WebGL的教学(three.js),但我会的是C#,而且公司也不可能给我那么多时间重学一门新技术, 请教各位大神如何实现,我可以付费只为实现这一个功能,加企鹅397831334
THREE.js 为new THREE.Geometry()添加带有map纹理的材质时报错
```javascript var geo=new THREE.Geometry(); for(var i=0;i<_vertex.length;i++){ var _n=_vertex[i]; //_vertex顶点数组:[[x1,y1,z1],[x2,y2,z2]...] geo.vertices.push(new THREE.Vector3(_n[0],_n[1],_n[2])); } for(var i=0;i<_faces.length;i++){ var _n=_faces[i]; //_faces面数组[[1,2,3],[4,5,6]] geo.faces.push(new THREE.Face3(_n[0],_n[1],_n[2])); } geo.computeFaceNormals(); geo.computeVertexNormals(); geo.computeBoundingSphere(); var mesh=new THREE.Mesh(geo,phongMtr); ``` 当phongMtr不含有纹理贴图时,则没有问题: ```javascript phongMtr = new THREE.MeshPhongMaterial({"color":0xffffff,"specular":0xffffff,"shininess":10}); ``` 一旦引入纹理贴图,即下段代码,就会报错。 ```javascript var _map = THREE.ImageUtils.loadTexture("../../static/3d/mtr01.jpg"); phongMtr = new THREE.MeshPhongMaterial({"color":0xffffff,"specular":0xffffff,"shininess":10,"map":_map}); ``` 错误信息: Error: WebGL: texImage2D: Conversion requires pixel reformatting. three.min.js:561:283 Error: WebGL: drawElements: bound vertex attribute buffers do not have sufficient size for given indices from the bound element array three.min.js:552:87 Error: WebGL: No further warnings will be reported for this WebGL context. (already reported 32 warnings)
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载 点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。 ...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
JDK12 Collectors.teeing 你真的需要了解一下
前言 在 Java 12 里面有个非常好用但在官方 JEP 没有公布的功能,因为它只是 Collector 中的一个小改动,它的作用是 merge 两个 collector 的结果,这句话显得很抽象,老规矩,我们先来看个图(这真是一个不和谐的图????): 管道改造经常会用这个小东西,通常我们叫它「三通」,它的主要作用就是将 downstream1 和 downstre...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
GitHub标星近1万:只需5秒音源,这个网络就能实时“克隆”你的声音
作者 | Google团队 译者 | 凯隐 编辑 | Jane 出品 | AI科技大本营(ID:rgznai100) 本文中,Google 团队提出了一种文本语音合成(text to speech)神经系统,能通过少量样本学习到多个不同说话者(speaker)的语音特征,并合成他们的讲话音频。此外,对于训练时网络没有接触过的说话者,也能在不重新训练的情况下,仅通过未知...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
【管理系统课程设计】美少女手把手教你后台管理
【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,现如今各大云服务平台横空出世,市面上有许多如学生信息系统、图书阅读系统、停车场管理系统等的管理系统,而本人家里就有人在用烟草销售系统,直接在网上完成挑选、购买与提交收货点,方便又快捷。 试想,若没有烟草销售系统,本人家人想要购买烟草,还要独自前往药...
4G EPS 第四代移动通信系统
目录 文章目录目录4G 与 LTE/EPCLTE/EPC 的架构E-UTRANE-UTRAN 协议栈eNodeBEPCMMES-GWP-GWHSSLTE/EPC 协议栈概览 4G 与 LTE/EPC 4G,即第四代移动通信系统,提供了 3G 不能满足的无线网络宽带化,主要提供数据(上网)业务。而 LTE(Long Term Evolution,长期演进技术)是电信领域用于手机及数据终端的高速无线通...
相关热词 c# clr dll c# 如何orm c# 固定大小的字符数组 c#框架设计 c# 删除数据库 c# 中文文字 图片转 c# 成员属性 接口 c#如何将程序封装 16进制负数转换 c# c#练手项目
立即提问