很不简单-CSDN博客

原创 three.js+shader智慧城市特效(建筑颜色渐变、飞线、扫光、扫描、光墙、线路、水、道路线条、锥形标、漫游)

three-map：谭术/threeMapthree-map：加入了建筑、建筑颜色渐变、飞线、扫光、扫描、光墙、线路、水、道路线条、锥形标识等效果文件服务器谭术/fileServer

2022-03-04 16:43:12 3396 2

原创 three DragControls(拖拽整个模型)

第一步：必须让模型添加到一个group里面去注意：因为我的代码是自己封装了的，看到editor.scene.scene.add与scene.add等价let transformControls = new TransformControls(editor.scene.camera, editor.scene.renderer.domElement) editor.scene.scene.add(transformControls) let objects=[]

2021-05-12 11:12:42 1674 2

原创 Node文件服务器（文件上传）

formidable 需要安包如果是文件夹，files只会给你一个地址，你需要根据地址/进行切割为数组，然后根据数组遍历使用fs.mkdirSync创建文件夹，最后使用fs.rename重命名到对应创建的文件。（如果不重命名文件就不是上传的文件名。比如：上传的文件名为text.txt。upload文件里面看到的文件名就upload-qweqeqweq.txt）router.post('/upload', function (req, res) { const form = formidable(

2021-03-25 16:45:09 594

原创 three.js改变旋转中心点方法（附开关门例子）

思路：把需要改变中心点的模型add到一个group，然后修改模型坐标。就像前端postion定位一样下面写了一个开关门的例子 let group=new THREE.Group() let box=new THREE.BoxGeometry(6,6,2) let mail=new THREE.MeshBasicMaterial({color:0xff6600}) let mesh=new THREE.Mesh(box,mail)

2021-02-05 16:39:25 5833

原创 three.js获取模型大小

let box=new THREE.BoxGeometry(3,3,3)let mail=new THREE.MeshBasicMaterial({color:0xff6600})let mesh=new THREE.Mesh(box,mail)//mesh:模型var box = new THREE.Box3().setFromObject( mesh );var size = box.size();

2021-02-03 11:15:34 7665 5

原创 THREE.JS OrbitControls的参数设置

// Set to false to disable this control//鼠标控制是否可用 this.enabled = true;// "target" sets the location of focus, where the object orbits around//聚焦坐标 this.target = new THREE.Vector3();// How far you can dolly in and out ( PerspectiveCamera only )//最大

2020-12-22 16:03:36 3255

原创 vue+h5音乐可视化

<template> <div> <input type="file" id="file" @change="changeFile($event)"/> <canvas id="canvas"></canvas> <audio id="audio" src="lib/ylc.mp3" autoplay></audio> </div></template><.

2020-11-26 15:44:50 931

原创 three.js 后期处理，物体高亮

已经最简化的代码了，看 EffectComposer，RenderPass，UnrealBloomPass这三个东西就行了<!DOCTYPE html><html lang="en"> <head> <title>bloom</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalabl.

2020-11-18 10:50:00 2977 3

原创 vue-cli2.9.6更新不了问题

vue-cli2.9.6更新不了问题于是就先通过 npm uninstall vue-cli -g卸载vue，然后再安装，但是vue -V时依然是2.9.6版本：第一步：npm config get registry第二步：npm config set registry https://registry.npm.taobao.org第三步：npm i -g @vue/cli完美，安装成功！参考：https://www.cnblogs.com/syingBlog/p/12580017.html

2020-11-10 16:48:12 278

原创 Node爬虫，爬取传播客新闻列表

因为它是前后端分离网页。所以需要在Network里面找到请求数据进行爬取const http=require('http')//http://itcast.cn/newsvideo/newslist.htmllet url='http://www.itcast.cn/news/json/f1f5ccee-1158-49a6-b7c4-f0bf40d5161a.json'let req=http.request(url,res => { let chunks=[] res.on('da

2020-11-10 10:42:51 158

原创 Node爬虫

爬取黑马程序员中教研团队，教师头像const http=require('http')//cheerio是jquery核心功能的一个快速灵活而又简洁的实现，主要是为了用在服务器端需要对DOM进行操作的地方const cheerio=require('cheerio')//下载文件的库，需要npmconst download=require('download')const HOST='http://www.itheima.com/'let req=http.request(HOST+'teac

2020-11-10 09:44:03 463 1

原创 three.js OrbitControls鼠标按键修改（左平移，右旋转）

createControls() { controls = new OrbitControls(camera, renderer.domElement) //限制最大仰视角和俯视角 controls.minPolarAngle = 0 controls.maxPolarAngle = 1.5 //禁止缩放 //controls.enableZoom=false //缩放限制 con

2020-10-23 10:58:14 5674 4

原创 three.js TextBufferGeometry创建3d文字(文字乱码问题解答)

initText() { let loader = new Three.FontLoader() //需要网上找ttf格式中文字体，然后转json //three.js有fonts文件夹，里面有英文的json格式字体 loader.load(this.fileUrl + '/gltfl/fbx/text/FZXingHeiS-R-GB_Regular.json', function (font) { va.

2020-10-21 17:49:56 664 1

原创 three.js给模型子物体贴图

模型贴图//图片 let mate= new Three.TextureLoader().load(require('../../../assets/theSkyBox/negz.jpg'))//模型 let tableLoader12=new FBXLoader() tableLoader12.load('http://10.10.0.99:10280/getFile/gltfl/fbx/dn1.FBX',fbx=>{ // fbx.p

2020-10-19 10:41:17 1840

原创 Vue中Three.js的天空盒

踩坑：vue使用three.js中加载图片不能直接使用load()路径获取,如.load( [ ‘…/…/img/posx.jpg’, ] )。。。需要先require(’…/assets/xxxxx’)<template> <div id="blocker" style="height: 100%" > <div id="container" ref="ray"></div> </div></template>

2020-09-29 17:15:52 1089 2

原创 vue使用three.js 第一人称移动。与cs控制角色移动一样（第一人称旋转相机+控制相机移动）

1注意：我是看官方案例写的，但是我是在vue上面写的，所以如果你不是用vue来做，有些东西需要自己改动。比如有些地方必须让this改为that，不然报错。个人建议如果会被其他方法修改的全部都改成 let that=this。2实现第一人称代码，主要看initMobile（）和 render（）的代码。<template> <div> <div id="container"></div> </div></template&

2020-09-08 16:11:04 2363 2

原创 three.js 键盘w、s、a、d控制几何体移动

思路：给w、s、a、d。4个布尔型，如果点击那个按钮，设置对应的布尔值为true。render（）中判断是否为true。如果是就对应的方向+1<template> <div> <div id="container"></div> </div></template><script> import * as Three from '../../node_modules/three/build/thre

2020-09-08 15:51:39 3022

原创 Three.js使用PointerLockControls控制相机实现第一人称视角

上穿视频麻烦，所以直接上代码。自己看官网案例写的<template> <div> <div id="container"></div> </div></template><script> import * as Three from '../../node_modules/three/build/three.module.js'; //import * as Three from 'three

2020-09-07 17:39:55 1608

原创 vue中使用three.js的模板

<template> <div> <div id="container"></div> </div></template><script> import * as Three from 'three' import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls' export default { na

2020-09-05 11:05:29 857 2

原创 three.js使用OrbitControls.js控制几何体旋转、平移、缩放

附带一个可用的OrbitControls.jshttp://www.yanhuangxueyuan.com/threejs/examples/js/controls/OrbitControls.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>three.js使用OrbitControls.js控制几何体旋转、平移、缩放</title&

2020-09-03 15:42:43 5244

原创 three.js几何体的旋转，缩放，平移

附带一个可用的OrbitControls.jshttp://www.yanhuangxueyuan.com/threejs/examples/js/controls/OrbitControls.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>three.js模板</title> <style> body

2020-09-03 15:38:05 825 1

原创 three.js模板

three.js模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>three.js模板</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } </style&gt

2020-09-03 15:20:06 460

原创 three.js 笑脸雨

three.js 笑脸雨思路：加载纹理贴图，批量创建精灵模型，然后随机生成。下落到指定位置就重新生成<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>笑脸雨</title> <style> body { margin: 0; overflow: hidden; /* 隐藏b

2020-09-03 15:11:41 222

原创 python接球游戏

mport pygame as pgimport sysimport randomimport timepg.init()game_window=pg.display.set_mode((600,500))pg.display.set_caption("接球")window_color = (0,0,255)ball_color=(255,165,0)rect_color=(2...

2019-06-18 11:41:01 1055

原创 python爬取京东手机配置信息（正则）

正则import requestsimport refrom bs4 import BeautifulSoupimport timeheaders = { 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 ...

2019-06-18 10:32:11 475

原创 Unity3D--枚举+协程控制定点移动

我们做Gear VR只能用触摸板控制移动。要么就写个定位移动，让他在固定地方停留下来。主要思路是让物体在固定的地方停留，其中用来枚举和协程。枚举来控制点位的个数，协程控制下一步移动的方向。你也可以在另外脚本中控制枚举状态，让你当前点位完成了你想要的操作，让后在让a-&gt;b。或者直接if (cc.position == t1.position){ts = point.c;}让它等于当前位置，...

2019-01-18 13:39:55 765

原创 Unity3D-VR_Gevr VR射线+tag的转换+物体展示

主要内容是凝视一个物体让物体移动到我们想要的位置，让后凝视另外一个物体时让开始的物体回去凝视的物体在过来。最主要的是需要写个脚本控制两个tag互相转换。让物体移动到指定位置网上很多```public bool Ts() { if (GameObject.FindWithTag(&amp;amp;quot;zq&amp;amp;quot;)) { GameObject.FindWit...

2019-01-17 15:18:10 598

原创 unity3D-Gear VR字体由小变大效果

我做的是让射线击中一个物体，然后3秒内让字体有小变大的效果代码拖入的层次图在这里插入代码片public GameObject Canvas1;```void Update() { Ray ray = new Ray(transform.position, transform.forward); RaycastHit hit; if...

2019-01-16 15:58:02 742

qq_41960265的博客