![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Three
纳路透
这个作者很懒,什么都没留下…
展开
-
three.js-线上运动的光效
先上图:一个简单的动画效果,刚开始研究three.js,作的一个小demo。代码结构:这些js在three.js的官网git上可以下载。index.html中代码如下,全部代码,写的有点儿low:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-30 16:37:28 · 8152 阅读 · 6 评论 -
ThreeBSP.js 源码下载
// Generated by CoffeeScript 1.12.7(function() {var BACK, COPLANAR, EPSILON, FRONT, SPANNING, Timelimit, returning,bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },...原创 2019-07-25 16:28:21 · 1849 阅读 · 4 评论 -
Three.js-一个简单的入门demo
效果如图:代码如下:three.js的下载有很多种办法,我直接用npm安装three<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-07-25 17:03:48 · 1032 阅读 · 0 评论 -
three.js-github上的代码如何在本地运行-macbook
有很多朋友在github上下载到three.js的源码和例子,想在本地运行。步骤如下:第一步:github上下载全部代码,gitclone和zip都可以第二步:放在本地apahce的目录中,我是mac自带的apache。第三步:sudo apachectl start,启动你本地的apache。第四步:浏览器中输入地址-这个很重要,地址一定要输入正确完。...原创 2019-07-26 16:57:30 · 1635 阅读 · 0 评论 -
three.js线条材质和动态流动效果
线看效果原创 2019-07-31 17:58:48 · 15049 阅读 · 6 评论 -
three.js不同group之间内mesh的坐标之间的连线
如图:scene中有两个group,下面一层和上面一层,分别为group1和group2.里面是各个mesh,我们想要创建一根线,去连接group1 和group2 里面的各个mesh,思路是:创建一根或者多根线在场景(scene)中,两个group中的mesh.position可以获取到,group1和group2的position可以获取到,然后一根线有两个点坐标p1,p2.mesh....原创 2019-08-13 16:21:35 · 1330 阅读 · 0 评论 -
three.js-材质贴图,只在一面上,以及连线
每一个面的材质添加一张图片,并且居中,不重复,只显示一张。关键代码:var geometry = new THREE.CylinderGeometry(10, 10, 10, 6);var material = [new THREE.MeshLambertMaterial({ color: meshcolor, opacity: 0.8, transparent: true }),n...原创 2019-08-15 17:05:02 · 2840 阅读 · 0 评论