three.js
很不简单
自我学习
展开
-
three.js+shader智慧城市特效(建筑颜色渐变、飞线、扫光、扫描、光墙、线路、水、道路线条、锥形标、漫游)
three-map:谭术/threeMapthree-map:加入了建筑、建筑颜色渐变、飞线、扫光、扫描、光墙、线路、水、道路线条、锥形标识等效果文件服务器谭术/fileServer原创 2022-03-04 16:43:12 · 3799 阅读 · 5 评论 -
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 · 7818 阅读 · 5 评论 -
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 · 3004 阅读 · 3 评论 -
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 · 5791 阅读 · 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 · 685 阅读 · 1 评论 -
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 · 232 阅读 · 0 评论