萌梦动作编辑器二期计划

大家好哦，这里是jcy。我们社区改版后，打算继续制作动作编辑器，希望这样的编辑器能够更加完善，更加方便大家使用。
目前动作编辑器的一些具体

1. PMX格式仍然不支持
2. 骨骼操作并不顺畅

这里，PMX格式这块儿的支持是比较困难的，但是我们还是努力，希望能够完善好这个模块。这里我已经找到别人制作软件的实现，希望能够模仿借鉴最后能够快速地完成。

我们预计时间可能需要2个月，还是很紧迫的，真切希望能够快速完成任务，相信我们，一定会完成的。

我们的萌梦动作编辑器对标的是国外的MikuMikuDance（以下简称MMD）。这里我们在制作骨骼动画功能的时候，发现MikuMikuDance中对于不同骨骼中Local以及Global旋转方式的处理方式不尽相同。

具体来说，Global轴旋转的时候，当鼠标悬浮在XYZ手柄上时，所有的骨骼上都会显示一个坐标系。这个坐标系是X轴向右、Y轴向上、Z轴朝向屏幕的。而当Local轴旋转的时候，同样当鼠标悬浮在XYZ手柄上时，只有【腕】组以及其下属的【指】组是沿着Local轴来旋转的，具体地说，拿【桐谷和人】这个模型来说，有“腕”“左肩”“左腕”“左ひじ”“左手首”“右肩”“右腕”“右ひじ”“右手首”“左親指１”“左親指２”“左人指１”“左人指２”“左人指３”“左中指１”“左中指２”“左中指３”“左薬指１”“左薬指２”“左薬指３”“左小指１”“左小指２”“左小指３”“右親指１”“右親指２”“右人指１”“右人指２”“右人指３”“右中指１”“右中指２”“右中指３”“右薬指１”“右薬指２”“右薬指３”“右小指１”“右小指２”“右小指３”这些是采用Local坐标系进行旋转的，其它的骨骼则仍然是采用Global坐标系进行旋转的。

此外，当采用的是Local坐标系时，软件采用坐标系的方法是：骨骼孩子朝向的位置作为X轴，然后按照右手定则确定Y轴和Z轴。注意，即使软件中显示的红绿蓝代表XYZ坐标轴，看起来右手坐标系的，MikuMikuDance使用的是DirectX作为渲染器，理所当然使用的是左手坐标系。

这虽然是一个很小细节，但对于我们软件的制作提供了一个很大的提示。

@jcy 再给一张骨骼的照片！

12条基本法则例举如下：

1. 挤压与拉伸

以特体形状的变形，强调瞬间的物理现角。

2. 预备动作：

加入一反向的动作以加强正向动作的张力,借以表示下一个将要发生的动作。

3. Staging表演及呈像方式：

角色的仪态、及表演方式，配合适当的摄影机运动，使能够有效的表达角色的特性及故事中的讯息。

4. 连贯动作法与关键动作法：

属两种不同的动画制作程序，前者根据连续的动作依序制作每一格画面；后者是先定义关键的主要动作，而后再制作关键动作间的画格。

5. 跟随动作与重叠动作：

“没有任何一种物体会突然停止，物体的运动是一个部分接着一个部分的” ，这是Walt Disney当初对于运动物体的诠释，之后动画师将这样的理论以跟随动作或重叠动作来称呼，我们可以用另一种更科学的方式来描述这个原理，就是“动者恒动”

6. 渐快与渐慢：

所有物体自静止开始动作，是渐快的加速运动，从运动状态到静止状态，则是呈渐慢的减速运动?

7. 弧形运动轨迹：

是凡所有会动的生物，其组成的任何部分之运动轨迹皆为平滑的弧形曲线?

8. 附属动作：

当角色在进行主要动作时，附属于角色的一些配件，或是触须、尾巴等部分，会以附属动作来点缀主要动作的效果?

9. 时间控制：

一段动作发生所需的时间，这是掌握动画节奏的最基本观念?

10. 夸张：

利用挤压与伸展的效果、夸大的肢体动作、或是以加快或放慢动作来加乘角色的情绪及反应，这是动画有别于一般表演的重要元素?

11. 纯熟的手绘技巧：

这是在传统手绘动画领域里，对于动画师的基本要求，然而在计算机动画领域，手绘已不再是动画师的工作内容?

12. 吸引力：

当设计角色时，能够以造型或独特的姿态让观众直觉角色的属性，藉以提高观众对于角色的印象，例如高矮胖瘦可分别代表不同个性的角色?
除了以上12项基本法则，另外可以延伸出另一项重要的原则：

13. 深度：

由于利用3D动画软件已经可以方便做出立体的效果，但是仍然可以擅用摄影机的功能加强景深，以突显画面所要表达的重点?

14. 平衡及重量感：

了解运动物体的重心所在，重心的位置可影响物体在视觉上的稳定度；物体在视觉上的轻重为何，除了在造型上予以定义，亦须由动作表现物体的重量感，除了可以在肢体语言上表达，亦可由时间控制上营造?

目前没有迹象表明，恶意账号使用机器人注册。不过我们接下来的一段时间将会采用邮箱验证的方式限制新入用户，尤其是防范恶意账号散发小广告的行为。此项任务预计七月底完成。

@玄霄 嗯，这的确是一个问题。我刚刚注册了一个测试的账号，也是无法登录，看来是一个未处理的异常。

@Jason 可以啊。这样尽量不会占用大家太多的时间，也可以留给我们足够的时间去策划这场活动。

@独孤邵宇 还有呢，最近360云盘要关闭的消息不胫而走，我赶紧去云盘搜索了几首歌曲，这首我觉得不错哦。
深宅们赶紧来收听收听！歌声有一种很强的穿透感，来自远方电子音乐演唱会的感觉，又有些朦胧。这里试听哦。

Hello，大家好，接下来由我来规划～
我们发现，需要一个很好很美观的邮件认证模板，有了这个邮件认证的模板，我们的论坛就会变得更加漂亮，也更加人性化。 可以引用一些同人的画作作为背景，加上一些温馨的词句，是非常棒的。

App名称：萌梦
App格式：apk（安卓适用）
App大小：19.8M

更新履历：
1、禁止使用中文或者其它非英文的文字作为用户名登录，您可以使用邮箱作为替代登录的方式。

此版本是紧急修复，下载地址：已暂停下载，请转至这里

@hslm 现在都是做界面和实现分离，让不同人关注需要关注的部分就好。

大家好，又有一段时间没有发布文章了。这次还是介绍最近研究USD的一些内容。主要是USD针对程序纹理的支持。如果有时间的话，还会给大家分享更多有关USD的内容的。

首先皮克斯工作室推出的USD文档以及一些示例代码并没有介绍程序化纹理的内容。但是有一些爱好者将自己输出的USD文档分享出来，其中包括了卡通着色的内容。下面就是一个简单的USD内容，它可以显示卡通着色（本例在USD 19.07中测试）：

cellshaded.usd

#usda 1.0


def Scope "Materials" {

    def Material "CelMaterial" { 

        rel displayLook:bxdf = </Materials/CelShader>

    }

    def Shader "CelShader" {

        uniform asset info:filename = @celshader.glslfx@
        
    }

}

def Scope "Geom" {

    def Mesh "Subdiv" {

        rel material:binding = </Materials/CelMaterial>

        float3[] extent = [(-1.21273, -1.21273, -1.21273), (1.21273, 1.21273, 1.21273)]

        color3f[] primvars:displayColor = [(0.078431372549019607, 0.51372549019607838, 0.80784313725490198)]

        int[] faceVertexCounts = [4, 4, 4, 4, 4, 4]

        int[] faceVertexIndices = [0, 1, 3, 2, 2, 3, 5, 4, 4, 5, 7, 6, 6, 7, 1, 0, 1, 7, 5, 3, 6, 0, 2, 4]

        point3f[] points = [(-1.21273, -1.21273, -1.21273), (1.21273, -1.21273, -1.21273), (-1.21273, -1.21273, 1.21273), (1.21273, -1.21273, 1.21273), (-1.21273, 1.21273, 1.21273), (1.21273, 1.21273, 1.21273), (-1.21273, 1.21273, -1.21273), (1.21273, 1.21273, -1.21273)]

        
    }
}

cellshader.glslfx

-- glslfx version 0.1

-- configuration
{
    "techniques" : {
        "default" : {
            "surfaceShader" : {
                "source": [ "Cel.SurfaceShader" ]
            }
        }
    }
}

-- glsl Cel.SurfaceShader

vec4 
surfaceShader(vec4 Peye, vec3 Neye, vec4 color, vec4 patchCoord)
{
    float c = 0.0;

    // Hard-code the light direction for now
    vec3 l = vec3(0.0, 0.0, 1.0);
    vec3 n = normalize(Neye);

    c = dot(l, n);

    vec3 cl;

    if (c > 0.99)
        cl = vec3(1.0, 1.0, 1.0);
    else if (c > 0.9)
        cl = color.xyz;
    else if (c > 0.5)
        cl = color.xyz*0.75;
    else if (c > 0.25)
        cl = color.xyz*0.50;
    else 
        cl = color.xyz*0.25;

    return vec4(cl, color.w);
}

效果如下（右键另存图片，使用7z文件文档管理器可以解压获得源代码）

我在这个例子的基础上加以发挥，想出了一个办法可以支持在纹理立方体上贴棋盘格图。整个着色器是使用GLSL做的。其中棋盘格的GLSL代码是我从“萌梦动作编辑器”中的时间轴例子借鉴的。

7_29_1.usda

#usda 1.0
(
    defaultPrim = "cube"
    endTimeCode = 1
    startTimeCode = 1
    upAxis = "Y"
)

def Mesh "cube"
{
    uniform bool doubleSided = 1
    float3[] extent = [(-0.5, -0.5, -0.5), (0.5, 0.5, 0.5)]
    int[] faceVertexCounts = [4, 4, 4, 4, 4, 4]
    int[] faceVertexIndices = [0, 1, 3, 2, 2, 3, 5, 4, 4, 5, 7, 6, 6, 7, 1, 0, 1, 7, 5, 3, 6, 0, 2, 4]
    normal3f[] normals = [(0, 0, 1), (0, 0, 1), (0, 0, 1), (0, 0, 1), (0, 1, 0), (0, 1, 0), (0, 1, 0), (0, 1, 0), (0, 0, -1), (0, 0, -1), (0, 0, -1), (0, 0, -1), (0, -1, 0), (0, -1, 0), (0, -1, 0), (0, -1, 0), (1, 0, 0), (1, 0, 0), (1, 0, 0), (1, 0, 0), (-1, 0, 0), (-1, 0, 0), (-1, 0, 0), (-1, 0, 0)] (
        interpolation = "faceVarying"
    )
    point3f[] points = [(-0.5, -0.5, 0.5), (0.5, -0.5, 0.5), (-0.5, 0.5, 0.5), (0.5, 0.5, 0.5), (-0.5, 0.5, -0.5), (0.5, 0.5, -0.5), (-0.5, -0.5, -0.5), (0.5, -0.5, -0.5)]
    float2[] primvars:st = [(0.375, 0), (0.625, 0), (0.625, 0.25), (0.375, 0.25), (0.625, 0.5), (0.375, 0.5), (0.625, 0.75), (0.375, 0.75), (0.625, 1), (0.375, 1), (0.875, 0), (0.875, 0.25), (0.125, 0), (0.125, 0.25)] (
        interpolation = "faceVarying"
    )
    int[] primvars:st:indices = [0, 1, 2, 3, 3, 2, 4, 5, 5, 4, 6, 7, 7, 6, 8, 9, 1, 10, 11, 2, 12, 0, 3, 13]
    uniform token subdivisionScheme = "none"

    rel material:binding = </cube/material>
    
    def Material "material"
    {
        token outputs:surface.connect = </cube/material/outputShader.outputs:surface>

        def Shader "PBRShader"
        {
            uniform token info:id = "UsdPreviewSurface"
            color3f inputs:diffuseColor = ( 1, 0, 0 )
            float inputs:metallic = 0
            float inputs:roughness = 0.4
            float inputs:opacity = 1
            //float inputs:ior = 0.1
            float inputs:clearcoat = 0.6
            float inputs:clearcoatRoughness = 1
            color4f outputs:color
        }

        def Shader "outputShader"
        {
            uniform asset info:filename = @./7_29_1.glslfx@
            color4f baseColor.connect = </cube/material/texture.outputs:color>
            color4f outputs:color
        }

        def Shader "texCoordReader"
        {
            uniform token info:id = "HwPrimvar_1"
            uniform token info:varname = "st"
            float2 outputs:result
        }

        def Shader "texture" 
        {
            uniform token info:id = "HwUvTexture_1"
            float2 uv.connect = </cube/material/texCoordReader.outputs:result>
            uniform asset info:filename = @./7_29_1.jpg@
            color4f outputs:color
        }
    }
}

7_29_1.glslfx

-- glslfx version 0.1

#import $TOOLS/glf/shaders/simpleLighting.glslfx

-- configuration
{
    "techniques": {
        "default": {
            "surfaceShader": {
                "source": [ "test.Surface" ]
            }
        }
    }
}

-- glsl test.Surface

float Mod( int x, int y )
{
    return float( x ) - float( x / y ) * float( y );
}
vec4 checkerBoard( float opacity )
{
    float gridWidth = 4.0;
    float gridHeight = 4.0;
    float width = 160.0;
    float height = 160.0;
    vec2 uv = HdGet_st().xy;
    float mod2X = Mod( int( width * uv.x / gridWidth ), 2 );
    float mod2Y = Mod( int( height * uv.y / gridHeight + 0.5 ), 2 );
    vec4 barColor = vec4( 1.0 );
    if ( mod2X == 1.0 && mod2Y == 0.0 ||
         mod2X == 0.0 && mod2Y == 1.0 )
    {
        barColor = vec4( 0.0, 0.0, 0.0, opacity );
    }
    else
    {
        barColor = vec4( 1.0, 1.0, 1.0, opacity );
    }
    return barColor;
}

vec4 surfaceShader( vec4 Peye, vec3 Neye, vec4 color, vec4 patchCoord )
{
    vec4 result = checkerBoard( 0.3 );
#if defined( HD_HAS_baseColor )
    result += HdGet_baseColor( );
#endif
#if defined( HD_HAS_selColor )
    result *= HdGet_selColor( );
#endif
    return result;
}

（右键另存图片，使用7z文件文档管理器可以解压获得源代码）

要说GLSLFX和GLSL的不同，我这边研究了一下，应该是GLSLFX是皮克斯工作室的USD项目在大实现Hydra的过程中自己研发了一个处理着色网络的格式。它对GLSL做了浅层的封装，并且定义了自己的渲染流程（渲染管线）。我们翻阅USD的源码，可以找到文件名带有.glslfx后缀的文件，通常包含了vertexShader、displacementShader、geometryShader、surfaceShader、fragmentShader、computeShader等等。最终还是输出渲染API能够辨认的GLSL代码的。我们可以通过设置HDST_DUMP_SHADER_SOURCEFILE环境变量将生成后的着色器输出到文件中以便排错（在USD 19.07之前没有此宏）。

@hslm 换肤的功能在Qt Quick Controls 2甚至是Qt Quick Controls中都是不难实现的。我也曾经实现过类似的。
比如说Qt Quick Controls有一些小而美的应用：QML Designer，它的界面给人感觉也是挺清爽的。
另外Github上也有一些爱好者提交自己制作的Qt Quick Controls 2的主题。其中包含了KDE项目。

最近，我的朋友在github搜索的时候，发现了国外小哥发布的一个USD的教程，叫做USD Cookbook，这个教程挺好的。它以USD的每一个方面，每一个特性介绍了USD文件的产生。并且给出了最简的代码。另外，由于USD也支持C++和Python的开发，他也提供了每个例子的C++和Python代码，这对于我们了解USD的机制（引用、合成、层）具有一定的帮助。

它的地址是：https://github.com/ColinKennedy/USD-Cookbook/tree/master/concepts/add_comment

比如说，它的第一章节，介绍了注释。在C++中，是这样的：

prim.SetMetadata(pxr::SdfFieldKeys->Comment, "I am a comment");

而在Python中，是这样的：

prim.SetMetadata("comment", "I am a comment")

最后产生的USDA文件是这样的：

#usda 1.0

def Sphere "MySphere" (
    "I am a comment"
) {
}

总之，用Python写的USDA比C++的要方便很多，也利于二次修改以及扩展。
相信《USD Cookbook》这本书能给我们的比我们凭空想出来的更多。

@xuin 嗯，感觉这个还是挺适合移动平台的。由于现在Qt部署Android和iOS已经成熟了，这个还是可以很容易移植到目标的平台上呢。
另外，很想知道，怎样用Qt Quick Controls 2来做一个支持任意桌面的主题。现在Qt Quick Controls 2针对于不同平台的主题似乎不一致，这真是个困难的问题呢。

@青山白云 是吗？不过我用Qt Cretor Dark主题仍然看不到特效呢。另外，这个程序似乎是Debug版呢，什么时候出一个Release版呢？

最近在研究USD材质和着色，稍微看了一下USD材质的相关属性。大致了解了USD材质的相关属性。看来USD的材质节点网络是相当复杂的。通过材质的连接，可以做到属性程序化生成。

具体来说相当复杂，这里先贴个图吧。

它支持下面的材质：

clearcoat
clearcoatRoughness
diffuseColor
displacement
emissiveColor
ior
metallic
normal
occlusion
opacity
roughness
specularColor
useSpecularWorkflow

这就是我们在USD的例子中进行修改得到的测试文件：

#usda 1.0
(
    upAxis = "Y"
)

def Xform "TexModel" (
    kind = "component"
)
{
    def Mesh "card"
    {
        float3[] extent = [(-430, -145, 0), (430, 145, 0)]
        int[] faceVertexCounts = [4]
        int[] faceVertexIndices = [0, 1, 2, 3]
        rel material:binding = </TexModel/boardMat>
        point3f[] points = [(-430, -145, 0), (430, -145, 0), (430, 145, 0), (-430, 145, 0)]
        texCoord2f[] primvars:st = [(0, 0), (1, 0), (1, 1), (0, 1)] (
            interpolation = "varying"
        )
    }

    def Material "boardMat"
    {
        token inputs:frame:stPrimvarName = "st"
        token outputs:surface.connect = </TexModel/boardMat/PBRShader.outputs:surface>

        def Shader "PBRShader"
        {
            uniform token info:id = "UsdPreviewSurface"
            color3f inputs:diffuseColor.connect = </TexModel/boardMat/diffuseTexture.outputs:rgb>
            float inputs:metallic = 0
            float inputs:roughness = 0.4
            float inputs:opacity = 1
            //float inputs:ior = 0.1
            float inputs:clearcoat = 0.6
            float inputs:clearcoatRoughness = 1
            token outputs:surface
        }

        def Shader "stReader"
        {
            uniform token info:id = "UsdPrimvarReader_float2"
            token inputs:varname.connect = </TexModel/boardMat.inputs:frame:stPrimvarName>
            float2 outputs:result
        }

        def Shader "diffuseTexture"
        {
            uniform token info:id = "UsdUVTexture"
            asset inputs:file = @USDLogoLrg.png@
            float2 inputs:st.connect = </TexModel/boardMat/stReader.outputs:result>
            float3 outputs:rgb
        }
    }
}

BTW：我们是用PyCharm做USD的开发哦。有关USD更多的知识我可以稍后整理出来。

开始安装了！

不过特效没有成功呢。在notepad++以及萌梦论坛的一些输入字符均无法成功。不过看到了光标都闪了一下，是不是图片没有加载成功呢？

@青山白云 好棒哦。我有点想学习一下，这个软件的制作！

@青山白云 使用Qt Installer Framework也是可以的，需要拿它的项目改一改样式就可以达到想要的效果。如果不在意没有无边框效果这个缺陷的话，那么指定ui文件也是很方便的。