前言 上一篇文章中简单介绍了PhiloGL框架如何上手.GLSL语言以及简单的绘制一个方块(见PhiloGL学习(1)--场景创建及二维方块加载).本文很简单,我们一起来让这个方块动起来.  一. 原理分析 以上一篇文章为基础,其中的html部分不需要修改,js部分仅做简单修改.本文主要操作的是camera. 想让一个物体动起来与现实情况一致,要么是调整自身姿态要么是调整自身位置.调整姿态是为旋转,调整位置是为移动,在PhiloGL中即为调整对象的position或者rotation.当然还有…

前言 上一篇文章中介绍了如何创建三维对象及加载皮肤,本文为大家介绍如何为场景添加光源. 一. 原理分析 光在任何地方都是非常重要的,无论在哪里都说是要发光发热,光和热也是分不开的.光线分为点光源和线光源,所谓点光源和线光源也是个相对的概念,站在地球上我们可以认为太阳光是线光源,其实从更大的尺度来看太阳光也是个点光源,只是我们站在地球上来看光线基本上是平行的了,所以可以认为是线光源.所有问题,站在不同的角度来看就会发生变化. 光线还有另外几个概念,环境光(ambient light).漫反射光(d…

前言 上一篇文章中介绍了我认识PhiloGL框架的机缘以及初步的探讨(见JS前端三维地球渲染--中国各城市航空路线展示),在此文中仅仅对此框架进行了简单介绍并初步介绍了一些该框架的知识.首先三维这个东西本身涉及的技术和知识点就非常多,我也基本属于初次接触:其次学习也需要过程,需要一点点积累,不积跬步无以至千里. 这几天天天加班,但是也利用空闲时间学习了些此框架的基础知识,本文为大家介绍如何创建一个简单的二维场景. 一. HTML部分 PhiloGL采用canvas来加载三维模型,所以只有在支持H…

前言 上一篇文章中介绍了如何响应鼠标和键盘事件,本文介绍如何加载三维对象并实现给三维对象添加一个漂亮的皮肤. 一. 原理分析 我对三维的理解为:所谓三维对象无非是多个二维对象拼接到一起,贴图就更简单了,就是将一张图片贴到对象上.so easy,那么我们就一步步来实现吧. 二. 创建立方体 2.1 立方体对象 这几天干个事,老是说数据立方体数据立方体,还是没有弄太懂什么是数据立方体,但是我完全可以弄个立方体啊.根据上面的分析知道三维与二维没有本质的区别,所以创建立方体同样是new一个Model对象…

前言 上一篇文章中介绍了如何让对象动起来,本文介绍如何让场景响应我们的鼠标和键盘以控制场景的缩放及对象的转动和移动等. 一. 原理分析 有了上一篇文章的基础,我们已经知道了如何让场景和对象动起来.本文我们通过键盘和鼠标来控制对象的动作,这就有点Game的意思了.对程序员来说,这其实是个很easy的事情,无非就是响应各种事件.下面就让我们来看一下PhiloGL如何完成此响应. 二. 事件响应 在PhiloGL类中添加events模块,用于监听各种事件.总体如下: PhiloGL('test1',…

 前言 话说上一篇文章结尾讲到这一篇要做一个地球自转以及月球公转的三维动画,提笔,不对,是提键盘开始写的时候脑海中突然出现了几年前春晚风靡的那首歌:蒙古族小丫头唱的快乐的一家.闲言莫提,进入正题.  一. 原理分析 场景涉及两个对象,一个是地球.一个是月球,当然这基本是废话,不过还可以再添加一个对象,月球的公转轨迹.地球和月球都可以用一个球来模拟(Sphere),稍微困难的是公转轨迹,公转轨迹是一个圆,PhiloGL貌似没有直接提供圆的封装,但是有画线段的API,细细想来,什么是圆?祖冲之早就告…

这不是草稿 辛巴学院:正大光明的不务正业.   上一次的教程写出来之后,反馈还是挺多的,有很多都做了修改,也有一些让人崩溃,不得不说上几句.有些人有些很奇怪的地方,你写篇东西,被看了以后不说他感觉怎么样.而是说你做个干啥?能赚钱么?而是说你做这个对我没有用,你还不如做点啥啥啥呢.我在此郑重申明: 我写只因为我想写,能不能赚钱或者取得其他好处,关你鸟事. 我写只因为我想写,我写的东西对你有没有用,关我鸟事. 我还会继续写下去,并且写什么选题全凭我自己.我不是一个职业写手,我没有任何责任为谁写什么东…

屠龙天团的少年们追着Alpha恶龙沿路留下的粪便,一路狂奔追到了福州大学生活区三十号楼4层活动室,空气中弥漫着恶龙的臭味!屠龙少年对恶龙的隐身遁迹之术心知肚明,于是点头示意,四下散开.各自拿出了电脑,假装认真地敲代码,一边等待着alpha恶龙现身,一边顺便浏览一些有趣的网页... 生命贵在坚持,屠龙天团的小伙伴们已经在活动室连续工作了五个多小时!alpha恶龙渐渐忍不住发出很烦躁的声音,同时空气中弥漫开一阵阵难闻的味道!莫非这是恶龙显身的前奏?? 屠龙少年的日常: 少铭:编写本地存储 ing!…

忽然想起这样一个场景:那时我还是小学三年级的一个小学生,上课的铃声响起,文艺委员起头,大家开始胡乱的开始唱歌,"让我们荡起双桨,小船儿推开波浪",歌声在一片稚气中慢慢停止.我们的语文老师姓曹,是个刚从师范毕业的小姑娘,长相清秀,是个非常认真的老师.曹老师上课的方式便是,总结中心思想,划分段落大意,以及分析那段文字是承上启下,或者转折之类的作用,于是,一篇美文便成了一只待宰的猪牛,场面有些血腥. 直到现在,我才有所理解这种思维本身是没有错的,它是在教给每一个同学分析问题,剖析问题,以及最…

了解的朋友应该知道我最近一直都在鼓吹webgl. 今天有一点时间,加了一个Egret3D的群,就开始了这个坑. 耳听为虚,眼见为实.让我们荡起双桨,一起去刷一下egret 打开姿势 至于以什么姿势打开,就让我用截图来解释吧. 由于我是vs重度爱好者,egretWing用起来实在是苦不堪言,于是我又安装了 基本的姿势问题,请询Egret各种社区,我们就来谈一谈代码. Egret3D基本概念 第一眼看到的代码是这样的,我勒个擦,让构造函数直接解决问题,这如果是我的兄弟,已经可以领辞退补助了. 不谈审…