全部课程 > 中级 > JavaScript > ThreeJs粒子聚合
ThreeJs粒子聚合
中级javascript 共计14节课 时长00:54:24 ¥99.00 购买
课程介绍
代码方式实现将Blender创建的粒子文件,实现成可以打散或者汇聚的粒子效果,此版本为VueJS版本
课程附件
策划稿(内容包含1个PPT文档)
设计稿(psd源件)
代码包
课程目录
  • 使用三维引擎JS框架Three.js搭建
    • ThreeJS搭建粒子效果 ( 00:02:38 )

  • Three.js基础及用法
    • ThreeJS基础内容 ( 00:04:26 )

    • ThreeJS搭建场景 ( 00:06:41 )

  • Blender模型制作器的使用及导出
    • Blender的介绍与使用 ( 00:03:33 )

  • 加载点状模型
    • 创建初始点组 ( 00:06:34 )

    • 利用加载器加载导出的模型 ( 00:03:38 )

  • 使用Tween.js制作页面动画
    • Tween.js基础 ( 00:03:44 )

    • 为粒子添加缓动动画 ( 00:07:38 )

  • 为页面添加交互
    • 添加页面交互 ( 00:03:48 )

    • 添加监听函数 ( 00:01:05 )

  • 细化页面效果
    • 动画细节分析 ( 00:01:21 )

    • 优化屏幕缩放 ( 00:03:04 )

    • 优化粒子颜色变化 ( 00:02:51 )

    • 其他优化点 ( 00:03:23 )