游戏开发者社区

[ActionScript 3] 10.9上第5章pdf|原创教程"ActionScript3游戏中的图像编程"连载中

查看: 33431|回复: 464

iloveas  

Rank: 18Rank: 18Rank: 18

威望
27 点
义气
2380 点

大光棍节纪念勋章 AQ小生 AQ大侠 AQ小仙 AQ大神

发表于 2014-8-4 11:06:08 |显示全部楼层
    有点遗憾地告诉大家,前几天有位策划编辑跟我联系上了,希望把我的教程制作成实体图书来出版。如果进展顺利的话,那我这里的更新将到此为止,本帖也将在不久后取消置顶。不过我相信,在专业编辑的指导下,我的教程会以更完美的姿态呈现在大家面前,敬请期待!

    我已建立读者交流QQ群,诚邀您的加入:371259465

    以后iloveas会继续为大家提供更多的免费教程,不过这段时间会比较忙,估计得等一个多月才能抽出时间来写。


    经过近两年的不懈努力,笔者的原创教程“ActionScript3游戏中的图像编程”终于在今日划上了完美的句号!这当中记录着笔者多年来在游戏制作,尤其是当中图像处理方面的经验心得。虽然使用的语言是目前可能正在没落的ActionScript3.0,但由于其中渗透着深刻的编程思想和实用技巧,因此其意义已经远远超越了ActionScript本身。您可以把从本教程学到的知识轻松移植到其他支持图像编程的开发语言中(我也想换个语言重写,可惜精力不足)。

        此外,本教程还包含了一些颜色搭配的知识,对于提高程序员的审美水平,提升游戏产品的质量也很有帮助!

        特别鸣谢:
       1 Finance大大:他在回帖里分享了一款跟我第一章内容灰常吻合的趣味小游戏,链接在此:http://www.xrite.com/online-color-test-challenge
       2 还是Finance大大分享的,属于程序员的十六进制色码表:http://www.toodoo.com/db/color.html
       3 mlchi大大分享的,what is hex,考验你辨色能力的Flash小游戏:http://flash-games.wonderfl.net/blog/2010/12/what-the-hex.html
          4 钙基大大分享的,炫彩战机,基于位图粒子技术的Flash小游戏:http://www.u77.com/game/5807

        相关链接:
        基于图形图像技术的休闲小游戏《看你有多溅》:http://bbs.9ria.com/thread-417427-1-1.html
      《看你有多溅》源码发布:http://bbs.9ria.com/thread-417990-1-1.html
       配套教程《从零开始学粒子——教大家制作绚丽的烟花雨效果》:bbs.9ria.com/thread-402946-1-1.html
       佛祖代码升级版——支持观音转世的字符画程序(有源码):http://bbs.9ria.com/thread-406030-1-1.html
       同样以溅为主题的休闲游戏《High歌溅舞》http://www.4399.com/flash/150761.htm


        iloveas给大家送福利啦!回复本帖或者本教程的任意一篇帖子,都至少送2两银子,回的越多送的越多(同一篇里回复不重复给)。
基本评分标准:纯支持的2两,有实际内容评价的再加1~3两,有相关链接分享,或者详细评价的再加1~5两,能具体指出教程正文里的错误,再追加5~10两

     此外,为方便大家阅读,从今天起,我会在每一章连载完成以后都在本帖发布相应的pdf文件,欢迎各位前来下载!(附件在目录的后面)

        下面是本教程的部分目录,以后会持续更新,敬请期待!

目录(链接可点)
前言
        1 本教程的创作目的及面向的人群
        2 本教程内容及编排
        3 本教程的几个约定
        4 开发环境的配置
第1章 解读色彩
        1.1 RGB模式,ARGB模式及其运算
              1.1.1 RGB模式及其运算
              1.1.2 Flash中的ARGB模式与不透明度的关系
        1.2 ColorTransform对RGB数值的操作及应用
              1.2.1 RGB测试用例的书写
              1.2.2 初始效果及颜色属性的测试
              1.2.3 线性/倍乘提高降低亮度
              1.2.4 单个通道的线性/倍乘变化
              1.2.5 colorTransform在色彩处理方面的不足 &  1.2.6 Alpha测试用例的书写
              1.2.7 线性提高或降低alpha值 &  1.2.8 设置alpha值
              1.2.9 用ColorTransform实现反色效果
       1.3 HSB模式及其与RGB间的转换
              1.3.1 HSB模式的色彩空间模型及其分支
              1.3.2 软件中的拾色器如何实现HSB的色彩空间模型
              1.3.3 HSB与RGB之间的互转公式及HSL和HSV对色彩属性理解的异同
              1.3.4 HSB与RGB互转公式的ActionScript实现
       1.4 浅析亮度与灰度/明度的关系
              1.4.1 灰度/明度的概念及其与HSB亮度的异同
              1.4.2 灰度的计算方法
              1.4.3 用灰度/明度指导色彩搭配

第2章 初识图层样式与滤镜
        2.1 Photoshop图层样式初体验
              2.1.1 投影样式的制作
              2.1.2 斜面和浮雕样式的制作
              2.1.3 添加渐变叠加样式
        2.2 Photoshop投影样式在Flash基本滤镜中的体现
              2.2.1 投影颜色与透明度的模拟
              2.2.2 Photoshop投影大小的模拟
              2.2.3 Photoshop/Flash中的投影品质
              2.2.4 Photoshop转Flash的投影角度换算
              2.2.5 投影距离的模拟
              2.2.6 Photoshop投影扩展参数在Flash滤镜中的体现
              2.2.7 关于Photoshop的图层挖空投影
              2.2.8 Photoshop品质初探——杂色
              2.2.9 Photoshop品质初探——等高线
              2.2.10 内阴影选项
        2.3 使用斜角滤镜模拟Photoshop的斜面样式
              2.3.1 用方块观察斜面样式与斜角滤镜作用方法的差异
              2.3.2 Photoshop斜面样式的精雕细琢VS Flash斜角滤镜的粗制滥造
              2.3.3 Photoshop深度==Flash强度?
              2.3.4 Photoshop高度==Flash距离?
              2.3.5 Photoshop大小==Flash模糊?

第3章 解密Flash简单滤镜
        3.1 Flash简单滤镜真相大揭秘
                3.1.1 Flash简单滤镜的共性分析
                3.1.2 以小见大——从细节损失洞悉滤镜本质
                3.1.3 用内侧滤镜验证Flash简单滤镜的实现原理
                3.1.4 简单滤镜中的渐变原理探讨
        3.2 诡异的滤镜参数值为您创造出更多的奇葩
                3.2.1 高强度的发光滤镜等于描边
                3.2.2 高强度的斜角模拟所谓的“雕刻清晰”
                3.2.3 反向斜角实现凹陷的浮雕效果
                3.2.4 利用斜角的双层叠加创建水晶感的高光
                3.2.5 更改渐变滤镜不透明度的变化趋势来加强滤镜的立体感
                3.2.6 渐变滤镜模拟简易等高线
                3.2.7 用冲破极限的数字打造图形纹理

第4章 数学之美——浅谈复杂滤镜与矩阵数学的那些事
        4.1 从田忌赛马到矩阵的四则运算
                4.1.1 田忌赛马故事中的矩阵及其加法
                4.1.2 矩阵加法的中性元素——零矩阵
                4.1.3 从田忌赛马的矩阵加法到矩阵的减法与数乘
                4.1.4 田忌赛马中矩阵乘法的体现
                4.1.5 矩阵乘法的中性元素——单位矩阵
                4.1.6 田忌赛马矩阵乘法的推广——资源的重组与分配
                4.1.7 资源调度行为的撤销——逆矩阵
        4.2 图形变换矩阵——Matrix
                4.2.1 矩阵数学实现点的基本变换
                4.2.2 矩阵变换的归纳及其在Matrix中的体现
                4.2.3 使用Matrix类实现图形变换
                4.2.4 Matrix中的矩阵乘法与变换合并
                4.2.5 使用Matrix为我们封装的矩阵变换方法
                4.2.6 使用Matrix类实现点的变换
                4.2.7 变换参考点的转移
                4.2.8 用逆矩阵管理多种变换
        4.3 迷离的色彩矩阵——ColorMatrixFilter与DynamicMatrix
                4.3.1 ColorMatrixFilter与ColorTransform的功能比较
                4.3.2 测试用例的调整
                4.3.3 ColorMatrixFilter与ColorTransform在底层处理机制上的差异
                4.3.4 ColorMatrixFilter精粹的体现——跨通道运算
                4.3.5 DynamicMatrix中的矩阵数学
                4.3.6 ColorMatrix中的矩阵数学
        4.4 引入AdjustColor类
                4.4.1 亮度矩阵brightness的算法及其与Photoshop亮度调整的异同
                4.4.2 对比度矩阵contrast的算法原理
                4.4.3 饱和度矩阵saturation的算法原理
                4.4.4 色相矩阵hue的算法原理
                4.4.5 AdjustColor合并4个矩阵
                4.4.6 AdjustColor的优点与局限性分析
        4.5 资源分配又一例——矩阵卷积与ConvolutionFilter
                4.5.1 矩阵卷积的社会学原型及算法原理
                4.5.2 矩阵卷积的ActionScript实现
                4.5.3 基于距离的加权平均矩阵
                4.5.4 振铃现象的处理
                4.5.5 后卷积操作
                4.5.6 卷积运算对像素的影响机制
                4.5.7 卷积矩阵的高级技巧及其原理

第5章 混合模式原理初探
        5.1 混合模式的基本原理及其应用场合
                5.1.1 投影色彩与背景环境的关系
                5.1.2 在Flash中使用混合模式
                5.1.3 混合的数学概念
        5.2 alpha与混合模式
                5.2.1 alpha混合的色彩算法
                5.2.2 alpha混合公式测试及不透明度的性能分析
        5.3 混合模式的分类
                5.3.1 RGB类混合模式的基本运算模式及其优先级
                5.3.2 混合模式工具类的书写
                5.3.3 组合类混合模式简介
                5.3.4 透明度类混合模式及其用途
                5.3.5 反相混合模式
                5.3.6 为什么透明度混合模式必须在“图层”模式下运行
                5.3.7 Photoshop的穿透模式在Flash IDE中的体现
        5.4 多滤镜,多模式组合实现相对复杂的Photoshop图层样式
                5.4.1 滤镜与原图形的分离
                5.4.2 Photoshop样式叠放次序的探讨

第6章 混合模式深度剖析
        6.1 BitmapData基础
                6.1.1 BitmapData与像素级处理
                6.1.2 最像素级的方法——getPixel和getPixel32
                6.1.3 对应的设置方法——setPixel,setPixel32
                6.1.4 批量上色方法——fillRect
        6.2 基于BitmapData的自定义混合模式
                6.2.1 探讨draw的混合模式算法
                6.2.2 内置混合模式回顾
                6.2.3 自定义混合模式的雏形
                6.2.4 使用自定义混合模式算法
                6.2.5 溶解模式的ActionScript实现
                6.2.6 HSB混合模式的ActionScript实现
        6.3 用Excel数学曲线剖析混合模式
                6.3.1 生成混合模式结果表格
                6.3.2 将表格数据转换为三维图表
                6.3.3 二维剖面图制作原理
                6.3.4 生成二维剖面图所需的数据
                6.3.5 将剖面图数据转换为图表
                6.3.6 测试柔光混合模式的函数图像
                6.3.7 坐标轴转换,更改剖面方向
                6.3.8 测试强光混合模式的函数图像
                6.3.9 测试点光混合模式的函数图像
        6.4 混合模式高级技巧
                6.4.1 自增混合
                6.4.2 反相混合
                6.4.3 错位混合
                6.4.4 正交混合
                6.4.5 滤镜混合


        前言.pdf下载
游客,如果您要查看本帖隐藏内容请回复

        第1章_解读色彩.pdf下载
游客,如果您要查看本帖隐藏内容请回复

        第2章_初识图层样式与滤镜.pdf下载
游客,如果您要查看本帖隐藏内容请回复

        第3章_解密Flash简单滤镜.pdf下载
游客,如果您要查看本帖隐藏内容请回复

      第4章_数学之美——浅谈复杂滤镜与矩阵数学的那些事.pdf下载
游客,如果您要查看本帖隐藏内容请回复
  第5章_混合模式原理初探.pdf下载
游客,如果您要查看本帖隐藏内容请回复





































本帖评分记录:45人评分    银子+494 
fightjjj 银子 + 5 原创内容
alabo 银子 + 5 原创内容
欧麦过 银子 + 2 赞一个!
lanzhifen 银子 + 2 赞一个!很不错,
zcgcn 银子 + 1 起码给我20两
nickro 银子 + 20 原创内容
Clience 银子 + 18
ZЁЯ¤ 银子 + 20 看帖回帖,是一种美德。
博锐 银子 + 5 大赞
惜月无双 银子 + 5 原创内容
西门吹雪 银子 + 5 怒赞!
nuli2012 银子 + 2 赞一个!
钱包 银子 + 2 本人银子不多,只好意思意思了.
jiangchufei 银子 + 5 原创内容
侦探00晕 银子 + 5 好东西
ssiqdx 银子 - 2 手抖了下
wushuangui 银子 + 5
bat007 银子 + 5 原创内容
sxtaosdo 银子 + 20 原创内容
hwbin2002 银子 + 5 原创内容
幻白一驹 银子 + 10 原创内容
lxzlxzlxz 银子 + 5 赞一个!
eakind 银子 + 5 赞一个!
小松626 银子 + 20 zan
鸩羽千夜 银子 + 20 原创内容
DN晴天 银子 + 2 赞一个!
80491636 银子 + 1 啦啦啦
luanluan 银子 + 20 原创内容,菜头帮来贺
jayson1234 银子 + 30 赞一个!
壞壞のWO 银子 + 20 原创内容 赞一个
雪辰偶德 银子 + 2 不错,好东西要慢慢品尝。
z_y2008 银子 + 20 原创内容
jxyingzi 银子 + 20 不错的资料
江湖风云 银子 + 20 歌美胸
clschen 银子 + 30 原创内容
mada310 银子 + 2 给力的iloveas,名字都这么实在
foodyi 银子 + 20 很给力!
xiaosong402 银子 + 5 赞一个!
shawn00 银子 + 2 原创内容
wfssjily 银子 + 5 楼主是个思想缜密的人
伱永远不可以 银子 + 20 简直不要太屌
文先生 银子 + 20 赞一个!
zqcyou 银子 + 32 点32个赞哈
niauwu 银子 + 20 原创内容
dlamwz 银子 + 8 原创内容
还有40条评分,点击查看

举报

Rank: 12Rank: 12Rank: 12

威望
14 点
义气
25 点

AQ小生 赤子之心勋章

发表于 2014-8-4 11:27:21
哥哥,你可以给个链接么?
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

iloveas  

Rank: 18Rank: 18Rank: 18

威望
27 点
义气
2380 点

大光棍节纪念勋章 AQ小生 AQ大侠 AQ小仙 AQ大神

发表于 2014-8-4 11:28:42
wyy5552 发表于 2014-8-4 11:27
哥哥,你可以给个链接么?

您好,链接我正在编辑了,请稍等,灰常感谢您的关注和支持!

举报

Rank: 12Rank: 12Rank: 12

威望
0 点
义气
25 点
发表于 2014-8-4 11:50:52
你真棒.

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:16:45
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

Rank: 11Rank: 11Rank: 11Rank: 11Rank: 11

威望
2 点
义气
30 点
发表于 2014-8-4 12:28:58
支持一个~~~

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:16:58
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

Rank: 14Rank: 14Rank: 14Rank: 14Rank: 14

威望
96 点
义气
135 点

大光棍节纪念勋章 AQ大侠 AQ小生

发表于 2014-8-4 12:31:47
我该说支持格美!!!

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:17:09
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

niauwu  

Rank: 16

威望
295 点
义气
500 点

翻译小超人 译林军四象译士 译林军三才译士 AQ小生 AQ大侠 译林军 译林军一元译士 译林军两仪译士

发表于 2014-8-4 12:35:35
感謝分享精華文章

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:17:21
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

zqcyou  

Rank: 10Rank: 10Rank: 10Rank: 10

威望
576 点
义气
145 点
发表于 2014-8-4 13:35:44
这个教程都是自己写的吗

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:17:32

举报

dlamwz  

Rank: 9Rank: 9Rank: 9

威望
85 点
义气
87 点

AQ小生 大光棍节纪念勋章 六角金星勋章 吾乃作家

发表于 2014-8-4 13:39:27
不错 支持原创

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 14:17:44
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

iloveas  

Rank: 18Rank: 18Rank: 18

威望
27 点
义气
2380 点

大光棍节纪念勋章 AQ小生 AQ大侠 AQ小仙 AQ大神

发表于 2014-8-4 14:18:14
zqcyou 发表于 2014-8-4 13:35
这个教程都是自己写的吗

是的,全部是我自己的原创,写了有将近两年的时间

举报

zqcyou  

Rank: 10Rank: 10Rank: 10Rank: 10

威望
576 点
义气
145 点
发表于 2014-8-4 16:00:08
iloveas 发表于 2014-8-4 14:18
是的,全部是我自己的原创,写了有将近两年的时间

太感谢了,这得重点宣传呀
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

iloveas  

Rank: 18Rank: 18Rank: 18

威望
27 点
义气
2380 点

大光棍节纪念勋章 AQ小生 AQ大侠 AQ小仙 AQ大神

发表于 2014-8-4 16:11:24
zqcyou 发表于 2014-8-4 16:00
太感谢了,这得重点宣传呀

灰常感谢总舵主的支持啊!!
以后我都在这帖子里更新目录了。把这篇给置顶,高亮一下,你看怎样?

举报

Rank: 5Rank: 5

威望
0 点
义气
0 点
发表于 2014-8-4 16:12:02
养肥再看~~
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

iloveas  

Rank: 18Rank: 18Rank: 18

威望
27 点
义气
2380 点

大光棍节纪念勋章 AQ小生 AQ大侠 AQ小仙 AQ大神

发表于 2014-8-4 16:59:29
月夜鸣空 发表于 2014-8-4 16:12
养肥再看~~

灰常感谢支持!!我在努力更新中,敬请期待!

举报

Rank: 4

威望
2 点
义气
7 点
发表于 2014-8-4 17:06:05
看了几篇,写得真好,楼主快点更吧。。

点评

iloveas  灰常感谢支持!  发表于 2014-8-4 21:54:58
本帖评分记录:1人评分    银子+2 
iloveas 银子 + 2 灰常感谢支持!

举报

您需要登录后才可以回帖 登录 | 注册

关闭

江湖传闻

手机版|9RIA.com ( 京ICP备11007422号-2 

GMT+8, 2017-7-23 20:39 , Processed in 0.108393 second(s), 26 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部