参考链接

1. 三分线构图，7种玩法，简单拍出美！,by 手机摄影构图大全.
2. 常用的摄影构图之三分线,by 慢热氧气.
3. 设计理论：如何使登录页更完美与高效？,by Lainey.
4. ps制作设计网站登录界面,by 正在修炼web的小芮.

Vcpkg 可帮助您在 Windows、 Linux 和 MacOS 上管理 C 和 C++ 库。

安装vcpkg

首先，请下载vcpkg并执行 bootstrap.bat 脚本。

1
2

> git clone https://github.com/microsoft/vcpkg
> .\vcpkg\bootstrap-vcpkg.bat

使用vcpkg

使用以下命令安装您的项目所需要的库：

1

> .\vcpkg\vcpkg install [packages to install]

您也可以使用 search 子命令来查找vcpkg中集成的库:

1

> .\vcpkg\vcpkg search [search term]

若您希望在 Visual Studio 中使用vcpkg，请运行以下命令 (首次启动需要管理员权限)

1

> .\vcpkg\vcpkg integrate install

若您希望在 Visual Studio 中卸载vcpkg，请运行以下命令 (首次启动需要管理员权限)

1

> .\vcpkg\vcpkg integrate remove

卸载vcpkg只需删除vcpkg的文件夹即可。

导出开源库（通常在项目中使用第三方开源库时会把其拷贝到项目文件夹中使用）:

1

vcpkg export spdlog:x64-windows --zip

然后将导出的开源库，放入另一台机器的vcpkg安装目录，即可使用。

参考链接

1. Windows下OsgEarth编译安装过程,by huangwang.
2. How to remove vcpkg and all libraries installed with vcpkg,by stackoverflow.
3. [工具]包管理工具Vcpkg 的使用,by 南象.
4. vs2017 + vcpkg包管理工具,by 爱看书的小沐.
5. vcpkg安装库的导出和使用,by songjiahao.
6. C++包管理工具vcpkg,by qqblack.

现有游戏AI基本通过下面两个方式进行实现：行为树（Behavior Tree）与有限状态机（Finite State Machines）。

有限状态机

“状态机”是一种表示状态并控制状态切换的设计模式，常常用于设计某种东西的多个状态。而有限状态机是指游戏内的条件逻辑封装到各个状态类里。例如一个人有站立状态，跑动状态，走路状态，蹲下状态，开火状态等，当一个事件发生，将会触发一个动作，或者执行一次状态的迁移。

行为树

行为树是一棵用于控制 AI 决策行为的、包含了层级节点的树结构。树的最末端——叶子，就是这些 AI 实际上去做事情的命令；连接树叶的树枝，就是各种类型的节点，这些节点决定了 AI 如何从树的顶端根据不同的情况，来沿着不同的路径来到最终的叶子这一过程。

参考链接

1. 游戏AI入门及AI优化,by 泪的天堂.
2. AI 行为树的工作原理,by INDIENOVA.
3. 游戏AI：AI的游戏还是游戏的未来,by Jim.
4. 游戏AI之初步介绍,by KillerAery.

vuejs的watch当值第一次绑定的时候，不会执行监听函数。可使用immediate:true解决。比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为true:

1
2
3
4
5
6
7
8
9
10
11
12
13

new Vue({
  el: '#root',
  data: {
    cityName: ''
  },
  watch: {
    cityName: {
    　　handler(newName, oldName) {
      　　// ...    　　},
    　　immediate: true
    }
  } 
})

参考链接

1. vue watch用法 及 immediate和handler,by Li同志103649.

Golden Layout 是一个 Javascript 布局管理器，它使您能够在网页中布局组件并通过拖放重新排列它们。

参考链接

1. 以golden-layout官方网站版本，用vue2.x 开发的多布局管理,by 草莓沾奶豆腐.
2. vue 启动报错：TypeError: Cannot read property ‘range‘ of null,by 进击de菜鸟.
3. import实现动态路由时不能使用变量的问题,by 练习一下.
4. golden layout version 1 doc,by golden-layout.

在前端网页设计中，美工给的设计稿的宽度和高度是固定的，但显示设备的像素是多变的，因此需要响应式设计。

由于最新的tailwind css使用post css 8版本，vue2框架暂时还不支持，所以需要指定安装postcss7的版本:

1

npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

参考链接

1. 如何评价CSS框架TailwindCSS？,by zhihu.
2. 超简单！怎样在Vue2中使用TailWind Css,by vx_1097122362.
3. Error: PostCSS plugin tailwindcss requires PostCSS 8,by stackoverflow.
4. Tailwindcss底层基石的理念,by xfyuan.
5. TailwindCSS v3.0 正式发布！一大波新特性来袭！,by 一只图雀.
6. element-ui的响应式布局,by Rackar.
7. 关于Element UI响应式布局问题,by Huanlis.

HUD (Head Up Display, 抬头显示器)，相机的一种，好比英雄联盟的小地图。

参考链接

1. OSG HUD (渲染屏幕上贴图和写字),by MissXy.
2. Chapter 7: Viewing the World,by osg3.

OsgEarth嵌入QT5方法

• 使用osgQT
• 使用QOpenGLWidget

OsgEarth数字地球显示变形问题

解决方案请参考解决osgearh程序运行后对象变形的问题。

OsgEarth开发时的一些问题

请参考OpenSceneGraph FAQ。

添加HUD到场景的三种方式

作为viewer的子相机；

作为viewer下根节点的一个子节点；

使用CompositeViewer，添加一个HUDView，使得HUDCamera作为HUDView的主相机。

着色器自定义

参考链接

1. [osgearth]oe学习的一些经验（别人的）,by 南水之源.
2. osgEarth嵌入qt的实现方式,by codeantenna.
3. 利用Qt来显示OSG并且设置相机的位置,by wb175208.
4. Qt加载Osg的新方式osgQOpenGL简介,by sun_xf1.
5. OsgEarth 2.x升级到3.1注意事项,by 孙高勇.
6. OSGEARTH教程(三）——搭建MFC桌面端程序框架,by 灰信网.
7. 解决osgearh程序运行后对象变形的问题,by codeantenna.
8. osg地球变形的解决方案,by 紫沐衙.
9. OpenSceneGraph FAQ,by 水流云在.
10. OSG3.4内置Examples(osghud)解析,by 3wwang.
11. HUD with perspective,by arnaud houegbelo.
12. how a hud-camera respond to the resize event,by wu xiaodong.
13. OSG开发概览,by ShaPherD.
14. OpenGL ES 多目标渲染（MRT）,by 字节流动.
15. [原][译]关于osgEarth::VirtualProgram说明,by 南水之源.
16. osgearth学习笔记2：星空效果显示,by 新晋小菜鸟.

使用vcpkg安装各类C++库很方便，但是在使用vcpkg安装osg、osgearth后，使用如下程序测试osg和osgearth，出现了一个小问题，3D模型不显示，说是找不到插件。

刚开始以为是vcpkg安装osg、osgearth出了问题，后面发现将vcpkg中编译生成的osg的plugin放到测试程序所在目录，发现能加载3D模型了，但是渲染纹理失败。

于是自己编译osg源码，发现测试程序能加载3D模型。最终结论是vcpkg编译安装osg了问题。此外，可参考process explorer 查看句柄或者加载的dll，分析测试程序加载的osg插件。

1
2
3
4
5
6
7
8
9

#include <osgViewer/Viewer>
#include <osgDB/ReadFile>

int main(int argc, char *argv[])
{
    osgViewer::Viewer viewer;
    viewer.setSceneData(osgDB::readNodeFile("cow.osg"));
    return viewer.run();
}

参考链接

1. process explorer 查看句柄或者加载的dll,by yasi_xi.
2. osg程序中osgDB::writeNodeFile和osgDB::readNodeFile总是失败,by 妙为.

背景

C++ 是 Google 的许多开源项目使用的主要开发语言之一。每个 C++ 程序员都知道，该语言具有许多强大的特性，但这种能力带来了复杂性，这反过来又会使代码更容易出错，更难阅读和维护。

本指南的目标是通过详细描述编写 C++ 代码的注意事项来管理这种复杂性。这些规则的存在是为了保持代码库的可管理性，同时仍然允许编码人员高效地使用 C++ 语言功能。

样式，也称为可读性，是我们所说的支配我们的 C++ 代码的约定。术语样式有点用词不当，因为这些约定不仅仅涵盖源文件格式。

风格指南

风格检查

Cpplint 是一个命令行工具，用于按照Google 的 C++ 样式指南检查 C/C++ 文件的样式问题。Cpplint 由 Google Inc. 在google/styleguide开发和维护

参考链接

1. cpplint,by google.
2. Google C++ Style Guide,by google.
3. 四种基本的编程命名规范（匈牙利命名法、驼峰式命名法、帕斯卡命名法、下划线命名法）,by f-zyj.