webgl
jxjaqian
这个作者很懒,什么都没留下…
展开
-
WebGL学习
WebGL学习(二)依照需求,需要用webgl实现加载stl文件,只好用表情形容此刻心情 首先,stl文件哪里来??于是去搜了一波,打印虎里有一些模型,不过不是很好看(俗话说颜值即正义),先凑合用好了。后面,忘记是在哪搜罗到一个外国网站thingiverse,里面都是一些别人分享的免费stl文件,应有尽有。 第一个问题解决了,那么,问题又来了怎么加载stl文件,这怎么下手?没人告诉我n...原创 2018-08-22 10:13:57 · 755 阅读 · 0 评论 -
WebGL学习
WebGL学习(一)从没接触过图形学小白一枚,由于各种机缘巧合(迫不得已)去学习了一下。前面一段时间在WebGL中文网看初级教程,看看都是一些嘛玩意,看下来发现作者写的还蛮有意思的,而且有样例可以下载下来,不过后面的教程是收费的。于是知道了three.js这个强大的库。初步认识大概就是知道了要在网页上展示3D效果,需要有renderer(渲染器)、camera(相机)、scene(场景)三个重...原创 2018-08-22 10:32:24 · 328 阅读 · 0 评论 -
WebGL学习
WebGL学习(三)静止的苯宝宝可以显示了,怎么让它动起来?不停的更换相机坐标值是个方法,在render函数中变换camera的坐标值,反复执行。使用窗口监听事件,绑定鼠标滚轮mousewheel,实现对目标的放大缩小。源代码<!DOCTYPE html><html lang="en"><head> &原创 2018-08-22 11:10:36 · 199 阅读 · 0 评论 -
WebGL学习
WebGL学习(四)运用鼠标控件对stl文件的查看想要实现鼠标滑动,可旋转查看物体。从网上找到两种可实现的库,一个是OrbitControls.js,一个是TrackballControls.js,两者的共同点都是均能通过控制鼠标对场景物体进行查看,不同的是TrackballControls.js模拟的是球体转动,OrbitControls.js我也说不太来是怎样一种转动,知识点还没有...原创 2018-08-22 14:44:24 · 332 阅读 · 0 评论