前言
相信如果完整看完之前的四篇文章,肯定有小伙伴们会疑惑,
为啥之前的单页翻书的时候四个角落都会进行翻动。
正常的手机阅读器,不是只有右侧可以翻动,就算往前翻动,也是右侧的效果。
第一:四个角落都可以翻动,其实可以设置成两种模式,一个是只能往右翻动,类似平常的手机阅读;
另一种方式可以设置成只能往左翻动,类似中国古代书籍那样。感兴趣的小伙伴还可以将文本从上至下,
从左至右绘制文本;书名就可以加一个“武功秘籍”了。
更有想法的,可以做成上下翻页的,类似挂历效果。
第二:就是为了做双页翻书效果,这样更符合现实使用情况。
双页翻书效果展示
阴影纹理的改进
对之前的阴影纹理,总感觉效果差一点,抽时间特意改动了一下;
来回修改参数,感觉这个比较合适。当然有作图技术的小伙伴们可以直接用ps做一个效果。
有调整或者做的更好效果的,可以给我留言分享。
```
void PageCurl::loadGLTexture1(GLuint texId)
{
int cnt = 100;
GLubyte image[cnt << 2];
double n = 0, step = 0.2;
int i = 0;
for (int idx = 0; idx < cnt; idx++, i+=4)
{
if (idx>=cnt0.75)
{
if (step < 10) step += 0.8;
n += step;
}
else n+=0.2;
if (n>255) n = 255;
image[i] = 255-n;
image[i+1] = 255-n;
前言
相信如果完整看完之前的四篇文章,肯定有小伙伴们会疑惑,
为啥之前的单页翻书的时候四个角落都会进行翻动。
正常的手机阅读器,不是只有右侧可以翻动,就算往前翻动,也是右侧的效果。
第一:四个角落都可以翻动,其实可以设置成两种模式,一个是只能往右翻动,类似平常的手机阅读;
另一种方式可以设置成只能往左翻动,类似中国古代书籍那样。感兴趣的小伙伴还可以将文本从上至下,
从左至右绘制文本;书名就可以加一个“武功秘籍”了。
更有想法的,可以做成上下翻页的,类似挂历效果。
第二:就是为了做双页翻书效果,这样更符合现实使用情况。
双页翻书效果展示
阴影纹理的改进
对之前的阴影纹理,总感觉效果差一点,抽时间特意改动了一下;
来回修改参数,感觉这个比较合适。当然有作图技术的小伙伴们可以直接用ps做一个效果。
有调整或者做的更好效果的,可以给我留言分享。
```
void PageCurl::loadGLTexture1(GLuint texId)
{
int cnt = 100;
GLubyte image[cnt << 2];
double n = 0, step = 0.2;
int i = 0;
for (int idx = 0; idx < cnt; idx++, i+=4)
{
if (idx>=cnt0.75)
{
if (step < 10) step += 0.8;
n += step;
}
else n+=0.2;
if (n>255) n = 255;
image[i] = 255-n;
image[i+1] = 255-n;
前言
相信如果完整看完之前的四篇文章,肯定有小伙伴们会疑惑,
为啥之前的单页翻书的时候四个角落都会进行翻动。
正常的手机阅读器,不是只有右侧可以翻动,就算往前翻动,也是右侧的效果。
第一:四个角落都可以翻动,其实可以设置成两种模式,一个是只能往右翻动,类似平常的手机阅读;
另一种方式可以设置成只能往左翻动,类似中国古代书籍那样。感兴趣的小伙伴还可以将文本从上至下,
从左至右绘制文本;书名就可以加一个“武功秘籍”了。
更有想法的,可以做成上下翻页的,类似挂历效果。
第二:就是为了做双页翻书效果,这样更符合现实使用情况。
双页翻书效果展示
阴影纹理的改进
对之前的阴影纹理,总感觉效果差一点,抽时间特意改动了一下;
来回修改参数,感觉这个比较合适。当然有作图技术的小伙伴们可以直接用ps做一个效果。
有调整或者做的更好效果的,可以给我留言分享。
```
void PageCurl::loadGLTexture1(GLuint texId)
{
int cnt = 100;
GLubyte image[cnt << 2];
double n = 0, step = 0.2;
int i = 0;
for (int idx = 0; idx < cnt; idx++, i+=4)
{
if (idx>=cnt0.75)
{
if (step < 10) step += 0.8;
n += step;
}
else n+=0.2;
if (n>255) n = 255;
image[i] = 255-n;
image[i+1] = 255-n;