左本Web3D 左本Web3D
首页
  • Cesium案例

    • 地形|模型加载,地图绘制测量 (opens new window)
    • 基于若依三维Gis可视化系统 (opens new window)
  • Mapbox案例

    • 养殖场模型渲染 (opens new window)
    • 近海阀式养殖 (opens new window)
  • Three案例

    • 学习案例
    • 网络案例,附源码地址
  • Three+D3

    • Demo | D3.js SVG Maps and Three.js (opens new window)
    • Demo | MapBox with D3.js and Three.js (opens new window)
  • 项目案例

    • 消防楼物联网三维可视化大屏
    • 智慧养殖三维可视化大屏
    • 智慧农田三维可视化大屏
    • 智慧城市运营管理平台
    • 智慧设备运维综合管理平台
    • 设备运维管理系统
    • 网格工具
    • 博物馆VR全景
    • 数字虚拟展厅
  • 在线访问

    • 网格工具 (opens new window)
    • 博物馆VR全景 (opens new window)
    • AI数字人 (opens new window)
    • 水厂3D可视化 (opens new window)
    • 3D地图 (opens new window)
  • 链接工具

    • Web3D相关链接
    • Gis相关链接
  • 小游戏

    • 吃什么? (opens new window)
CSDN (opens new window)
Gitee (opens new window)
GitHub (opens new window)
备用地址 (opens new window)

左本Web3D

专注Web3D技术领域
首页
  • Cesium案例

    • 地形|模型加载,地图绘制测量 (opens new window)
    • 基于若依三维Gis可视化系统 (opens new window)
  • Mapbox案例

    • 养殖场模型渲染 (opens new window)
    • 近海阀式养殖 (opens new window)
  • Three案例

    • 学习案例
    • 网络案例,附源码地址
  • Three+D3

    • Demo | D3.js SVG Maps and Three.js (opens new window)
    • Demo | MapBox with D3.js and Three.js (opens new window)
  • 项目案例

    • 消防楼物联网三维可视化大屏
    • 智慧养殖三维可视化大屏
    • 智慧农田三维可视化大屏
    • 智慧城市运营管理平台
    • 智慧设备运维综合管理平台
    • 设备运维管理系统
    • 网格工具
    • 博物馆VR全景
    • 数字虚拟展厅
  • 在线访问

    • 网格工具 (opens new window)
    • 博物馆VR全景 (opens new window)
    • AI数字人 (opens new window)
    • 水厂3D可视化 (opens new window)
    • 3D地图 (opens new window)
  • 链接工具

    • Web3D相关链接
    • Gis相关链接
  • 小游戏

    • 吃什么? (opens new window)
CSDN (opens new window)
Gitee (opens new window)
GitHub (opens new window)
备用地址 (opens new window)
  • 学习案例
    • 使用Threejs实现的Web3D学习案例
      • Threejs加载城市obj模型,加载人物gltf模型,Tweenjs实现人物根据规划的路线运动
      • A*寻路算法(threeJS)使用多view绘图实现小地图功能
      • 物联网,工厂3D可视化系统,模型展示
      • 物联网,工厂3D可视化系统,显示标签,自动旋转
      • 绘制地球,地理位置标注-经纬度转换世界坐标
      • 天空盒,全景场景,雪天空地
      • 最美的星球
      • 开门动画
      • 卫星太阳板折叠
      • 数字化工厂安全生产监控
      • 机械臂运动,机械臂dae格式模型
      • 镜头跟随物体移动效果,镜头拐弯并保持运动方向
      • 引入字体,实现3D文字,Canvas画布作为纹理贴图实现滚动字幕
      • 使用Shapes实现不规则几何体
      • 汽车3D展示,改变汽车颜色,汽车爆炸分解合体效果
      • 汽车3D展示/开关门/变色/运动/视角切换/波动热点/汽车模型
      • 物体沿自定义路线进行运动,视角切换
      • 全景故宫
      • VR全景-单场景
      • VR全景/模拟krpano异步加载/局部纹理刷新/图分层加载/瓦片加载
      • 鼠标点击人物行走/镜头跟随人物移动/鼠标点击动画/游戏第三人称/行走动作
目录

学习案例

# 使用Threejs实现的Web3D学习案例

温馨提示

示例基于Threejs框架开发,也有工作中整理的轮子和诸多零碎Demo,供大家学习参考,提高工作学习效率,节省时间。服务器有点慢预览时请耐心等待加载

有些人比较关心如何获取完整源代码,点击预览F12自己扒代码、扒素材。

如果着急需要完整源码,扫码支持一下,联系博主获取源码。

# Threejs加载城市obj模型,加载人物gltf模型,Tweenjs实现人物根据规划的路线运动

  • 预览地址 (opens new window)

# A*寻路算法(threeJS)使用多view绘图实现小地图功能

  • 预览地址 (opens new window)

# 物联网,工厂3D可视化系统,模型展示

  • 预览地址 (opens new window)

# 物联网,工厂3D可视化系统,显示标签,自动旋转

  • 预览地址 (opens new window)

# 绘制地球,地理位置标注-经纬度转换世界坐标

  • 预览地址 (opens new window)

# 天空盒,全景场景,雪天空地

  • 预览地址 (opens new window)

# 最美的星球

  • 预览地址 (opens new window)

# 开门动画

  • 预览地址 (opens new window)

# 卫星太阳板折叠

  • 预览地址 (opens new window)

# 数字化工厂安全生产监控

  • 预览地址 (opens new window)

# 机械臂运动,机械臂dae格式模型

  • 预览地址 (opens new window)

# 镜头跟随物体移动效果,镜头拐弯并保持运动方向

  • 预览地址 (opens new window)

# 引入字体,实现3D文字,Canvas画布作为纹理贴图实现滚动字幕

  • 预览地址 (opens new window)

# 使用Shapes实现不规则几何体

  • 预览地址 (opens new window)

# 汽车3D展示,改变汽车颜色,汽车爆炸分解合体效果

  • 预览地址 (opens new window)

# 汽车3D展示/开关门/变色/运动/视角切换/波动热点/汽车模型

  • 预览地址 (opens new window)

# 物体沿自定义路线进行运动,视角切换

  • 预览地址 (opens new window)

# 全景故宫

  • 预览地址 (opens new window)

# VR全景-单场景

  • 预览地址 (opens new window)

# VR全景/模拟krpano异步加载/局部纹理刷新/图分层加载/瓦片加载

  • 预览地址 (opens new window)

# 鼠标点击人物行走/镜头跟随人物移动/鼠标点击动画/游戏第三人称/行走动作

  • 预览地址 (opens new window)


提示

持续更新中。。。

上次更新: 2023/09/06, 16:22:04
最近更新
01
我做了一个手写春联小网页,祝大家虎年暴富 原创
01-28
02
一行代码“黑”掉任意网站 原创
11-25
03
33个非常实用的JavaScript一行代码
11-02
更多文章>
Theme by Vdoing | Copyright © 2023-2025 左本
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式