webgl的日常学习
bianbianbian1
webgl初学者! GISer
展开
-
idea开发工具 vue+cesium+webpack的环境配置(helloworld)
准备工作及环境node 及npm ;1.新建一个项目名vueCesium;idea 打开至该目录;2.利用terminal,执行命令npm install vue-cli -g;全局安装vue-cli3.vue-cli安装完成,继续利用terminal,执行命令vue init webpack cesiumVue(自己命名的项目名)到上面这一步,已经完成项目新建,idea...原创 2020-01-09 18:20:49 · 1383 阅读 · 2 评论 -
WEBGL之将3D模型转成json格式步骤(附待解决问题)
按道理来说,转成Json格式的好处很多。。。。。但是作为刚刚入门技术的小白,很是心累。下面附上关于blender转成Json 的方法。(参考于three.js入门开发指南,但有更新改动,已经标注)。。。。。。。。。。。。。。。。。。。。。。。。。华丽的分割线。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。以上步骤已经对obj、原创 2017-06-18 14:33:12 · 18659 阅读 · 1 评论 -
webgl之创建三维文本,重点是实现中文字体的输出
首先,你要拥有将ttf格式的字体(网上随便找个ttf的字体吧),转换成js文件。当然只还得依靠于gihub提供的插件(下载地址:https://github.com/gero3/facetype.js)第二步,你就是需要把它引用到你的threejs中。当然你还得确保他有中文字体吧!,最最简单的方法就是打开js,然后随便翻几页,看看有没有中文字体咯!script type="text/j原创 2017-06-18 15:05:35 · 2824 阅读 · 3 评论 -
threejs字体加载(threejs版本85左右)
前段时间,我写过一个threejs旧版本(56)的字体加载(http://blog.csdn.net/qq_29026209/article/details/73431442),但是因为更新需要,所以重新更博。其实也很简单,导入的变成JSON格式的字体。var loader1 = new THREE.FontLoader(); loader1.load( 'fonts/FangSong原创 2017-07-06 14:49:37 · 4399 阅读 · 0 评论 -
THREEJS的鼠标事件实现(中心旋转,放大缩小等)
最近使用threejs自带的TrackballControls.js或者OrbitControls.js发现一个问题:在场景中在一个平行光,当移动物体时,背面始终是黑的,因为没有光照,(本质就是因为使用自带的滚动求,移动的是相机,而不是移动物体)因为效果需要,自己写鼠标事件,控制物体(这样的好处是:当物体移到光照射到的地方,都能实现光亮的效果)加一束平行光var directional原创 2017-07-06 14:57:01 · 10857 阅读 · 4 评论 -
THREEJS(版本85)实现鼠标点击的高亮显示(如颜色变化)
啥也不多说,看效果图:鼠标点击时,发生颜色变化(可以引申出去做很多其他的操作)代码:首先初始化:var objects=[];var raycaster= new THREE.Raycaster();var mouse = new THREE.Vector2(), INTERSECTED, SELECTED;需要把你要实现的效果的geo原创 2017-07-06 15:29:22 · 11907 阅读 · 4 评论