摘要: 加载中国地图json数据 let loader = new THREE.FileLoader(); loader.load('model/chinaJson.json', function (data) { let jsonData = JSON.parse(data); initMap(jsonD 阅读全文
posted @ 2022-09-06 11:52 huangchun0121 阅读(2185) 评论(0) 推荐(0)
摘要: /** * 经纬度坐标转换为3D控件坐标 * lng:纬度 * lat:进度 * radius:半径 */ js方法转换 function lglt2xyz(lng,lat,radius){ const phi = (180+lng) * (Math.PI/180); const theta = ( 阅读全文
posted @ 2022-09-06 11:37 huangchun0121 阅读(233) 评论(0) 推荐(0)
摘要: /** * 通过两点绘制贝塞尔曲线 * v0:起点, * v3:终点 */ function addLines(v0, v3) { // 计算向量夹角 let angle = v0.angleTo(v3) * 270 / Math.PI / 10; // 0 ~ Math.PI let aLen = 阅读全文
posted @ 2022-09-06 11:35 huangchun0121 阅读(179) 评论(0) 推荐(0)
摘要: 实现效果 信号光圈由中心向外发散,并逐渐消失。 实现思路 使用画布制作光圈,以画布作为纹理,在循环渲染函数中改变mesh的尺寸和透明度。 具体实现 1、画布制作光圈 //创建画布 var canvas = document.createElement('canvas'); //设置画布大小 canv 阅读全文
posted @ 2022-09-06 11:33 huangchun0121 阅读(776) 评论(0) 推荐(0)
摘要: 效果: 基本思路 //一定要加上这两行,不然无法显示阴影 renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; //创建网格物体 //将网格物体设置为产生阴影的物体 //创建一个平面 阅读全文
posted @ 2022-09-06 11:15 huangchun0121 阅读(857) 评论(0) 推荐(0)
摘要: 基本思路 1、获取与鼠标射线相交的第一个物体 2、保留物体原来的颜色 3、改变物体的颜色 4、鼠标已开物体,将物体的颜色换回原来的颜色 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ 阅读全文
posted @ 2022-09-06 11:10 huangchun0121 阅读(351) 评论(0) 推荐(0)
摘要: 1、常用命令 常用 git remote add origin git@github.com:yeszao/dofiler.git # 配置远程git版本库 git pull origin master # 下载代码及快速合并 git push origin master # 上传代码及快速合并 g 阅读全文
posted @ 2022-09-06 10:55 huangchun0121 阅读(28) 评论(0) 推荐(0)
摘要: html代码 <div class="page-block"> <div class="page page-1"> <ul> <li class="article-hover"> <div class="info-content"> <a href="1.html" target="mainIfra 阅读全文
posted @ 2022-09-06 10:30 huangchun0121 阅读(483) 评论(0) 推荐(0)
摘要: html: <ul> <li><a class="list-group-item text-center " href="#">中心简介</a></li> <li><a class="list-group-item text-center " href="#" >师资队伍</a></li> <li> 阅读全文
posted @ 2022-09-06 10:28 huangchun0121 阅读(2157) 评论(0) 推荐(0)
摘要: 事件 onclick 点击事件 onload 用户进入某个页面的时候触发(onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。) onunload 用户离开某个页面的时候触发(onload 和 onunload 事件可用于处理 cookie。) oncha 阅读全文
posted @ 2022-09-06 10:26 huangchun0121 阅读(418) 评论(0) 推荐(0)