10款非常优秀的 HTML5 开发工具

<p>HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写 HTML5 应用。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">Initializr</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。</p><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">→ 访问 Initializr</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5demos</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。</p><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">→ 访问 HTML5 Demos</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5 Tracker</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。</p><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">→ 访问 HTML5 Tracker</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5 visual cheat sheet</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。</p><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">→ 访问 HTML5 visual cheat sheet</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">Switch To HTML5</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。</p><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">→ 访问 Switch To HTML5</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">Cross browser HTML5 forms</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
HTML5 中的日历,取色板,滑块部件等都是非常棒工具,但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。
→ 访问 Cross browser HTML5 forms</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5 Test</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
→ 访问 HTML5 Test</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5 Canvas cheat sheet</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
Canvas 元素是 HTML5 最重要的元素之一,它可以在网页中绘制图形,非常强大。这是一个 Canvas 元素的详细速查手册。
→ 访问 HTML5 Canvas cheat sheet</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">Lime JS</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。
→ 访问 Lime JS</p><h2 style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 2.1em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0.75em; margin-right: 0px; margin-bottom: 0.375em; margin-left: 0px; font-weight: bold; text-rendering: optimizelegibility; color: #222222; font-family: 'Myriad Pro', VegurBold, helvetica; line-height: 1.125em; text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">HTML5 Reset</h2><p style="border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 15px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; line-height: 1.5em; text-align: justify; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;">
HTML5 Reset 是一组文件,包括 HTML、CSS 等,用于在开始新项目的时候帮助你节省时间,提供 HTML5 的空白WordPress模板。
→ 访问 HTML5 Reset</p>

阅读剩余部分 -

Adobe Photoshop CC 14.0 简体中文精简绿色版

<p>Adobe Photoshop CC 是 Adobe Creative Cloud 系列中的图像编辑与合成工具,这是 Adobe 公司决定放弃 Creative Suite 而把精力主要集中在 Creative Cloud 后推出的最新版本 Photoshop。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>Photoshop CC 依然是数字图象处理和编辑的业界标准,提供广泛的专业级润饰工具套件,并集成了专为激发灵感而设计的强大编辑功能。 相比之前的 Photoshop CS6、Photoshop CS5 和 Photoshop CS4,Adobe Photoshop CC 让你享有更多的自由、速度和功能,让令人惊叹的图像栩栩如生。</p><p>使用说明:这次提供的是 Ansifa 制作的精简绿色版,方便大家试用最新的 Adobe Photoshop CC。下载解压后运行 QuickInstall.exe 安装软件,注意安装前必须关闭所有 Adobe 系列软件,否则可能会出现安装不成功。 特别提醒的是,Adobe Photoshop CC 已经不支持 Windows XP 系统了,请在 Windows 7 SP1、Windows 8 或更新系统上运行。</p><p>开始下载 Adobe Photoshop CC 14.0 简体中文精简绿色版 (32位版)
Adobe_Photoshop_CC.7z | 122 MB
@精品绿色便携软件  |  Adobe Photoshop CC 14.0 (32位) 下载页面 | 更多版本下载</p><p> </p><p>开始下载 Adobe Photoshop CC 14.0 简体中文精简绿色版 (64位版)
Adobe_Photoshop_CC_(64Bit).7z | 129 MB
@精品绿色便携软件  |  进入软件下载页面</p>

阅读剩余部分 -

irrlicht引擎:硬件蒙皮骨骼动画

<div class="article_content" id="article_content"><p>这个东西很顺利,仅用了半小时就找到了方法,最应该感谢的还是Super TuxKart(简称STK,下面就都用这三字母了). 如果不明白STK,同时又对它感兴趣的童鞋,可以访问这里</p><p>http://supertuxkart.sourceforge.net/</p><p>由于墙的原因,需要各位搭梯子。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p> </p><p>上周末,在弄换装的时候,发现irrlicht引擎本身是不支持硬件蒙皮的,多少令人有些失望。 心里就一直寻思着怎么扩展一下,将它弄出来。</p><p>值得说明的是STK对irrlicht引擎的用法是很简单的,基本上可以说是裸用,并未在irrlicht接口上做修改。 而是对外进行了一些必要的扩展。</p><p>当然,STK也对外开放了一个irrlicht.dll,说是修改了其中的BUG。 但直接使用irrlicht是可以的。</p><p> </p><p>废话不多说,来说说如何不修改irrlicht一行代码,通过外部扩展来实现硬件骨骼动画吧</p><p> </p><p>首先,能够使我们不修改irrlicht代码的原因,是因为ISkinnedMesh提供了一个setHardwareSkinning接口,默认为false.</p><p>虽然这个接口的说明是"(This feature is not implemented in irrlicht yet)”,但并不代表,设置与不设置无差别。</p><p>查看代码可以发现,当你设置了这个为true以后,irrlicht就完全不管你的动画了。 意思就是,要是你非要让我干我不干不了的事,那就只有您另请高明了。</p><p>irrlicht连CPU计算都不会参与。 这正好让我们有机可乘,完全用GPU接管。</p><p> </p><p>而要让一个顶点参与骨骼计算,那骨骼索引则是少不了的。所以,我们需要想办法让顶点数据能够将骨骼索引代入SHADER中。</p><p>在STK中用了一种巧妙的方法, 就是使用了顶点的颜色数据, 虽然这样一来,顶点颜色就用不了了。 但在模型渲染时,顶点颜色很少被使用到的。 也就是说,顶点颜色在STK的动画模型中,被用作了骨骼索引。</p><p>初始化骨骼索引的方法很简单,用下面的代码遍历即可。</p><p>设:我们有一个骨骼动画模型是 ISkinnedMesh pSkinnedMesh = …</p><p>那么:初始化代码如下</p><p>for(u32 i = 0;i < pSkinnedMesh ->getMeshBuffers().size();++i)
{
    for(u32 g = 0;g < pSkinnedMesh ->getMeshBuffers()[i]->getVertexCount();++g)
    {
        pSkinnedMesh ->getMeshBuffers()[i]->getVertex(g)->Color = video::SColor(0,0,0,0);
    }
}</p><p>//初始化完毕以后,就是需要真正的索引赋值了,通过以下代码可以完成</p><p>const core::array<scene::ISkinnedMesh::SJoint
>& joints = pSkinnedMesh ->getAllJoints();
for(u32 i = 0;i < joints.size();++i)
{
    const core::array<scene::ISkinnedMesh::SWeight>&    weights = joints[i]->Weights;
    for(u32 j = 0;j < weights.size();++j)
    {
        int buffId = weights[j].buffer_id;</p><p>        int vertexId = pSkinedMesh->getAllJoints()[i]->Weights[j].vertex_id;
        video::SColor vColor = &pSkinedMesh->getMeshBuffers()[buffId]->getVertex(vertexId)->Color;</p><p>        if(vColor->getRed() == 0)
            vColor->setRed(i + 1);
        else if(vColor->getGreen() == 0)
            vColor->setGreen(i + 1);
        else if(vColor->getBlue() == 0)
            vColor->setBlue(i + 1);
        else if(vColor->getAlpha() == 0)
            vColor->setAlpha(i + 1);
    }
}</p><p> </p><p>//经过以上两个步骤,顶点数据改造完成。 值得注意的是, 在这里, 索引 0 是被认为是无效的</p><p> </p><p>然后,我们来创建一个SHADER作为渲染。</p><p>假设 我们将这个pSkinnedMesh绑定了到了一个IAnimatedSceneNode
node 上。</p><p>那,我们为这个结点创建一个材质 在创建材质前,我们需要准备一个SHADER回调。 SHADER回调就像下面一样就可以了。</p><p>class HWSkinCallBack:public video::IShaderConstantSetCallBack
{
    scene::IAnimatedMeshSceneNode m_pNode;
public:
    HWSkinCallBack(scene::IAnimatedMeshSceneNode
node):m_pNode(node)
    {</p><p>    }
    virtual void OnSetConstants(video::IMaterialRendererServices services,
        s32 userData)
    {
        scene::ISkinnedMesh
mesh = (scene::ISkinnedMesh)m_pNode->getMesh();
        f32 joints_data[55
16];
        int copyIncrement = 0;</p><p>        const core::array<scene::ISkinnedMesh::SJoint> joints = mesh->getAllJoints();
        for(u32 i = 0;i < joints.size();++i)
        {
            core::matrix4 joint_vertex_pull(core::matrix4::EM4CONST_NOTHING);
            joint_vertex_pull.setbyproduct(joints[i]->GlobalAnimatedMatrix, joints[i]->GlobalInversedMatrix);</p><p>            f32
pointer = joints_data + copyIncrement;
            for(int i = 0;i < 16;++i)
                pointer++ = joint_vertex_pull[i];</p><p>            copyIncrement += 16;
        }</p><p>        services->setVertexShaderConstant("JointTransform", joints_data, mesh->getAllJoints().size()
16);
    }
};</p><p> </p><p>好了,现在我们来创建一个材质</p><p>s32 hwskm = gpu->addHighLevelShaderMaterialFromFiles(
        "http://www.cnblogs.com/skinning.vert";,"main",video::EVST_VS_2_0,
        "","main",video::EPST_PS_2_0,&hwc,video::EMT_SOLID);</p><p>//用新创建出来的材质赋值给这个结点</p><p>node->setMaterialType((video::E_MATERIAL_TYPE)hwskm );</p><p> </p><p>//到此,设置完毕。</p><p>//最后,就是skinning.vert本身的内容了。 贴出来即可,没有太多技巧,就是一个普通的蒙皮。</p><p>// skinning.vert</p><p>#define MAX_JOINT_NUM 36
#define MAX_LIGHT_NUM 8</p><p>uniform mat4 JointTransform[MAX_JOINT_NUM];</p><p>void main()
{
    int index;
    vec4 ecPos;
    vec3 normal;
    vec3 light_dir;
    float n_dot_l;
    float dist;</p><p>    mat4 ModelTransform = gl_ModelViewProjectionMatrix;
    index = int(gl_Color.r 255.99);
    mat4 vertTran = JointTransform[index - 1];
    index = int(gl_Color.g
255.99);
    if(index > 0)
        vertTran += JointTransform[index - 1];</p><p>    index = int(gl_Color.b 255.99);
    if(index > 0)
        vertTran += JointTransform[index - 1];
    index = int(gl_Color.a
255.99);
    if(index > 0)
        vertTran += JointTransform[index - 1];
    ecPos = gl_ModelViewMatrix vertTran gl_Vertex;
    normal = normalize(gl_NormalMatrix mat3(vertTran) gl_Normal);
    gl_FrontColor = vec4(0,0,0,0);
    for(int i = 0;i < MAX_LIGHT_NUM;i++)
    {
        light_dir = vec3(gl_LightSource[i].position-ecPos);
        n_dot_l = max(dot(normal, normalize(light_dir)), 0.0);
        dist = length(light_dir);
        n_dot_l = 1.0 / (gl_LightSource[0].constantAttenuation + gl_LightSource[0].linearAttenuation dist);
        gl_FrontColor += gl_LightSource[i].diffuse n_dot_l;
    }
    gl_FrontColor = clamp(gl_FrontColor,0.3,1.0);</p><p>    ModelTransform
= vertTran;
    gl_Position = ModelTransform gl_Vertex;
    gl_TexCoord[0] = gl_MultiTexCoord0;
    gl_TexCoord[1] = gl_MultiTexCoord1;
    /

    // Reflections.
    vec3 r = reflect( ecPos.xyz , normal );
    float m = 2.0 sqrt( r.xr.x + r.yr.y + (r.z+1.0)(r.z+1.0) );
    gl_TexCoord[1].s = r.x/m + 0.5;
    gl_TexCoord[1].t = r.y/m + 0.5;
    */
}</p><p> </p><p> </p><p>//注:这是GLSL 2.0, 在用IRR做测试的时候,要选GL驱动方式。</p><p> </p><p>还是上个图吧,不上图感觉没有真像。 虽然图看不出来什么动作</p><p>image</p><p>为了说明它真的在动,不得不上第二张。</p><p> </p><p>image </p><p> </p><p>在此,十分感谢Super Tux Kart. 提供了一个学习和扩展irrlicht的榜样.</p></div>

阅读剩余部分 -

Flash, Flex, Air, Flashplayer之间的相互关系是什么?

<p>ActionScript
ActionScript通常简称为AS,它是Flash平台的语言。AS编写的程序,最终可以编译成SWF、SWC。SWF就是我们常说的Flash动画。但是现在SWF已经不仅仅是动画,而是RIA的载体。
ActionScript有3个版本,分别是1.0版(AS1),2.0版(AS2)和3.0版(AS3)。只有Flash Player 9及以上播放器才支持AS3编译的SWF。这三个版本的差别非常大,现在最流行的版本是AS3。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>


Flex与MXML
因为在开发RIA的时候,需要很多常用的功能,例如控件(Button,ComboBox,List……)、布局(VGroup、VBox……)等等…… Adobe就开发了一套官方的框架集来实现这些功能,这套框架集就叫做Flex。
为了方便程序员快速编写RIA程序界面,Adobe又实现了一种基于XML语法的语言MXML, 这套语言很像HTML,可以与AS混用,MXML最终也是编译成SWF或SWC。 Flex框架就是使用AS3与MXML两种语言写成的。但说白了,MXML 外加实现了MXML语法,如果你有兴趣,也可以自己实现这些。 Flash和Flex,都是用AS编写,使用swf体现。


Flash
现在Adobe已经将 Flash其定义为一个平台(Flash Plantform),包括了Flash IDE、Flash Builder、AIR、Flash Player以及更多。但我们一般讲Flash,有两个意思,一个是指Flash动画(也就是网页上扩展名为swf的动画),另一个就是Flash IDE。
Flash(IDE)从4.0开始进入中国,前期一直在网页动画方面告诉发展,多被用来做网页小广告(让你CPU100%的罪魁祸首之 一)和MV(showgood三国系列、小小系列、大学自习室……曾经风靡一时啊)。那时的“闪客”,主要是做动画,即使涉及到编程,也大多是用当时的 AS1.0(后来Flash MX 2004升级为AS2.0)写一点stop、gotoAndPlay之类的东东了。Flash(IDE)发展到8.0版本以后,才开始大量用于编程,当时 比较流行的就是“Flash留言本”等等。相关历史我做了一张图来表示,括号里的数字是年份。</p><p></p><p>

Flash Builder/Flex Builder
AS 发展到3.0之后,由于其语法和JAVA比较像,再加上增强的性能与强类型,可以完全脱离FLA文件,使用纯文本编码,受到了许多其他程序员(尤其是 JAVA程序员)的青睐。由此得以高速发展,用AS开发程序的人也越来越多。AS在视频网站、游戏行业发展迅速。但是,Flash IDE虽然是一个很好的动画制作工具,却不是一个好的开发工具。于是,Adobe又发布了Flex Builder,一个基于Eclipse的IDE,并发布了Flex SDK,后来又开源了。
有了免费的编译器,Flex得以快速发展。用 Flex Builder也可以开发纯AS项目(即所有的文件都是as文件,不包含MXML,也不包含FLA)。一个真正的程序猿,应该更愿意使用这种方式 吧?Flex Builder从4.0开始,被Adobe改名为Flash Builder。
Flash Builder和Flash IDE不应该放在一起比较,它们不是一类软件。如果一定要比较一下的话,那么就是Flash IDE比较偏重于设计一点,用它做动画比较方便,当然也可以用它编写AS3程序。用Flash IDE编写的程序,会有一个FLA源文件,可能还包含多个as文件。Flash Builder偏重于程序,用它可以开发MXML(也就是Flex)项目。也可以用它编写纯AS项目。用Flash Builder编写的项目,都是纯文本文件(.as或者.mxml)。 对于程序流,当然偏爱Flash Builder,而设计流比较偏爱Flash IDE。
当然,IDE并非只有Adobe官方的东西,Flash Develop就是个免费的IDE。如果你愿意,用记事本做编辑器也没什么不好(比如说zrong就正在尝试VIM),因为SDK和编译器都是免费的。


Flash Player
swf 动画需要在网页上显示出来,就需要安装Flash Player。Flash Player的不同版本,其实与Flash IDE也有一定的对应关系(从上图也能看出来)。但到了AS3时代后,这个对应关系就不那么明显了。Flash Player 9是能支持AS3 的最低版本(其实前面还有一个Flash Player 8.5,只是没普及就升级到9了),后面的Flash Player 都能支持AS3了。关于Flash Player,我写过一篇有史以来关于Flash Player的最详细说明,看这个就很清楚了。


AIR
Flash Player 再强大,也是运行在浏览器中,受浏览器约束。为了摆脱浏览器,Adobe又出奇招,发布了AIR。AIR其实就是一个Runtime,你可以把它理解成 JVM。有了AIR,就可以用AS3开发桌面软件,而且开发出的软件可跨平台运行(这和JAVA的一次编译,随处运行不是如出一辙么!)。目前国内的AIR应用主要集中在网站的客户端方面,例如新浪微博AIR客户端等。

SWF SWC SWZ
SWF
swf 是我们见到的最多的Flash平台文件了。是的,它就是Flash平台的最终表现形式。前面说到了,无论是Flex、Flash还是纯AS3,最终编译出 来的文件都是swf格式,浏览器中的Flash Player插件和独立的Flash Player,也只能“打开”swf文件进行播放。前面说到的AIR,它的本质也就是运行时+swf而已。
其实并非所有的swf都能直接播放的。swf有3种:</p><ol> <li>程序SWF(application swf):可以直接在flash player中运行的swf;</li> <li>库SWF(library swf):swc文件中的library.swf;</li> <li>模块SWF(module swf):Flex Module产生的swf文件。</li></ol><p>最终用户碰到的绝大多数都是“程序SWF”,而程序猿们碰到后面两种SWF的可能性就比较大。
SWC
SWC是一种库文件,通常用来发布非开源的类。程序猿们将源码编译成SWC文件,并发布API文档,我们就可以使用这些SWC提供的类库进行自己的开发。SWC并不是运行时共享的,而是在编译的时候直接加入了程序SWF中。最终的程序SWF可以脱离SWC运行。
SWC本质就是一个zip文档,其中包含一个library.swf文件和一个用于描述的xml文件,你可以用zip管理器打开它查看。
SWZ
你可能会发现,从TLF出现以来,Flex SDK中多了一个flashx包,这个包中的功能,就是用SWZ实现的。SWZ是在运行时共享的库,你可以将其看作一个可以放在外部的SWC。 而且SWZ的共享是平台级别的(Moudle SWF的共享是浏览器级别),存在于操作系统缓存中(Module SWF的存在浏览器缓存),只要下载过一次SWZ,你的操作系统中所有用到这些SWZ中的地方(无论是IE、FF、Chrome还是AIR)都不用重新下 载。
对于程序猿,这里的关于SWC和SWZ的信息肯定是不够的,所以建议看一下smithfox的swf swc swz RSLs ant,本文的这个部分也是参照它写成的。</p>

阅读剩余部分 -

如果你想当游戏原画师,你应当了解这些

<p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">本文由原画概念设计师来须苍真向游戏葡萄独家供稿,你可以点击这里访问他的知乎主页。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">导语:我认为,作为一个原画设计师,应该有最基本的职业操守,那就是正确的引导新人,我刚开始接触游戏原画的时候也绕了很多弯路,但是很感激我之前的一些前辈对我的指引,才能让我在这个行业继续追求梦想。以下心得分享给想要成为游戏原画设计师的新人们。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">原画设计师的优势:</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">原画师是一个非常好的职业,退能守,进能攻。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">就业范围也很广:</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">1.最常见的是游戏公司,场景原画,角色原画,宣传原画等等,如果能进入国内1,2线游戏公司,不管是端游手游还是页游,收入都很稳定,项目收成好的话会有项 目奖金。而且根据个人水平,如果你足够努力的话,升薪会非常快。在游戏公司工作不光要提升个人绘画能力,还要有更好的沟通交流能力,要有全局意识,这样才 能在项目中更好的发挥作用。如果个人意识比较好,升职也很快。通常是初级设计师-中级设计师-高级设计师-组长-主美-艺术总监--如果懂得策划又有技术 意识能玩转引擎,成为制作人也是可能的。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">2.外包公司,根据个人能力,多劳多得,少劳少得,全看绩效,工作比较苦逼,但是由于压力大,提升也快,但是也得分地方,如果长期蹲在小工作室,接触的项目单子也都很低级,容易被埋没。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">3. 自由原画师,自己在家接外包,有稳定的各种外单来源,长期与各种外包编辑打交道,除了游戏原画,卡牌,宣传海报,同人绘本等等,能力高的还会接影视概念等 等。但是要求个人自控能力很强,不然不会合理安排时间,更不能按时完成工作。而且个人格局要广阔,要经常跟周围的画手沟通交流,不然容易导致水平停滞不前。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">4.开班教学。当水平和能力足够高的时候,很多高手和大师会自己开班或者加盟其他教育机构成为老师,他们历经商业锤炼,有很高的职业素质和个人修养,专业水平大多数都远远超过国内的大学。老师们把自己毕生所学传授出去,和后辈们分享个人经验和人生感悟。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">5.影视概念。这种一般是跟剧组,开机之前会根据各种导演的要求画分镜头或者3D前期概念图。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">6.动画公司的概念设计师。这里也分2D跟3D。主要是负责动画内角色和场景的前期概念设计。</p><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">原画设计师的核心竞争力</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">创造力,艺术审美,设计师思维方式,转职方便。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">1.原画师最重要的应该是创造力,画画只是内心想法的表达工具。关于概念设计这一学科,它不是单一学科,而是融合了绘画,影视,文学,建筑,宗教,哲学等等等 一大串学科的混合学科,需要有复合知识面,各个学科涉猎广泛的概念设计师来主导这一流程。很多人觉得自己原创能力不足,是因为平日对各方面知识积累的过 少。很多国内外概念设计大师(不论从事游戏,影视,还是插画这些)他们的知识都很渊博,涉猎领域也很广。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">2.但是很多人由于个人水平问题,审美不足或者是美术功底不足,所以只能沦为最底层的流水线画师,在小公司做一些抄袭或者修图工作,工资低,职业发展没前途。美术功底决定了原画设计师的职业下限,而审美则决定了上限。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">3.设计师思维设计师思维是以审美角度出发,对于游戏产品开发而言,注重打磨细节,交互性,文化内涵,更注重创新。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">4. 通用性。作为有良好美术基础和审美,拥有广博知识面的设计师而言,不光是精通本行业的设计,其他设计行业也会有所涉猎。游戏公司的主美可以除了画原画,还 能画UI和做3D模型。很多画影视概念的还能自己画漫画。总之,把绘画作为艺术追求,本身可以是无止境的,越往上走你的路就越宽。</p><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">收入</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">1线城市1线公司原画刚入职的初级原画师3500-7000 1线城市2线公司3000-5000
2线城市1线公司原画刚入职的初级原画师3500-7000 2线城市其他各种公司800-4000
游戏原画设计师也是升薪比较快的职业,在一线城市一二线游戏公司,从业3年以上工资一般都在1W左右。</p><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">关于加班</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">游戏公司工作,的确很辛苦,当然,一分耕耘一分收获。很多公司的工资都是按照绩效算的,当项目盈利发奖金的时候,也会按照绩效来发奖金。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">很 多新人刚入职的时候肯定会有很多不适应,对公司流程的不了解或者对工作本身觉得有难度,这些都是需要自己逐渐克服的。但是很多人加班其实并不是因为项目忙 不过来,而是因为自己能力不过关,或者工作态度不够认真导致时间拖延,这就需要自己去调整好心态, 好的心态会带来好的职业前程。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">也有个别情况是因为工作中同事之间协作出了问题,这就需要相互沟通理解,不能太自我,要有大局观念,想想自己能给团队带来什么样的价值,别人需要帮助的时候要帮一帮,有机会多发挥自己的能力才是最重要的,不能埋头苦干只管自己的。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">还有就是领导安排工作出了问题所导致的加班,领导也是人,是人就难免出错,要彼此宽容。大家都是在同一个团队中,要和睦共处,有问题针对问题本身进行解决,不要积累个人恩怨,对自己和对别人都没有好处。要想快速成长,就要不断的反省,拓宽自己的格局。</p><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">个人对新人的建议</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">1.视野非常重要。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">多去看大师作品,多去跟行业内的人们交流,有时间可以去自己感兴趣的公司参观一下,了解一下游戏行业的制作流程,看看自己适合做哪一项工作。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">2.勤奋不间断的练习。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">这个非常重要,游戏美术是门技术职业,必须不断的磨练自己的水平才能获得提高,薪资也是直接跟水平挂钩的。因为每年游戏美术风格流行趋势都有变化,这就需要多去交流才能不断的进步,逆水行舟不进则退。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">3.找准自己的努力方向。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">既然选择了做原画设计师,就早点给自己制定目标。要想去哪家公司,先去了解自己喜好的公司他们的美术风格,针对 他们的项目风格进行练习,多积累作品然后去投简历。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">4.坚持不懈。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">总会有挫折的,我也见过很多同事干不下去转行的。如果这里有你的梦想,在面临选择的时候请问问自己,你想要的到底是什么。</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">5.遇到挫折和失败</p><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">能力水平一般的同学,尤其是觉得在大学没有学到东西的,请多花时间在工作中充实自己,万万不可自暴自弃继续浪费时间。如果经济和时间充裕,可以找渠道继续进 修一下自己的专业,把武器磨锋利了再出来杀敌,任何时候去学习都不算晚。千万别轻易被这个社会愚弄了。行走江湖多结交有思想有见解的人,早日形成自己正确 的价值观和事业追求,人要有理想才活得精彩。</p><h2 style="padding: 0px 0px 0px 7px; margin: 0px 0px 20px; font-weight: normal; font-size: 20px; line-height: 24px; color: rgb(0, 153, 0); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(0, 153, 0); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">结语</h2><p style="padding: 0px; margin: 0px 0px 20px; color: rgb(51, 51, 51); font-family: 'Lantinghei SC', 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 28.799999237060547px; orphans: auto; text-indent: 0em; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-align: left; background-color: rgb(244, 244, 244);">总体来说,游戏原画设计师的工作非常辛苦,但是大多数人都是为了梦想而来到这个行业,当你画出自己喜欢的作品时,这份喜悦和成就感能抵消一切疲惫。能在游戏的世界中成为造物主来创造游戏中的一切,把创造美作为实现人生价值来追求,那将是无比幸福的。</p>

阅读剩余部分 -

全球10大高端建站神器推荐

这不是天方夜谭!你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器,只需绘制矩形、填充颜色。我知道这很难相信,但他们就是存在!而且全球备受赞誉!

阅读剩余部分 -

关于“大数据”概念的产生

1.“大数据”的名称来自于未来学家托夫勒所著的《第三次浪潮》

尽管“大数据”这个词直到最近才受到人们的高度关注,但早在1980年,著名未来学家托夫勒在其所著的《第三次浪潮》中就热情地将“大数据”称颂为“第三次浪潮的华彩乐章”。《自然》杂志在2008年9月推出了名为“大数据”的封面专栏。从2009年开始“大数据”才成为互联网技术行业中的热门词汇。

阅读剩余部分 -

谷agent 关于服务器被干掉后如何使用

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">最近用go.agent经常出现大量黄字提示Failed,最痛苦的是用来上Google的相关网站那简直不忍直视呀!貌似到五六月份某种用途的道具就会有这样那样的问题。即使现在将go.agent更新到最新版本依然依然是各种掉,不过可以通过更改go.agent配置文件中的IP段来加快访问速度/增强稳定性。</p>

<div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">    如果有留意go.agent的issues页面,那边最近这两天的吵得非常厉害,但你也能找到一些go.agent能用的IP段,争吵的内容也就是关于IP段是否要公开分享的问题,有些人害怕IP段公开分享出来很快就会失效,也有些人认为IP段本来就是公开的迟早会失效不如现在就分享出来给大家用,其实我比较赞成后者。获取Google可用的IP段真的不是什么难事,用各地的网络PING一下google.com往往就能找到一些可以用的,这些IP本来就是公开的,即使你不公开,迟早都会被K掉。</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">    可用IP段的来源可以到issues页面去看看,或者这里https://gist.github.com/fqrouter/10024379</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">    下面放上目前还能用的几个IP,做好很快就失效的心理准备吧!此篇文章的目的是希望大家能够学到获取可用IP段的方法,事实上之前就有发过关于如何获取Google可用IP段的文章了,大家可以搜索一下。另外issues页面真的是个好地方!</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);"> </p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">https://github.com/justjavac/Google-IPs/blob/master/README.md    Guge全球服务器IP列表</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);"><span style="color: rgb(102, 102, 102); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: rgb(240, 240, 240);">google_cn = 60.199.175.82|60.199.175.83|60.199.175.84|121.78.74.99|60.199.175.123</span>

<span style="color: rgb(102, 102, 102); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: rgb(240, 240, 240);">google_hk = 210.61.221.187|121.78.74.99</span></p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">最后一个必杀技,如果你觉得搜索这些IP真的很麻烦有没有软件可以用,我告诉你: 有!</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);">给你们个链接下载去吧 http://pan.baidu.com/s/1eQ3ThGu</p>

<p style="margin: 0px 0px 10px; padding: 0px; border: 0px currentColor; color: rgb(51, 51, 51); line-height: 24px; font-family: &quot;Microsoft Yahei&quot;, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: baseline; background-color: rgb(243, 243, 243);"> </p>

[iplist]
google_cn = www.google.cn|www.g.cn
google_hk =www.google.com|mail.google.com|www.google.com.hk|www.google.com.tw|www.l.google.com
google_cn = 121.78.74.99|60.199.175.123
google_hk = 85.182.250.45|193.192.226.183|220.255.5.84|212.188.7.236|210.242.125.50|83.145.196.15

<p> </p>


阅读剩余部分 -

随机文章

最近回复

分类

其它

友情连接

推广链接