hanyeah

模拟透镜成像。

3D原理，说白了就是透镜成像，将3维空间中的物体成像在一个屏上。复杂的3D效果可以找个引擎来做，简单的，就没必要用个大引擎了，可以自己来试试，效果比直接自己定义一种方式改变scale要好的多。

做了个例子，如下。透镜成像公式：1/f=1/u+1/v。其中f为焦距，凸正凹负；u为物距；v为像距，实正虚负。

一个翻牌的效果。没有用3d属性旋转，只是通过改变width来实现。

刚开始学习时做的东西。看看效果吧，后边有源码。

点击舞台可以再次播放翻转效果。

参考：http://www.riaway.com/flex/84.html

spark中的自定义皮肤。和mx中用css样式设置皮肤有很大的不同。spark中，给组件设置skinClass之后，原来的皮肤外观就不起作用了，只能显示skinClass定义的组件外观（只是外观不起作用，代码逻辑还起作用），我理解为：代码继承了父类，而外观不能继承。我最初想的自定义外观，是在原来基础上修改，而spark中能做的，是完全重写。

画图方法：IFS(迭代函数系统)。

效果如下，源码就不贴了，可下载附件来看。

画图方法：IFS(迭代函数系统)。

效果如下，源码就不贴了，可下载附件来看。

画图方法：IFS(迭代函数系统)。

效果如下，源码就不贴了，可下载附件来看。

flex有很多组件，开发起来比较方便，但是很多时候我们会希望自己设计组件的外观。

flex的组件库有mx和spark，具体区别可以百度，作者最终选择用spark。

如何自定义皮肤，先从按钮开始。参考：http://www.cnblogs.com/spoony/archive/2010/11/01/flex4-skinning-part01-simple-button-skin.html。直接复制代码，确实可以。

顺便看一下这个，讲的比上边那个详细一点。http://www.cnblogs.com/dynasty/archive/2012/02/25/2367469.html

最后看看这篇。http://www.adobe.com/cn/devnet/flex/articles/flex4_skinning.html

作者总结：我们可以通过指定skinClass来自定义组件的皮肤，skinClass指向一个mxml文件，该文件时用来描述自定义皮肤的，具体可以参考上面的文章。

问题：

前段时间用createjs做了个小游戏，发现一个问题：在使用Text显示文本的时候，中文内容无论多长都会不换行，后来在每个文字之间都加入一个空格，总算能换行了。

看了看createjs的源码，Text类的 _drawText方法中有这么两句：

1. var hardLines = String(this.text).split(/(?:\r\n|\r|\n)/);

2. var words = str.split(/(\s)/);

结合源码上下文来看就是，先根据“\r\n|\r|\n”来分行，然后一行内再通过"\s"来分词，单词中间是不换行的，单词之间可以换行。英文单词与单词之间是有空格的，而中文文字之间是没有空格的，所以中文会有问题。中文换行实现起来并不难，只是createjs的作者没有考虑到吧。这点lufyLegend做的就比较好。

最近createjs官网还是上不去，也懒得去看源码有没有更新了。目前做的时候是在中文之间插入空格，效果看着也还可以。

这个问题并不是什么大问题，解决起来也不难，知道了就好，就不再多说了。

参考： http://www.abook.cn/pdf/4062.0101.pdf

画图方法：L-系统。L系统开始是作为描述植物的形态与生长的一种方法，继而发展成计算机图形学中一种模拟大自然景物的有效方法，当然也是一种重要的分形生成方法。

效果如下，源码就不贴了，可下载附件来看。

源码打包下载

参考： http://www.abook.cn/pdf/4062.0101.pdf

画图方法：L-系统。L系统开始是作为描述植物的形态与生长的一种方法，继而发展成计算机图形学中一种模拟大自然景物的有效方法，当然也是一种重要的分形生成方法。

效果如下，源码就不贴了，可下载附件来看。

源码打包下载