dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 5430|回复: 177

Three.js可视化企业实战WEBGL课

  [复制链接]
  • TA的每日心情
    奋斗
    2023-7-10 09:34
  • 签到天数: 36 天

    [LV.5]常住居民I

    88

    主题

    133

    帖子

    668

    积分

    荣誉会员

    积分
    668

    发表于 2023-7-11 09:00:01 | 显示全部楼层 |阅读模式
    程序人生
    课程方向: 网页前端 
    课程类型: 框架 功能实现 

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    image.png
    适合人群:
    懂基础前端知识、需要学习和开发3d项目的前端

    课程概述:
    全网领先的three.js的 WEB 3D可视化课程。课程全面系统的讲解WEB 3D可视化技术,涵盖目前企业开发的各种应用技术和项目案例。包含智慧园区、智慧城市、智慧工厂。学完可以直接应用在工作中,不仅仅讲three、cesium的企业项目应用,还讲底层的webgl着色器编写和修改各种材质和后期合成效果以及blender建模动画哦。

    课程目录:
    [1.1]--如何的学习WEB可视化3D技术与课程内容演示.mp4
    [1.2]--本地搭建threejs官方网站.mp4
    [1.3]--使用parcel搭建three.js开发环境.mp4
    [1.4]--使用three.js渲染第一个场景和物体.mp4
    [1.5]--如何处理运行搭建开发Three环境出现的问题.mp4
    [2.10]--调用js接口控制画布全屏和退出全屏.mp4
    [2.11]--应用图形用户界面更改变量.mp4
    [2.1]--轨道控制器查看物体.mp4
    [2.2]--添加坐标轴辅助器.mp4
    [2.3]--设置物体移动.mp4
    [2.4]--物体的缩放与旋转.mp4
    [2.5]--应用requestAnimationFrame正确处理动画运动.mp4
    [2.6]--通过Clock跟踪时间处理动画.mp4
    [2.7]--Gsap动画库基本使用与原理.mp4
    [2.8]--Gsap控制动画属性与方法.mp4
    [2.9]--根据尺寸变化实现自适应画面.mp4
    [3.1]--掌握几何体顶点_UV_法向属性.mp4
    [3.2]--BufferGeometry设置顶点创建矩形.mp4
    [3.3]--生成酷炫自定义三角形科技物体.mp4
    [3.4]--常用网格几何体.mp4
    [4.10]--设置金属度与金属贴图.mp4
    [4.11]--法线贴图应用.mp4
    [4.12]--如何获取各种类型纹理贴图.mp4
    [4.13]--纹理加载进度情况.mp4
    [4.14]--详解环境贴图.mp4
    [4.15]--经纬线映射贴图与HDR.mp4
    [4.1]--初识材质与纹理.mp4
    [4.2]--详解纹理偏移_旋转_重复.mp4
    [4.3]--设置纹理显示算法与mipmap.mp4
    [4.4]--透明材质与透明纹理.mp4
    [4.5]--环境遮挡贴图与强度.mp4
    [4.6]--详解PBR物理渲染.mp4
    [4.7]--标准网格材质与光照物理效果.mp4
    [4.8]--置换贴图与顶点细分设置.mp4
    [4.9]--设置粗糙度与粗糙度贴图.mp4
    [5.1]--灯光与阴影的关系与设置.mp4
    [5.2]--平行光阴影属性与阴影相机原理.mp4
    [5.3]--详解聚光灯各种属性与应用.mp4
    [5.4]--详解点光源属性与应用.mp4
    [6.1]--初识Points与点材质.mp4
    [6.2]--深度解析点材质属性.mp4
    [6.3]--应用顶点着色打造绚丽多彩的星空.mp4
    [6.4]--通过封装与相机裁剪实现漫天飞舞的雪花.mp4
    [6.5]--运用数学知识打造复杂形状臂旋星系01.mp4
    [6.6]--运用数学知识打造复杂形状臂旋星系02.mp4
    [6.7]--运用数学知识打造复杂形状臂旋星系03.mp4
    [6.8]--运用颜色收敛方法设置星系臂旋渐变.mp4
    [7.1]--精讲投射光线实现3维物体交互.mp4
    [8.1]--设置页面结构与样式.mp4
    [8.2]--同步屏幕滚动与相机位置.mp4
    [8.3]--设置三屏特效.mp4
    [8.4]--切屏触发当前屏幕物体特效.mp4
    [8.5]--gsap控制网页切屏文字动画.mp4
    [8.6]--鼠标控制相机摇晃特效.mp4
    [8.7]--设置滚动条隐藏的方式.mp4
    [9.1]--认识物理引擎与cannon安装.mp4
    [9.2]--使用物理引擎关联Threejs物体.mp4
    [9.3]--设置固定不动的地面与小球碰撞.mp4
    [9.4]--监听碰撞事件和控制碰撞音效.mp4
    [9.5]--关联材质设置摩擦与弹性系数.mp4
    [9.6]--立方体相互碰撞后旋转效果.mp4
    [9.7]--给物体施加作用力.mp4
    [10.1]--渲染管线.mp4
    [10.2]--细讲渲染流程.mp4
    [10.3]--WEBGL绘制三角形.mp4
    [10.4]--缩放矩阵与uniform变量和varying变量.mp4
    [10.5]--着色器glsl基本规范.mp4
    [11.10]--shader着色器打造漫天飞舞孔明灯1.mp4
    [11.11]--shader着色器打造漫天飞舞孔明灯2.mp4
    [11.1]--初识着色器语言.mp4
    [11.2]--着色器插件安装与文件导入开发.mp4
    [11.3]--认识rawShaderMaterial与attribute_un.mp4
    [11.4]--控制顶点位置打造波浪形状.mp4
    [11.5]--unform传递时间变量打造动画与通过uv采样纹理.mp4
    [11.6]--着色器编写各种类型图案.mp4
    [11.7]--着色器编写各类型图案2.mp4
    [11.8]--shader着色器编写高级图案.mp4
    [11.9]--shader着色器编写高级图案2.mp4
    [12.1]--烟雾水效果介绍与代码准备.mp4
    [12.2]--sin函数与噪声函数混合.mp4
    [12.3]--设置sin与噪声参数.mp4
    [12.4]--时间打造流动效果.mp4
    [12.5]--设置水流和波纹方向与速度.mp4
    [12.6]--使用官方提供的水模型.mp4
    [12.7]--打造沙滩_水池.mp4
    [13.1]--着色器设置点材质基本设置.mp4
    [13.2]--点着色器图形设置原理.mp4
    [13.3]--使用纹理设置点着色器材质.mp4
    [13.4]--Points中生成不同点图案.mp4
    [13.5]--根据视图Position设置点图案远近大小.mp4
    [13.6]--着色器设置顶点旋转打造臂旋星系.mp4
    [13.7]--着色器设置顶点颜色打造渐变星系.mp4
    [14.1]--点着色器设置炫丽烟花项目案例01.mp4
    [14.2]--点着色器设置炫丽烟花项目案例02.mp4
    [14.3]--点着色器设置炫丽烟花项目案例03.mp4
    [15.1]--three框架材质原理与应用.mp4
    [15.2]--修改物理光照材质制作人物被打效果01.mp4
    [15.3]--修改物理光照材质制作人物被打效果02.mp4
    [15.4]--修改物理光照材质制作人物被打效果03.mp4
    [16.1]--合成效果原理与设置.mp4
    [16.2]--实现抗锯齿_点效果_发光_屏幕闪动等特效.mp4
    [16.3]--使用shaderPass实现自定义合成效果.mp4
    [16.4]--使用法向纹理合成特色渲染镜头.mp4
    [16.5]--运用时间打造水底波浪动态渲染效果.mp4
    [17.1]--CSS渲染器基本使用.mp4
    [17.2]--添加多个元素标签跟随物体移动.mp4
    [17.3]--使用射线碰撞来检测标签显示隐藏.mp4
    [18.1]--曲线使用与绘制流程.mp4
    [18.2]--让物体与相机沿着曲线轨迹运动.mp4
    [19.1]--变形动画原理与实现.mp4
    [19.2]--实现花苗生长到花开效果.mp4
    [20.1]--全景看房实现原理.mp4
    [20.2]--客厅厨房多空间切换实现.mp4
    [21.10]--飞线方案2-着色器绘制酷炫飞线.mp4
    [21.11]--函数翻折实现彗星型飞线动画.mp4
    [21.12]--edgeGeometry生成建筑线框特效.mp4
    [21.13]--智慧城市光墙特效.mp4
    [21.14]--智慧城市雷达扫描特效.mp4
    [21.15]--封装3D警告标识与点击提示事件.mp4
    [21.16]--添加智慧城市天空盒子和设置抗锯齿效果.mp4
    [21.17]--智慧城市大屏样式与结构.mp4
    [21.18]--置Pointer-events穿透事件.mp4
    [21.19]--智慧城市动态数字面板动画.mp4
    [21.1]--智慧城市和项目介绍.mp4
    [21.20]--通过接口生成城市事件列表.mp4
    [21.21]--城市事件列表动态生成雷达-飞线-光墙.mp4
    [21.22]--大屏HTML元素与场景物体数据交互与特效展现.mp4
    [21.2]--Vue_Vite创建智慧城市项目并配置glsl写法支持.mp4
    [21.3]--项目基础代码结构分解.mp4
    [21.4]--生成城市建筑模型.mp4
    [21.5]--城市模型科技感渐变效果.mp4
    [21.6]--多层着色器特效合并与城市光圈扩散效果.mp4
    [21.7]--直线光带掠过城市效果.mp4
    [21.8]--从下向上扫描城市特效.mp4
    [21.9]--利用tube特性生成带纹理图案飞线.mp4
    [22.1]--blender下载与语言渲染设置.mp4
    [22.2]--blender大纲选项开关与保存启动文件.mp4
    [22.3]--界面布局与工具栏侧边栏.mp4
    [22.4]--3d界面查看与相机视图.mp4
    [22.5]--相机视图和透视与正交.mp4
    [22.6]--局部视图与隐藏物体.mp4
    [22.7]--添加与删除物体和添加物体的操作面板.mp4
    [22.8]--ExtraObject插件添加额外石头物体.mp4
    [23.10]--各种视图着色预览使用.mp4
    [23.1]--物体选择.mp4
    [23.2]--物体移动旋转缩放设置方式.mp4
    [23.3]--变换坐标系与变换轴心点.mp4
    [23.4]--吸附功能使用.mp4
    [23.5]--模式切换与物体吸附.mp4
    [23.6]--物体合并与分离.mp4
    [23.7]--设置物体的父级和子级.mp4
    [23.8]--叠加层与快速收藏夹.mp4
    [23.9]--平滑与平直着色.mp4
    [24.1]--点线面基本操作.mp4
    [24.2]--删除点线面基本操作.mp4
    [24.3]--法向与法向翻转.mp4
    [24.4]--挤出功能使用.mp4
    [24.5]--倒角.mp4
    [24.6]--环切与切割.mp4
    [24.7]--多边形与旋转.mp4
    [24.8]--光滑和随机以及滑移.mp4
    [24.9]--推拉_球形化_隔离顶点.mp4
    [25.1]--阵列修改器.mp4
    [25.2]--倒角修改器.mp4
    [25.3]--布尔修改器.mp4
    [25.4]--镜像修改器.mp4
    [25.5]--实体化修改器.mp4
    [25.6]--表面细分修改器.mp4
    [25.7]--字体3D添加与中文字体.mp4
    [26.10]--制作照亮路面的路灯.mp4
    [26.11]--根据地图打造马路.mp4
    [26.12]--根据地图创建多边形建筑.mp4
    [26.1]--原理化BSDF.mp4
    [26.2]--原理化BSDF各种属性使用.mp4
    [26.3]--使用纹理贴图创建大厦.mp4
    [26.4]--物体设置2种材质打造大厦屋顶.mp4
    [26.5]--使用image插件快速搭建房子.mp4
    [26.6]--通过现实照片打造摩天大楼.mp4
    [26.7]--使用建筑生成插件快速生成建筑.mp4
    [26.8]--使用建筑插件快速生成建筑.mp4
    [26.9]--制作园区树木.mp4
    [27.10]--设置大屏控制物体运动模式.mp4
    [27.11]--设置园区汽车运行轨迹与动画.mp4
    [27.12]--园区多相机视角切换.mp4
    [27.13]--自定义园区观览模式-轨道-飞行模式-第一人称.mp4
    [27.1]--资产库打造智慧园区.mp4
    [27.2]--沃罗诺伊纹理种出随机草地.mp4
    [27.3]--烘焙计算好光照阴影的纹理.mp4
    [27.4]--模型优化与材质优化.mp4
    [27.5]--如何优化导出模型.mp4
    [27.6]--draco解压模型与场景摄像设置.mp4
    [27.7]--优化模型渲染逼近真实物理展示效果.mp4
    [27.8]--园区热气球动画.mp4
    [27.9]--设置单一物体热气球多种动画.mp4
    [28.1]--创建骨骼与顶点组.mp4
    [28.2]--骨骼动画制作.mp4
    [28.3]--人物的骨骼动画.mp4
    [28.4]--如何切换控制器聚焦位置与拉近视角.mp4
    [29.1]--根据户型图搭建户型结构墙体.mp4
    [29.2]--平面上创建发光灯带.mp4
    [29.3]--厂房楼层材质光效优化与模型加载.mp4
    [29.4]--楼层结构与房间用3D科幻悬浮框标注.mp4
    [29.5]--根据需要微调科幻标注的位置.mp4
    [29.6]--大屏控制各楼层展开显示.mp4
    [29.7]--战斗机产品打散变形与组装恢复动画特效.mp4
    [29.8]--设置单个物体轮廓发光.mp4
    [29.9]--分层设置物体发光特效.mp4
    [30.1]--GEOJSON与地图下载.mp4
    [30.2]--通过GEO数据生成3D地图.mp4
    [30.3]--与3D地图进行交互.mp4
    [30.4]--通过GEO生成地图3D线.mp4
    [31.10]--人物前后视角切换.mp4
    [31.10]--添加物体与3D建筑物.mp4
    [31.11]--标签与广告牌.mp4
    [31.11]--人物动作控制.mp4
    [31.12]--3D模型添加与设置.mp4
    [31.12]--根据速度流畅切换走路与跑步动作.mp4
    [31.13]--大场景渲染大量相同物体的实例化网格.mp4
    [31.13]--椭圆_走廊_圆柱体添加与设置.mp4
    [31.14]--threejs合并物体工具提升渲染性能.mp4
    [31.14]--多边形_体积折线_矩形_椭球体设置.mp4
    [31.15]--Primitive创建图像物体.mp4
    [31.15]--真实物理材质与新增彩虹折射效果.mp4
    [31.16]--Primitive多个实体与颜色修改.mp4
    [31.16]--真实动态映射环境物体纹理.mp4
    [31.17]--镜面反射与原理.mp4
    [31.17]--与entity和primitive物体交互.mp4
    [31.18]--canvas绘制纹理生成动态3d文字.mp4
    [31.18]--与entity和primitive物体交互.mp4
    [31.19]--alpha贴图与视频纹理.mp4
    [31.19]--entity材质使用materialProperty.mp4
    [31.1]--打造第一个cesium应用.mp4
    [31.1]--元宇宙项目搭建与准备.mp4
    [31.20]--entity折线材质设置.mp4
    [31.20]--视频纹理与canvas动态结合打造酷炫3D文字界面.mp4
    [31.21]--Appearance外观与材质.mp4
    [31.21]--LOD不同精细模型制作.mp4
    [31.22]--primitive材质类型与设置.mp4
    [31.22]--场景多个位置生源音效.mp4
    [31.23]--fabric自定义着色器设置材质.mp4
    [31.23]--项目结构与代码编写模式.mp4
    [31.24]--cesium着色器自带函数与变量.mp4
    [31.24]--场景动态云雾制作.mp4
    [31.25]--Appearance编写着色器修改外观.mp4
    [31.25]--粒子群优化渲染体积云.mp4
    [31.26]--编写自定义MaterialProperty材质.mp4
    [31.26]--通过着色器修改水面材质源码实现海洋效果.mp4
    [31.27]--加载渲染GEOJSON数据.mp4
    [31.27]--加载元宇宙场景与灯光.mp4
    [31.28]--元宇宙场景人物控制与物理碰撞.mp4
    [31.28]--自定义GEOJSON生成物体的样式.mp4
    [31.29]--KML数据生成3D地理标记.mp4
    [31.29]--视频纹理实现场景位置目标光阵效果.mp4
    [31.2]--Cesium基础设置.mp4
    [31.2]--元宇宙项目物理环境.mp4
    [31.30]--初识CZML数据与应用.mp4
    [31.30]--视觉投影修改UV实现酷炫流光光阵特效.mp4
    [31.31]--CZML时间动态图形场景.mp4
    [31.31]--人物抵达光阵或位置触发自定义事件.mp4
    [31.32]--canvas纹理创建场景聊天框.mp4
    [31.32]--追踪航班跨洋飞行.mp4
    [31.33]--3DTiles与性能监控.mp4
    [31.33]--自定义酷炫3D动效文字框.mp4
    [31.34]--根据不同条件设置3D_tiles样式.mp4
    [31.34]--修改开源着色器网站shaderToy开源代码编写酷炫篝火.mp4
    [31.35]--3D_tiles高级样式设置与条件渲染.mp4
    [31.35]--场景火焰实时跟着音乐律动与音乐距离衰减.mp4
    [31.3]--详讲viewer查看器.mp4
    [31.3]--元宇宙碰撞检测实现.mp4
    [31.4]--cesium天空盒.mp4
    [31.4]--控制物体运动与阻尼.mp4
    [31.5]--Cesium自定义地图与地图叠加.mp4
    [31.5]--运用叉积控制左右水平运动.mp4
    [31.6]--添加地形与添加自定义地形.mp4
    [31.6]--相机跟随任务运动与跳跃实现.mp4
    [31.7]--让人物爬坡爬楼梯原理.mp4
    [31.7]--坐标系与坐标系数值转换.mp4
    [31.8]--LOD多细节分层次优化场景模型展示.mp4
    [31.9]--巧用空对象完成相机左右跟随人物.mp4
    [32.11]--纹理采样设置酷炫轨迹飞线.mp4
    [32.12]--色器实现五彩斑斓雷达特效.mp4
    [32.13]--六边形光波扩散特效.mp4
    [32.14]--着色器编写区域光墙.mp4
    [32.15]--粒子实现广州塔小蛮腰烟花特效.mp4
    [32.1]--项目介绍.mp4
    [32.2]--制作获取地图经纬度插件.mp4
    [32.3]--指南罗盘与比例尺.mp4
    [32.4]--修改着色器实现酷炫地图颜色.mp4
    [32.5]--编写着色器实现建筑物渐变特效.mp4
    [32.6]--编写着色器实现滚动光环特效.mp4
    [32.7]--实现酷炫光锥动画.mp4
    [32.8]--着色器实现科技感流光飞线特效.mp4
    [32.9]--地理小工具生成道路汽车行驶轨迹线.mp4


    下载地址:

    游客,如果您要查看本帖隐藏内容请回复
    温馨提示:
    1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
    2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
    3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
    4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
    5、若发现链接失效了请联系管理员,管理员会在2小时内修复
    6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!

    本帖被以下淘专辑推荐:

    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    7 天前
  • 签到天数: 180 天

    [LV.7]常住居民III

    0

    主题

    349

    帖子

    1153

    积分

    技冠群雄

    Rank: 6Rank: 6

    积分
    1153

    发表于 2023-7-11 09:00:52 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    昨天 08:47
  • 签到天数: 752 天

    [LV.10]以坛为家III

    0

    主题

    1104

    帖子

    4288

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    4288

    发表于 2023-7-11 09:02:51 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    4 天前
  • 签到天数: 1035 天

    [LV.10]以坛为家III

    2

    主题

    1154

    帖子

    5651

    积分

    深不可测

    Rank: 9Rank: 9Rank: 9

    积分
    5651

    发表于 2023-7-11 09:37:42 | 显示全部楼层
    和去年发的有什么不一样吗
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 20:15
  • 签到天数: 1259 天

    [LV.10]以坛为家III

    0

    主题

    3613

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    10659

    发表于 2023-7-11 09:38:55 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 20:15
  • 签到天数: 1259 天

    [LV.10]以坛为家III

    0

    主题

    3613

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    10659

    发表于 2023-7-11 09:40:02 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    7 小时前
  • 签到天数: 1213 天

    [LV.10]以坛为家III

    92

    主题

    1775

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    14279

    发表于 2023-7-11 09:50:46 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    7 小时前
  • 签到天数: 1763 天

    [LV.Master]伴坛终老

    4

    主题

    4724

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    14734

    发表于 2023-7-11 10:05:13 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 20:15
  • 签到天数: 1259 天

    [LV.10]以坛为家III

    0

    主题

    3613

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    10659

    发表于 2023-7-11 10:12:51 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    3 天前
  • 签到天数: 337 天

    [LV.8]以坛为家I

    1

    主题

    441

    帖子

    1945

    积分

    一代宗师

    Rank: 7Rank: 7Rank: 7

    积分
    1945

    发表于 2023-7-11 10:55:36 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-4-29 07:08 , Processed in 0.107459 second(s), 44 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表