- 博客(51)
- 收藏
- 关注
RSS订阅原创 threejs实现3D展馆
实现展馆的方式有多种1：单纯全景图2：单展馆模型3：类似贝壳或者某model上那种 利用建模+全景 过度效果第一种很简单，不过这个全景图还得靠专业设备去采集，能搞这种 还不如直接搞3了。于是应赵老板之邀，使用建模的方式做成展馆编辑器1：建模人员建展馆模型2：编辑模式--将模型拖入编辑器中，可以打点 编辑展馆内 隔热点、物品、画展信息3：预览模型--可以预览编辑好的展馆代码并不复杂主要就是 通过打点 计算出 当前标榜法向 然后计算出 最佳看点记录看点后，拖拽图片
2021-10-24 01:27:40
3608
5
原创 threejs实现汽车展览
预览图地址：@跃焱邵隼之前孙老板问我这个可能搞...于是趁着周末在家写了一个示例1：通过threejs加载模型2：定位车门 打标记点 然后写开门动画3：使用点写灯光特效4：编辑内饰和车身材质，使用法向贴图做出磨砂效果7：使用全景模拟反光效果，如果后视镜也想这样的话 可以使用动态全景的方法8：模型在网上下载的，有点粗糙。。。9：下载的模型很多部件没有uv，所以就简单粗暴的自己计算了一下uv...比如那丑陋的轮胎..10：其他也没啥好说的了欢迎大家加入..
2021-10-23 22:39:22
1171
1
原创 事件订阅监听
纯前端好久没写了像事件的监听很多地方都用得到比如vue $eventBus，react 使用的 model， node中的 emitter其原理这里不多说下面使用proxy写一个属性监听例子众所周知Proxy没有prototype所以不能被继承(被继承的条件是这个类有Construct和prototype)所以 这里写个过度函数/** * 手写一个事件监听 代替 emiter * @param {*} data * @returns */function dat
2021-10-21 20:52:32
228
原创 跃焱邵隼(二)
为什么以这个为标题？为什么不是以前端XXX，threejsXXX，cesiumjsXXX，mapboxXXX？....高二的时候 超喜欢看七龙珠，但又没钱和时间...那会班上的“花花”有个mp4, 恰好我们都是龙珠迷。每次晚自习考完试都偷偷摸摸去后山(浮山中学后面就是山)看龙珠Z 龙珠GT...想想还蛮回味的被那股动漫风带动，我们便给自己取了个网名于是 跃焱邵隼 横空出世没办法语文太差 经常考试不及格...跃焱邵隼 的邵其实还是个错别字，本意是韶华的韶——跃过
2021-10-15 00:15:26
485
原创 我最近在做啥？
我也不知道我最近在做啥糊里糊涂的就过了一两个月...工作上在搞大屏可视化组件 形成组件生态 包括二三维设计思路挺新颖的 也是吸引到了我因为这边前端架构用的react也为此开始了react生态的入坑之旅 什么antd umi ahook啥的...学习上最近很贪玩我想着抽空打算去良渚看小鹿打算去千岛湖自驾游打算去普陀寺拜个佛打算去射雕里的桃花岛...然后当然我随便添加了几个案例，有点滥竽充数的意思这还得感谢我花姐和头发的模型资源....
2021-08-26 00:54:37
302
原创 3d 编辑器
终于 动代码了 0.0ys3d editor 编辑器 正式开启...(略显寒酸 0.0)地址：https://www.wellyyss.cn/ysEditorFor3d/只是 起了个 工程架子 往后的功能 会慢慢添加吧...
2021-06-30 02:01:42
577
原创 three结合地图(mapbox)
演示demo地址：http://139.198.180.77/demo-map/#/index1ysMap发布啦！ysMap发布啦！ysMap发布啦！(重三遍)首先要说的是, 按计划 暂且将ysMap定型，但目前并没有过多去维护封装一些有用的东西。只是做了一个demo。等手头上一些事情处理掉，再回过头来更新ysMap。...
2021-04-03 21:07:56
1140
2
原创 threejs 厂区演示 分层 线框
demo 地址https://www.wellyyss.cn/ysDemo/#/index1/index10
2021-03-31 01:13:13
1710
1
原创 threejs 园区楼栋分层展示
demo 地址 https://www.wellyyss.cn/ysDemo/#/index1/index9
2021-03-14 22:49:05
4713
24
原创 跃焱邵隼(一)
聊一下接下来的"业余工作"因为这个"业余工作"都是下班后回家coding的，所以时间也不是很充足，"效率"不会很快闲话少说首先 是将ys3d进行了第三版的更新
2021-03-10 14:27:45
1009
原创 threejs教程 cesium教程 mapbox教程
网站整改，很多地址都已经修改，下面是入口threejs教程 three示例cesium教程 cesium示例mapbox教程 mapbox示例个人demo展示
2021-03-10 14:06:03
640
原创 threejs 模型展示 测量 温斯顿效果 网格扫描 流体数字
演示地址https://www.wellyyss.cn/ysDisplay/ysd_15/index.htmlhttps://www.wellyyss.cn/ysDisplay/ysd_16/index.html群友提到的一些东西 闲暇之余实现为demo展示出来也欢迎爱好three的同志加入qq群 一起学习 169470811
2021-01-20 23:29:25
683
1
原创 threejs 饼图+圆环+柱状图+雷达扫光
地址：https://www.wellyyss.cn/ysDisplay/ysd_17/index.html下面贴出主要shader代码饼图 function getStr(data) { let str = `if(0.0 <= ag && ag <= angle[0]) { color1 = color[0]; }` for (let i = 1; i < data.length;...
2021-01-20 23:25:09
2078
3
原创 threejs 计算 uv position normal 等
年底了（年初了）， 今年（去年）真是难忘啊失去了至亲之人又在偶然的机会 突然听到早已决心忘却之人的消息我忙碌 忙碌 又忙碌 似乎 能通过忙碌 将那些不愉快 丢在脑后...真的 一定要珍惜珍惜身边的一切就算是穷也要好好珍惜因为当你渐渐好起来的时候你会回过头来 想起 曾经陪伴你一起熬过的她/他就算是 回忆 也很满足 而 幸福...
2021-01-20 23:21:18
1275
原创 threeJs搭建智慧园区
如图：最近公司要搞智慧园区案例，先写一个demo，后期替换精细模型。演示地址：https://www.wellyyss.cn/ysDisplay/ysd_10/index.html
2020-06-19 16:24:49
7543
26
原创 threejs制作城市场景
小写了一个threeJs的城市模型展示demo，用shader制作了立体扫描 园圈扫描，横线扫描，雷达扫描等等。demo地址：@跃焱邵隼代码比较千行就不贴了，感兴趣了，可以看源码
2020-05-19 18:32:35
4395
23
原创 thee搭建3D仓库 添加货架货物增删改
因项目需求 需要自定义搭建3D库房，并配置货架和货物的位置等等。这里贴出部分关键代码详细代码较多 可参见示例 @跃焱邵隼 下的简单案例 > 3d仓库const warehouse = new YsWarehouse(app) // 添加地面 const floorTexture = textureLoader.load("../../images/ysThree/wareho...
2020-04-30 18:31:27
1292
原创 three场景过渡切换
之前使用的是box去模拟天空盒现在直接使用场景去切换<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta na...
2020-04-21 11:54:52
4513
4
原创 three实例
利用这近一个月的时间 小写了一个dom虽然还有很多改进空间 ，但贴一些常用的功能吧比如：飞线 ，动态水面，shader应用，区域扫描等...如图：(代码没做啥优化，为了独立出来。需要的可以参考下) @跃焱邵隼代码地址:https://www.wellyyss.cn/ysThree/main/app.html...
2020-03-01 22:04:18
908
原创 three基础教学
漫漫疫情期，长长学习路。躺在床上数天，还是学起了three花了近一个月了吧，编写此简单的three教学。同样是从小白到入门。。。。地址:three基础教学https://www.wellyyss.cn/ysThree/main/app.html...
2020-03-01 21:55:19
699
原创 小写了一个前端组件库
今年（去年）真的很难忘过年假期在家也是很由于抗病毒期间 躺在床上一个多星期了。便将之前写的一些组件封装了起来更新了个人网站首页。下面是地址..www.wellyyss.cn...
2020-01-28 20:56:26
294
原创 使用webpack打包一个‘es6’语法组件库，在浏览器可以使用；
如图，进入自己写好的组件目录1：初始化并引入webpack（安装好node）npm init -ynpm install webpack webpack-cli --save-dev2：创建webpack.config.js并编辑：const path = require('path');module.exports = { entry: './index.js'...
2019-11-07 10:43:34
701
原创 搭建vueX目录架构(store)
index.js：（store入口）import Vue from 'vue'import Vuex from 'vuex'import setting from "./modules/setting"import user from "./modules/user"import getters from "./getters";Vue.use(Vuex)const sto...
2019-10-25 09:27:31
440
原创 浅谈vue的对象/数组更新及深度监听
<template> <div class=""> <div class="">{{ obj }}</div> <div class="">{{ list }}</div> <span class="ys-btn" @click="changeAge">改变年...
2019-10-23 15:34:31
1047
原创 vue数字滚动
如图封装了一个vue数字滚动模板<template> <div> <ys-numRun :number="number"></ys-numRun> </div></template><script> export default { name: ...
2019-10-18 16:20:19
271
原创 cesium结合echarts
cesium结合echarts例子:需进行坐标转换。详见：ysCesium//一：不需要有china.js; option中不需要geo; 每个series数组中元素都加 coordinateSystem: 'GLMap',var chinaGeoCoordMap = { '黑龙江': [127.9688, 45.368], '内蒙古': [110.3467,...
2019-06-18 01:23:25
9610
11
原创 cesium添加灯光扫描
var viewer=ysc.createNormalCesium("cesiumContainer",{ globalImagery:"天地图"//天地图影像});var data={ circle:[0.003,117,35,30]// 第一个参数 0.003表示半径，第二个第三个分别表示底座圆心的坐标,第四个表示切割成多少个点。组成多少个面。越多会越卡 尽量实际项目...
2019-06-12 20:46:08
7570
2
原创 cesium添加环形扩散波纹
var viewer=ysc.createNormalCesium("cesiumContainer",{ }); var lon=117.286419; var lat=31.864436; ysc.addCircleRipple(viewer,{ //默认只绘制两个圆圈叠加 如遇绘制多个，请自行源码内添加。 id:"111", lo...
2019-06-07 00:10:20
6708
12
原创 cesium添加淹没分析测量面积
var viewer=ysc.createNormalCesium("cesiumContainer",{ //添加cesium中的基础属性 infoBox:true ,globalImagery:"谷歌" ,navigationHelpButton:true ,showGroundAtmosphere:false...
2019-06-07 00:05:02
2534
13
原创 cesium添加自定义动态文理
var viewer = new Cesium.Viewer('cesiumContainer',{});var lat = 42.006;var lon = 128.055;viewer.scene.globe.depthTestAgainstTerrain = true;//取消双击事件viewer.cesiumWidget.screenSpaceEventHandler.remov...
2019-06-06 23:56:35
4127
3
原创 cesium添加动效弹窗
其实现原理其实就是entity+div；var viewer=ysc.createNormalCesium("cesiumContainer",{});var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);handler.setInputAction(function(e) { var ca...
2019-06-06 23:51:34
5351
8
原创 nodeJs中的跨域请求
@跃焱邵隼方法一:在使用获取request前/使用路由器前引入app.all('*', function (req, res, next){ res.header("Access-Control-Allow-Origin", "*");// http://www.yueyanshaosun.cn,http://www.baidu.com,www,... res....
2019-02-14 17:34:36
1920
原创 token在nodeJs中使用
@跃焱邵隼<!--和java一样，token的生成/存储有多种方式，下面我们重点讲一种方式:即使用:jwt ; 下载依赖npm install jsonwebtoken --save(ps:因为前后端分离常常会涉及到跨域，前面我已经讲过了。引入cors等操作)。为了方便起见 我将jwt的使用方式单独封装成js文件// 引入模块依赖var jwt = require('jso...
2019-02-14 17:30:51
1501
1
原创 监听鼠标侧滑(适应移动端)
@跃焱邵隼代码:function ysSlideDir(data) { function f(eventName1,eventName2){ if(eventName1=='touchstart'||eventName2=='touchmove'){ if(data.preventDefault==true){ ...
2019-02-08 11:46:11
335
原创 图片上传功能(ssm,ajax,form)（三种方式）
@跃焱邵隼这里提供三种方式:(具体可参考https://www.yueyanshaosun.cn/html/VYyssNotes/javaEnder.html);方式一:<!--说明:这种方式 是表单提交 需要跳转（可以通过内嵌套iframe优化）前端:<div class="example"> <img src="<%=request....
2019-02-07 16:11:23
1208
原创 Excel上传下载（后端方法）
@跃焱邵隼(其中也有前端导入方法)一:后端ExcelKit插件导出 一：Maven配置依赖 <dependency> <groupId>org.wuwz</groupId> <artifactId>ExcelKit</artifactId> <version>1.1</version...
2019-01-31 12:40:27
1843
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人