three
关注
分享
扫一扫
跃焱邵隼
我的老朋友查理布朗 他从不放弃
展开
-
threejs编辑器(3D场景编辑器)
threejs编辑器原创 2022-06-11 22:42:10 · 8254 阅读 · 9 评论 -
threejs实现3D展馆
实现展馆的方式有多种1：单纯全景图2：单展馆模型3：类似贝壳或者某model上那种 利用建模+全景 过度效果第一种很简单，不过这个全景图还得靠专业设备去采集，能搞这种 还不如直接搞3了。于是应赵老板之邀，使用建模的方式做成展馆编辑器1：建模人员建展馆模型2：编辑模式--将模型拖入编辑器中，可以打点 编辑展馆内 隔热点、物品、画展信息3：预览模型--可以预览编辑好的展馆代码并不复杂主要就是 通过打点 计算出 当前标榜法向 然后计算出 最佳看点记录看点后，拖拽图片原创 2021-10-24 01:27:40 · 4184 阅读 · 5 评论 -
threejs实现汽车展览
预览图地址：@跃焱邵隼之前孙老板问我这个可能搞...于是趁着周末在家写了一个示例1：通过threejs加载模型2：定位车门 打标记点 然后写开门动画3：使用点写灯光特效4：编辑内饰和车身材质，使用法向贴图做出磨砂效果7：使用全景模拟反光效果，如果后视镜也想这样的话 可以使用动态全景的方法8：模型在网上下载的，有点粗糙。。。9：下载的模型很多部件没有uv，所以就简单粗暴的自己计算了一下uv...比如那丑陋的轮胎..10：其他也没啥好说的了欢迎大家加入..原创 2021-10-23 22:39:22 · 1352 阅读 · 1 评论 -
跃焱邵隼(二)
为什么以这个为标题？为什么不是以前端XXX，threejsXXX，cesiumjsXXX，mapboxXXX？....高二的时候 超喜欢看七龙珠，但又没钱和时间...那会班上的“花花”有个mp4, 恰好我们都是龙珠迷。每次晚自习考完试都偷偷摸摸去后山(浮山中学后面就是山)看龙珠Z 龙珠GT...想想还蛮回味的被那股动漫风带动，我们便给自己取了个网名于是 跃焱邵隼 横空出世没办法语文太差 经常考试不及格...跃焱邵隼 的邵其实还是个错别字，本意是韶华的韶——跃过原创 2021-10-15 00:15:26 · 534 阅读 · 0 评论 -
我最近在做啥？
我也不知道我最近在做啥糊里糊涂的就过了一两个月...工作上在搞大屏可视化组件 形成组件生态 包括二三维设计思路挺新颖的 也是吸引到了我因为这边前端架构用的react也为此开始了react生态的入坑之旅 什么antd umi ahook啥的...学习上最近很贪玩我想着抽空打算去良渚看小鹿打算去千岛湖自驾游打算去普陀寺拜个佛打算去射雕里的桃花岛...然后当然我随便添加了几个案例，有点滥竽充数的意思这还得感谢我花姐和头发的模型资源....原创 2021-08-26 00:54:37 · 365 阅读 · 0 评论 -
3d 编辑器
终于 动代码了 0.0ys3d editor 编辑器 正式开启...(略显寒酸 0.0)地址：https://www.wellyyss.cn/ysEditorFor3d/只是 起了个 工程架子 往后的功能 会慢慢添加吧...原创 2021-06-30 02:01:42 · 636 阅读 · 0 评论 -
three结合地图(mapbox)
演示demo地址：http://139.198.180.77/demo-map/#/index1ysMap发布啦！ysMap发布啦！ysMap发布啦！(重三遍)首先要说的是, 按计划 暂且将ysMap定型，但目前并没有过多去维护封装一些有用的东西。只是做了一个demo。等手头上一些事情处理掉，再回过头来更新ysMap。...原创 2021-04-03 21:07:56 · 1252 阅读 · 2 评论 -
threejs 厂区演示 分层 线框
demo 地址https://www.wellyyss.cn/ysDemo/#/index1/index10原创 2021-03-31 01:13:13 · 1891 阅读 · 1 评论 -
threejs 园区楼栋分层展示
demo 地址 https://www.wellyyss.cn/ysDemo/#/index1/index9原创 2021-03-14 22:49:05 · 5618 阅读 · 25 评论 -
跃焱邵隼(一)
聊一下接下来的"业余工作"因为这个"业余工作"都是下班后回家coding的，所以时间也不是很充足，"效率"不会很快闲话少说首先 是将ys3d进行了第三版的更新原创 2021-03-10 14:27:45 · 1105 阅读 · 0 评论 -
threejs教程 cesium教程 mapbox教程
网站整改，很多地址都已经修改，下面是入口threejs教程 three示例cesium教程 cesium示例mapbox教程 mapbox示例个人demo展示原创 2021-03-10 14:06:03 · 747 阅读 · 0 评论 -
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 · 790 阅读 · 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 · 2345 阅读 · 3 评论 -
threejs 计算 uv position normal 等
年底了（年初了）， 今年（去年）真是难忘啊失去了至亲之人又在偶然的机会 突然听到早已决心忘却之人的消息我忙碌 忙碌 又忙碌 似乎 能通过忙碌 将那些不愉快 丢在脑后...真的 一定要珍惜珍惜身边的一切就算是穷也要好好珍惜因为当你渐渐好起来的时候你会回过头来 想起 曾经陪伴你一起熬过的她/他就算是 回忆 也很满足 而 幸福...原创 2021-01-20 23:21:18 · 1397 阅读 · 0 评论 -
threeJs搭建智慧园区
如图：最近公司要搞智慧园区案例，先写一个demo，后期替换精细模型。演示地址：https://www.wellyyss.cn/ysDisplay/ysd_10/index.html原创 2020-06-19 16:24:49 · 7930 阅读 · 26 评论 -
threejs制作城市场景
小写了一个threeJs的城市模型展示demo，用shader制作了立体扫描 园圈扫描，横线扫描，雷达扫描等等。demo地址：@跃焱邵隼代码比较千行就不贴了，感兴趣了，可以看源码原创 2020-05-19 18:32:35 · 4553 阅读 · 23 评论 -
thee搭建3D仓库 添加货架货物增删改
因项目需求 需要自定义搭建3D库房，并配置货架和货物的位置等等。这里贴出部分关键代码详细代码较多 可参见示例 @跃焱邵隼 下的简单案例 > 3d仓库const warehouse = new YsWarehouse(app) // 添加地面 const floorTexture = textureLoader.load("../../images/ysThree/wareho...原创 2020-04-30 18:31:27 · 1540 阅读 · 0 评论 -
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 · 4935 阅读 · 4 评论 -
three实例
利用这近一个月的时间 小写了一个dom虽然还有很多改进空间 ，但贴一些常用的功能吧比如：飞线 ，动态水面，shader应用，区域扫描等...如图：(代码没做啥优化，为了独立出来。需要的可以参考下) @跃焱邵隼代码地址:https://www.wellyyss.cn/ysThree/main/app.html...原创 2020-03-01 22:04:18 · 974 阅读 · 0 评论 -
three基础教学
漫漫疫情期，长长学习路。躺在床上数天，还是学起了three花了近一个月了吧，编写此简单的three教学。同样是从小白到入门。。。。地址:three基础教学https://www.wellyyss.cn/ysThree/main/app.html...原创 2020-03-01 21:55:19 · 764 阅读 · 0 评论