首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CS_Joe
掘友等级
前端 | 动画 | Three.js
那天是你用一块红布,蒙住我双眼也蒙住了天。热爱摇滚乐,热爱前端。目前在加拿大多伦多。
获得徽章 8
动态
文章
专栏
沸点
收藏集
关注
作品
赞
173
文章 147
沸点 26
赞
173
返回
|
搜索文章
最新
热门
摩天轮动画的实现揭秘
摩天轮动画的实现揭秘 恰好近期业务上开发了类似这样的摩天轮动画,我将其中的实现原理分享给大家。摩天轮动画主要分为 2 部分,一个是摩天轮上每个房间位置布局,另一个就是旋转动画了。
Three.js 之 19 realistic render 真实渲染
本节学习了如何让模型更加真实的渲染。通过添加环境贴图、renderer 拟真优化等方式完成。通过outputEncoding, toneMapping 等能力让渲染更加真实
Three.js 之 18 使用 Blender 设计和导出模型
学习Three.js也非常有必要了解一下3D建模软件。有很多 3D 建模的软件,比如 Cinema 4D、Maya、3DS Max、Blender、ZBrush 等。本节课我们将学习 Blender
Three.js 之 17 Import Model 导入模型
Three.js 提供了很多原始模型,但如果我们需要更复杂的模型,最好使用 3D 软件建模,然后导入到场景中。本节我们就来学学如何导入一个做好的 3D 模型。
Three.js 之 16 Physics 物理引擎
physics 物理引擎 在 WebGL 里使用物理引擎是非常棒的一种体验,人们会非常享受与这些物体产生物理效果,例如重力、弹性、加速度、摩擦力、碰撞等。有很多方式实现物理效果,并且取决于项目中想怎么
Three.js 之 15 Scroll based animation 基于页面滚动的动画
Scroll based animation 基于页面滚动的动画 本节我们将学习基于页面滚动的动画。很好的将之前所学的内容做一个复习和运用。 我们会把 WebGL 部分固定到页面中,随着页面的滚动
Three.js 之 14 Raycaster 光线投射
光线投射 Raycaster 光线投射可以发射一个特定方向的射线,来检测是否有物体与这个射线相交。有以下的使用场景: 检测玩家前方是否有墙 检测射击游戏是否击中了什么物体 检测是否有什么物体在鼠标下,
Three.js 之 13 Galaxy 银河效果生成器
接下来,我们学习一下如何使用粒子,本节将开发一个银河生成器,使用粒子效果生成各种各样的银河效果。 创建粒子 根据上一节创建一个粒子立方体,并加入 debug UI,设置尺寸和数量 形状 半径 增加半径
Three.js 之 12 Particles 粒子效果
粒子特效 听到粒子特效,是不是无比期待?可以用它实现非常多的效果如星空、烟雾、雨、灰尘、火等。 粒子特效的优势是即使使用了成百上千的例子,也能保证比较高的帧率。缺点是每个粒子都由一个始终面向相机的平面
Three.js 之 11 Haunted House 恐怖鬼屋
本节将使用我们之前学习的内容来创建一个鬼屋。我们会创建一个房子,有门、屋顶、和一些灌木,我们也会创建一些墓碑,还有幽灵的光飘过并产生投影。
下一页
个人成就
文章被点赞
1,002
文章被阅读
168,860
掘力值
4,909
关注了
70
关注者
680
收藏集
2
关注标签
34
加入于
2016-06-15