杰克与豆径

1、游戏中场景的变换,阴天和晴天

2、定义动画效果:不断变化的生长效果

3、WebGL中资源的重复利用:对象池

4、树叶的生长

5、树干的变形,随着音乐浮动

6、音乐的渲染控制豆径的生长

7、怎么让豆径的生长永不停息

8、缓动动画的使用技巧

1、目录

1.从一个传说开始

当学习不再是学习,而变成一种享受的时候,我更喜欢追溯知识的源头。当午后阅读Linux源代码成为习惯的时候,而自己非常享受这种习惯的时候,我就在多年前写了一本关于Linux驱动的书籍《Linux驱动开发入门与实战》,后来又陆续写过一些书籍。

学习是愉快的,特别是在你无障碍的阅读技术论文,经典源码的时候,而要有这样的功力必须追溯求源。WebGL说到底是图形学知识,所以我希望大家能够在我们的课程中学会大学时候的图形学知识,这才是我们的课程最为重要的。毕竟因为各种原因,也许大家没有学好这方面的知识。

那么本课的源头是什么呢?先来看看一个故事:

杰克?罗宾逊是位富有的商人,每天围绕他生活的就只有工作。然而,一个家族的诅咒却日夜缠绕着他:但凡罗宾逊家族的后人都活不过30岁。就在杰克30岁的生日即将来临之际,他挖出一具巨人尸骨。从天堂来人间寻回宝物的安迪自称记者采访杰克,而一位神秘的老妇人竟宣称知道巨人头骨的下落。夜里杰克被领到神秘老妇处,老妇给他讲述了家族的故事。

395年前,在古老的欧洲,一个家庭里,生活着两母子。生活很艰难,母亲让儿子第一代老杰克去变卖唯一的财产——奶牛。老杰克出门时碰到了一个老人,用五粒豌豆和他换了奶牛。老人告诉杰克:豌豆有着无与伦比的魔力。夜里,撒在地上的豌豆长成了豆苗,一直长上了天空,老杰克爬上豆苗,发现这是另一个世界。

在那里他发现一个巨人统治着一个巨大的城堡,巨人拥有一只会下金蛋的鹅,伴随着旁边的黄金小和谐女神所弹奏竖琴的美妙音乐中,鹅会生下金蛋。老杰克偷了鹅和黄金小女神的竖琴,爬下豆茎。但是巨人紧追不舍于是杰克把豆苗砍断,巨人摔死。杰克家由此兴旺发达,随之诅咒和恐惧也笼罩着这个家族,现在只有杰克才可以结束这一诅咒。

为了解救自己的生命与巨人王国,杰克必须阻止过去发生的事情,并要把魔幻竖琴及会下金蛋的鹅带回原来属于他们的地方。老妇给杰克一颗绿色小豆子,豆子也长成通天豆茎,杰克设法沿茎上天。经过一番努力,杰克重新找回了这个鹅和竖琴。巨人世界才回复了天国般的美丽,而杰克家的诅咒也因此解除。 嗯,很有趣的一个故事,没看过这部电影的一定要看看哦。下面我们看看本节课的效果吧。

2.本课效果展示

本节课使用了多种技术,有音乐,模型,纹理和循环动画等,在豆径的成长过程中,还经过了被乌云笼罩的对流层,后来又进入阳关明艳的平流层。当然最终没有冲出地球,不过学习完这一节课之后,我们的课后作业就是冲出地球,我相信到时候您一定能够实现了。本课的效果截图如下:(在线展示)

给WebGL中文网团队的女程序员"小果妹妹"发一个鸡腿吧,微信扫一扫赞赏,感谢。

亲爱的读者,如果你觉得WebGL中文网的课程不错,您可以购买《WebGL中文网视频课程》 课程支持我们哦,购买后记得给我们好评哦!我们强烈建议您不要在iphone上的网易云课堂软件中购买,这样苹果会收取31%左右的服务费,虽然这是明码标价,我们也表示认可和理解,具体选择权在您自己了。

感谢大家的支持,下面是课程的截图之一

[1楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

[2楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

[3楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

[4楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

[5楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

[6楼] 陌上~离** 2017-02-10 18:02

老师,你好。请问豆荚的开发文档以及代码在哪里找啊?

提问或评论

登陆后才可留言或提问哦:) 登陆 | 注册 登陆后请返回本课提问
用户名
密   码
验证码