前言

挪窝啦~!欢迎大家入住新家挪窝啦~!欢迎大家入住新家挪窝啦~!欢迎大家入住新家

挪窝啦~!欢迎大家入住新家

挪窝啦~!欢迎大家入住新家

挪窝啦~!欢迎大家入住新家

1、时间如梭

从开始接触3D开发,已快12年。大三时(1999年大学),以为学会《计算机图形学》,就能玩转OpenGLDX了,从而编写自己的游戏了。理想很丰满,现实很骨感,当试图去写一个3D射击游戏的时候,才知道,这比想象中的难很多。

后来玩了极品飞车、魔兽这样的游戏,更是想自己动手写一个3D游戏,大四的时候,经过好多次努力,才写成了一个射击游戏。心中的喜悦不言而喻,可惜的是,眼睛的度数也因此加深了不少。模型变换、投影变换、光线跟踪、碰撞检测等花费了自己太多太多的时间。

学习的过程中,遇到了很多苦难,自己找了很多资料,才得到理解。有时候为了明白一个迷惑,就需要几天的时间。我深信这样的过程,每一个学习者都是会遇到的。例如光线跟踪的实现、又如游戏中怎么混合正投影与透视投影的效果,来实现血条,工具菜单等。这些都是比较难的知识点。

面对这些知识点,何去何从。是逃避,还是用时间来顿悟,我想都不是好主意。也许,这本教程能够帮助您去理解这些晦涩的东西。而我们写出这些知识来,就是为了让大家用更少的时间去理解这些知识点。《英雄本色》中说得好,出来混,总有一天会还的。所以,各位,还是从现在开始,就把知识学扎实吧。

为了给大家提供优质的学习资料,我们几个清华朋友聚在了一起,利用了1年多的时间,写成了本课程,并且目前在不断的更新中,希望能够提高大家的3D开发水平。

我们这群屌丝,有太多的事情要去做。要学习,要工作,要照顾老婆,要陪伴父母,我们曾经以为我们年轻有的是时间,但是时间总是过得那么快。总结起来:社会没有给我们太多的时间,所以,我们几位主创想通过这套教程去节省你的时间,以使你较快的成为3D开发的高手。也许是找一份好的工作,也许是多挣一份钱,得到同事,老板的认可和尊重。

学习一门新的语言,或者新的平台,我们总是充满好奇,但同时它也会花费我们很多很多的时间。这些时间中的大部份,我们在寻找资料和问题的答案。特别是一些奇怪的bug和异常,在网上也找不到资料,那时候,非常郁闷,在郁闷中,一天就过去了。很多程序梦想,就这样被扼杀了。

有木有,有木有,同感。

在写教程的过程中,我想,解决大家在WebGL、Three.js中遇到的问题,将是我们写本教程最总要的原因。毕竟,我们也算国内最早接触Threejs的工程师之一。

好了,各位,如果你对WebGL感兴趣,如果你对Three.js感兴趣,认为不久的将来的一天,你会用到它,那么跟我一起来学习吧。这应该是一个不错的教程,它将做到两个第一。第一,它将是国内第一部完整讲解Threejs的教程。第二,它将是讲得最清楚的一部中文教程。

boy and gril ,让我们开始这段轻松的旅程吧。

值得注意的是,我们有很多学术情节,非常注重原理的讲解,我们相信学完本套课程,您将对任何一款3D引擎的实现有比较深入的了解。

2、本教程读者对象

  学习图形学的大学生;

  游戏开发者;

  Webglthreejs爱好者;

  已工作的工程师;

  想要更炫效果的前端开发者;

  以批判的眼光来看本教程的童鞋们;

3、本教程技术支持

您在阅读本书的过程中若碰到什么问题,请通过以下方式联系我们,我们会及时地答复您。

我们的邮箱是最好的交流方式:1805691606@qq.com, hewebgl@qq.com, hewebgl3@qq.com

未即时回复,可能因为是出差,旅游,陪老婆等等,嘿嘿,你懂的,不过我们由团队老师管理答疑,所以几个人同时休息的时间很少,不用担心。

 

4、版权声明

版权,说到版权,我们非常重视,这得于读研时,老师对我们的教导,算是我们对知识的一种尊重。知识是无价的,所以版权是对知识的一种保证和承认。

如果没有版权保护,那我们想世界上就在没多少人来分享知识经验了。

特别声明,《Three.js基础教程》欢迎大家转载,但请标明出处http://www.hewebgl.com

Three.js中级教程》,Three.js高级教程》等其他课程严禁转载,请误转载,抄袭等一切违法行为。

以上所有版本归WebGL中文网团队李渊、付以亮、郑强等人所有。我们已经请美国归来好友李远胜律师,为本站法律顾问,一切侵犯我们版权的个人或公司,我们将委托律师追究责任,赔偿损失,谢谢。

 

                                                                                                                WebGL中文网团队

[1楼] Chan** 2016-06-01 17:14

难道我就这样成为了首席沙发官?点了一下“提交”

WebGL中文网老师回答:

哈哈,是的,你现在稳坐沙发!

[2楼] Dami** 2016-07-19 16:43

默默地留个爪子。- -...

WebGL中文网老师回答:

我们建议男生什么都可以不留,建议女生留一个吻,万分感谢。哈哈。

[3楼] nanz** 2016-07-31 18:30

点赞,今后我的方向就是WEBGL,找了很久资料发现了这里~中文网~很开心,希望越做越好~

WebGL中文网老师回答:

我们会越做越好的,但是你也需要认真学习,才能对得起自己,对得起我们辛苦码字哦。

[4楼] wu80** 2016-08-02 13:54

三年了,准备重新看一下Three.js,记得三年前还是学僧一枚的时候,只有一本关于Three.js的一本书,今天突然发现有一个中文的教程,很开心,希望越来越好~

WebGL中文网老师回答:

除了书,你还记得学生时代的女朋友吗?那是不是你最开心浪漫的时刻呢?感谢你发现WebGL中文网,这个网站能让你学会一些新的技能,只要你相信

[5楼] 北辰神O** 2016-08-03 17:40

额,新人来看看看(手动笑脸)

[6楼] wuag** 2016-08-11 08:12

我就想先回复一个

[7楼] Medi** 2016-08-15 15:13

老师您好 ,我是哈尔滨工业大学的大三学生,想学习一下webgl,但是在看过案例之后,发现网页第一次打开都很慢,这是什么原因,或者有什么解决方法么。

WebGL中文网老师回答:

什么打开很慢?我们的网站吗?还是其他的demo,是不是引用了被墙的资源,例如一个js资源在国外,或者在google的服务器上,要知道google现在被墙了。

[8楼] alxr** 2016-08-16 10:57

04年毕业设计就是做的VRML虚拟实验室,当时X3D、JAVA3D都还刚起步。VRML2.0还需要安装插件才能用,所以插件限制了WEB3D的发展,商业应用中不可能要求每个客户都会下载安装插件,也不能要求每一个客户的PC都有JAVA环境。十几年过去了,从事的工作完全跟技术无关,现在发现WEBGL在HTML5帮助下可以免插件展示WEB3D,真的很不错很不错,一个VR的时代来了。

[9楼] jian** 2016-08-18 18:58

感觉这评论框还是有点问题

[10楼] jnss** 2016-09-01 15:48

各位老师好,我非常想把表单做成立体的,但是也没有具体的想法,希望学习完能增加知识

WebGL中文网老师回答:

这是一个好的想法。那不知道你现在做出来了没有呢?这里提供给您一点思路,可以尝试使用webgl的阴影效果,并且实现一些动画效果,例如一段文字,前面的文字比刚录入的文字,z坐标要小一些,这样可以营造文字离我们眼睛远一点的效果。

[11楼] life** 2016-11-04 10:53

学习之前默默地留个脚印

[12楼] GISC** 2016-11-21 16:24

2016年11月21日GISCharlie

[13楼] Zhou** 2016-11-24 22:49

好开森,老师们好用心,喜欢这样的感觉

[14楼] 凯尔萨斯** 2017-01-09 15:33

千言万语汇成一句话:感谢老师,我会努力的!

[15楼] blue** 2017-01-10 19:12

boy and gril ------> boys and girls

[16楼] li10** 2017-03-28 10:19

出来这么久了才发现- -感觉好low,

[17楼] Cath** 2017-04-17 16:21

第一天入坑,希望以后会更好

[18楼] Cath** 2017-04-17 16:21

第一天入坑,希望以后会更好

[19楼] Cath** 2017-04-17 16:22

不是  为啥我第一次提交了评论之后   评论的textarea里面没有清空

[20楼] XF西风** 2017-06-06 15:00

点赞,学习之前默默地留个脚印

[21楼] 低调奢华** 2017-06-09 12:03

21楼,还不算太晚

[22楼] 星光--** 2017-06-13 17:06

希望threejs的学习结束时我能写一个属于我自己的3d游戏

[23楼] Mari** 2017-06-26 09:11

boy and gril 应该是“boy and girl”吧

WebGL中文网老师回答:

惭愧,我如此喜欢女孩,却拼错了女孩,惭愧啊

提问或评论

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