- 博客(5)
- 收藏
- 关注
原创 在threejs中对3D物体旋转的思考
今天在写threejs时,突然想到一个问题:一个3D物体需要旋转时,一般情况下简单的旋转我都是使用欧拉角,稍微复杂一些的情况我会把欧拉角转换成四元数进行旋转(欧拉角复杂旋转可能会产生的死锁问题),但是在threejs中object3D的旋转方法无论是使用setRotation(沿着x、y、z轴旋转)还是rotateOnAxis(按从原点到任意方向的向量进行旋转)都无法完成沿着一个不经过原点的轴进行
2017-03-31 14:36:28 14687 1
原创 基于threejs开发的卡通风格着色器
作为一个大学一直在玩3D的同学,还是应该多写写关于3D的东西,正好把原来做得着色器整理整理,供大家参考也供自己以后回顾吧~ 一般的现实中的物体讲求一个平滑着色,能够使其看起来更加真实,而卡通风格的物体则是让被着色物体显得过渡的不那么好,明暗交界线很明显,这样的风格独树一帜,也运用到了很多卡通风格的游戏当中,我在网上看到的卡通风格着色器基于Unity开发的有很多,这里我来基于thr
2017-03-28 20:49:29 2944
原创 使用CSS3实现翻书效果(二)
原来一直使用QQ直接登录的博客,今天绑定了一下邮箱,原来的博客全没了,只好把原来备份的博文重新发了一下,还好只有两篇~ 昨天把css3实现翻书样式的效果实现了大半,今天将其主体的样式全部实现了,下面将进行说明: 我们仔细观察书本的样式发现书本底下是有阴影的,而且阴影可以随着翻书的动作来移动,书皮的左右两侧也分别有一条封边,看起来非常真实,这里主要是使用了元素的a
2017-03-27 16:39:42 6120
原创 使用css3实现翻书效果(一)
最近在网页上看到一个使用CSS3制作的很有趣的样式,通过纯css3的使用实现翻书的效果,作为初学者的我决定实现一下该效果~该网站特效如图所示:是不是感觉特效非常棒,直接使用css样式而不使用图片大大减少了加载速度,也降低了用户流量的损耗,实在是一举两得,下面我介绍一下我的开发步骤: 经过我对网站代码的研究,该书籍div分为以下几部分 1.最上层是写着“CSS TRA
2017-03-27 15:27:58 8239
原创 用Canvas画漫天繁星吧~
初学Canvas写了一个在一片区域内随机产生星星并且不断闪动的效果。具体实现如下所示。 首先创建一个canvas让其适配屏幕的大小。 h = screen.height - 200; w = screen.width - 10; can1 = document.getElementById("canvas1"); can1.setAttribute('width',
2017-03-27 15:23:47 634
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人