在知乎上，关于网页游戏的开发，你可以找到很多专业且丰富的讨论。以下是一些可能的话题和关键词：

1. **HTML5游戏开发**：HTML5游戏开发技术，如Canvas、WebGL，这些是网页游戏的基础。

2. **JavaScript游戏引擎**：如Phaser, Three.js, Easel.js等，它们是开发2D和3D游戏的常用库。

3. **Websocket**：对于需要实时交互的网页游戏，Websocket是不可或缺的，用于客户端和服务器的双向通信。

4. **后端技术**：如Node.js、Java、Python等服务器端语言，用于数据处理和服务器架构。

5. **游戏设计与美术**：如何设计游戏规则，UI/UX设计，以及游戏美术资源的制作。

6. **游戏性能优化**：如何提高网页游戏的加载速度和运行效率，如压缩、缓存、CDN等。

7. **市场分析和盈利模式**：如何选择合适的平台和市场，以及盈利模式探讨，如广告、付费下载、内购等。

8. **社区交流和开源项目**：如GitHub上关于网页游戏开发的开源项目，如RPG.js，Craft.js等。

在知乎上搜索这些关键词，你可以找到相关的问答、文章和讨论，学习到很多关于网页游戏开发的知识。同时，你也可以提问自己的问题，获取专业的建议和解答。

网页游戏如何开发网页游戏类型有哪些？

动作游戏要求玩家具备快速反应和出色的手眼协调能力。平台游戏、射击游戏和跑酷游戏都属于这一类别。为了实现流畅的游戏体验，开发者通常使用HTML5 Canvas或WebGL等技术进行图形渲染，同时使用JavaScript处理游戏逻辑。

休闲游戏通常以其简单的玩法和易于上手的特点而闻名。这些游戏包括匹配三消、点击放置、太空射击等类型。它们通常采用HTML、CSS和JavaScript等前端技术进行开发。对于初学者来说，休闲游戏是一个很好的起点，因为它们的开发相对简单，但仍然可以提供有趣的游戏体验。

网页游戏 开发 zhihu

随着互联网的普及和技术的发展，网页游戏已经成为娱乐和休闲活动的重要组成部分。无需安装任何应用程序，只需打开浏览器，您就可以畅玩各种类型的网页游戏。然而，开发网页游戏并不是一项容易的任务，因为不同类型的游戏需要不同的开发方式和技术。在本文中，我们将探讨一些常见的网页游戏类型以及它们的开发方式。

st新出的单机三国游戏网页游戏的开发流程

html5游戏开发实战进阶

本系列教程中使用的开发工具是 visual studio code（简写 vscode），一款开源又好用的编辑器。入门教程旨在照顾0入门的新手读者，会比较简单，后面的实战教程希望大家能跟着动手写，而不是直接拷贝代码看效果，有了理论加上实践进步会更快。

简单来说：1、需要一个舞台，即大家眼睛可以看到的东西；2、需要演员，即游戏的元素内容。通常使用的名字是：State（舞台），Sprite（精灵），还有声音、文字等等，都属于游戏元素。3、游戏的逻辑，也就是游戏的玩法，逻辑越复杂，玩法越丰富，游戏就越有吸引力。

怎样用JavaScript开发一个Web版的迷宫游戏？这是第一讲。

网页游戏的开发框架

Three.js是一个用于创建3D图形和游戏的JavaScript库。它建立在WebGL之上，可以在现代Web浏览器中创建复杂的3D游戏。它提供了强大的3D渲染能力，用于创建虚拟现实（VR）和增强现实（AR）游戏。

实时AI驱动的网页游戏开发

Transformers.js 是一个 JavaScript 库，可让你直接在浏览器中运行 Transformers（无需服务器）！ 它的设计在功能上与 Python 库相同，这意味着你可以使用非常相似的 API 运行相同的预训练模型。

在我们的版本中，你将有一分钟的时间绘制尽可能多的项目，一次一个提示。 如果模型预测正确的标签，画布将被清除，并且你将获得一个新单词。 继续这样做，直到计时器用完！ 由于游戏在你的浏览器本地运行，因此我们根本不必担心服务器延迟。 该模型能够在你绘画时进行实时预测，每秒可预测超过 60 个...... 哇！

现在变更显示UI，分别列出胜平负的数值，并按照胜局倒序排列，如胜局相等，则按照平局次数倒序排列，如倒胜局次数和平局次数都相等，则按照负局正序排列，如3项均为相等则按照进入小游戏的先后顺序排列。（虽然复杂但是我觉得值了）

3. [猜拳改进] 就版本猜拳显示的是综合战绩,计算方式为 胜局*3分 平局*2分 失败*1分的计算方式导致平局和失败较多的时候综合战绩会比前名次更高但是排名却会低。

网页游戏平台开发

2. 平台的可扩展性与兼容性：网页游戏平台以HTML5等技术为基础，具备强大的可扩展性和兼容性。平台开发人员可以根据不同游戏的需求，进行定制开发，并将新游戏快速上线。同时，网页游戏平台兼容性好，可以在不同浏览器和操作系统上运行，使得用户无论使用何种设备，都能够畅玩游戏。

怎样用JavaScript开发一个Web版的迷宫游戏？这是第二讲。

我采用的双画布绘制，可移动目标单独绘制在一张画布上，其它静止的对象绘制在另一张画布上。目标移动过程中，需要不断重绘画布。这样做有一个好处，就是可以大幅减少计算量和重绘次数，这可以提高性能，因为我们仅需重绘可移动目标所在的画布。

希望在阅读完本篇文章后，你已经对游戏开发的流程有了一个大致的了解。至少在设计和美术上，你已经心里有数。在了解所有流程的基础上，如果你仍旧只是对某一部分感兴趣，那么你大可规划好你自己的职业定位，就像开篇所述的那样，然后针对性地学习，并深入钻研。

到这里，整个游戏开发流程已经讲完了。谢谢你能够耐心地一直看到这里。最后我还需要补充一些。Again，这个流程是我根据古今中外的实际项目和自己的理解总结出来的理想模型。它可能并不匹配任何一个市面上游戏的开发流程，也可能不匹配小团队独立游戏的开发流程。但我尽可能的把各类游戏开发中需要的工作都整合了进来，让大家看到一个全面的工作介绍。有些工作，在你们的游戏中可能不需要出现，比如《球球大作战》就不需要High Level Design，或者你们开发2D游戏就不需要Modelling及之后的工作。甚至有的开发团队不采用这样的瀑布流开发模式，而是采用敏捷开发模式（会一边制作一边设计，根据玩家的反响实时调整设计方向），这都没有问题。只是我个人倾向于采用完整的这套开发流程 来制作游戏。

真是激动人心的时刻啊，我们的游戏完成了脱茧蜕变，完成了华丽丽的升级！但是我们要知道，这背后是许多艺术家、设计师挥汗如雨的辛勤工作。他们可能经历过灵感的匮乏，经历过方向的迷失，经历过未曾预知的错误，经历过拍桌叫板的争吵，经历过委屈与绝望，经历过一年又一年纷飞的雪。看着这些伟大的游戏的画面，鬼知道在这背后我们经历了什么。

左图是艾兴瓦尔德的关卡设计示意图，右图是完成场景搭建后的效果。完成场景搭建后，我们的游戏基本就拥有了华丽的外表。还记得原型阶段给大家展示的截图吗，来看一下它们对应Alpha阶段的截图对比：

实际工作中，房屋的位置、街道的转折、物体的摆放，都已经由关卡制作的过程预先制定了。在关卡制作中，设计师们用各种简陋的方体来代替物品，定制关卡中所有碰撞体积的位置（就跟原型阶段所做的事情一样）：

在我的语境中，关卡设计是一种游戏性设计，会去考虑玩家的行动路径、决策方案，会考虑战斗掩体的布置、地势高低的布置等元素。这项设计工作与它前置的Gameplay Design密不可分。

经过二次Gameplay Design，经过美术和声音资源制作工作，我们已经得到了 制作一个世界所需的所有资源。在这个基础上，我们可以开始进行Level Design。

声音资源制作和美术资源制作就到这里，这些资源统统都会交回到游戏设计师的手里。他们在游戏引擎中把这些资源整合到一起，来完成真正的游戏制作工作。

为NPC配音，为过场动画配音，为游戏角色的语音包配音。这个工作很好理解，现在不仅在Stroy Telling游戏中很重要，在Gameplay游戏中也越来越重要，想一想《守望先锋》、《Dota2》，打着打着莱因哈特会来一句：“护盾快撑不住啦！”；小美会说：“嗨呀~好气呀~”。但是做这份工作的人群，在国内的生存状态并不理想。

Shader的制作，属于编程工作，并且需要具有计算机图形学知识背景（学习计算机图形学，需要具备 线性代数 知识）。那个以为做美术工作就是画画的少年，你有什么想法吗？

比如在上面这幅对比图中，整个场景使用了完全相同的模型、材质贴图，并且处于同一个时间状态，但是因为使用了不同的Shader，最后得到的效果也完全不同。通过Shader，我们可以让一个非常写实的物体，变成卡通风格、水墨风格、像素风格，可以让它变成半透明，或是只有一个剪影。

实际上我将略过这一环节。因为我认为游戏中最好的UI，就是没有UI。但这将是游戏发展的一个趋势，我看到许多大厂小厂都在加入这条道路，去UI化：只在最必要的地方，用干扰力最小的方式，给予玩家最需要提示。把屏幕空间，还给游戏世界，我们不需要那么多文字与图标。讲到这里，Alpha阶段的美术工作已经走过一遍。我们可以把必要的GUI，和前面做的所有3D美术资源（模型、材质、动作）提交给游戏设计师。在这个过程中，Technical Artist将发挥一个重要的作用：他将编写Shader脚本，来决定这些美术资源最终将如何显示。Shader也是一种美术资源——一种顶层的美术资源。Shader（着色器）告诉电脑如何用特有的一种方法去绘制物体。

我们拿到一个绑定好骨骼的模型，会为它设计动作片段（注意，是为骨骼设计动作片段）。这时可能材质贴图也已经制作好了，这样的话可以边做动作边观察最终效果。

一个绑定师对于他所操作对象，如果是脊椎动物的话，那么他会熟悉这种动物的真实骨骼。并且他会知道的肌肉与骨骼的附着关系、运动中肌肉的伸缩扭转状态等。前段时间美国梦工厂的艺术总监魏照平老先生路过我们这儿，我问到他，现在动画界最缺的人才是哪些。他的回答中就掷地有声地指出了“骨骼绑定”（当然世界范围内最缺的还是优秀的故事）。

经过Modelling，我们能够得到“静态”的游戏模型。有些像斧头、铁桶这样的小东西贴上材质贴图就能够直接放到游戏里用了。但是人物、怪兽这样会动的物体，我们还需要为其制作动作动画。Skeleton（骨骼）、Rig（绑定），是制作动作动画的前置工作，仅和模型有关，和材质贴图没关系，所以可以一边做材质一边做骨骼绑定。我们知道现实中生物体的运动，基本上就是骨骼的运动。在CG领域，我们借鉴了大自然的设计。我们也有骨骼，用来驱使模型运动。我们要为人物模型创建人体骨骼、为恐龙创建恐龙骨骼，然后把骨骼绑定到模型上。

除了为特定的模型制作材质贴图外，我们还需要制作许多通用的材质，包括但不限于：自然（土地、草地、泥沼、石头、树皮…）建筑（路面、墙面、木纹、钢材、玻璃…）等等，可以参考如下：Substance材质库。这些通用材质将在游戏场景搭建时发挥重要作用。

刚刚在三个演示中，使用的软件分别是Zbrush、3Ds Max、Blender。在此我想指出一个新手误区：不要纠结于软件的选择，我们什么都会用。值得一提的是，如果做生物角色的话，一般我们会喜欢从Zbrush开始。

只有这样一张图，别无参考，结构不明确或不合理的地方需要自己进行二次设计，所以，这要求模型师也需要具备结构设计的能力。当时懒懒散散地做 用了三个工作日完成了这个模型：

当我们的Character Design工作完成以后，会得到准确的角色、道具设定，但是那些资源都无法在我们的游戏里使用（我们不讨论2D游戏）。真正的游戏资源制作，是从建模开始。首先，为重要物体建模，需要用到前面制作的三视图，来锚定外形和结构。

这些工作一般会交给美术组中的junior artist去完成，因为相对于概念设计，这一步要求更多的体力劳动，较少的设计能力。而那些才华横溢的senior artist，他们会去画一些美术宣传画。

在经过概念设计的工作之后辐射避难所手游刷盒子，我们会拿到一些概念设计线稿，其中包含许多角色。Character Design这项工作就是在那些角色线稿的基础上继续设计，完成服装配色、材质表现等其他工作。

当我们考虑场景时，需要艺术家把相应的场景画出来。这就是做Enviroment Design工作的第一个目的。在创作场景时，艺术家会听编剧们描述场景（包括地形、道路、建筑布置等），同时也会参考概念设计师确定的视觉风格，然后快速绘画。

工作提交：故事设计完成后会得到一个剧本，其中包含了许多故事发展线，人物介绍，战役介绍；概念设计完成后，会得到一些概念线稿，如下：

也许大家观看后会比较激动，“原来游戏角色是特么这么设计出来的！？教练，我想去学做游戏。”但是我必须在此适时地泼上一盆冷水：游戏领域中任何表面上看起来优雅而轻松有趣的工作，背后都需要大量繁重地练习和学习。就比如设计一个酒吞童子，表面上只是画几根线，但背后至少需要知道的东西有：线稿的绘画技巧、形式美法则、透视原理、人体结构、服装设计、日本传统文化等等。这几样最基础的东西，必须像血一样流淌在你的身体里，才能够进行畅快的设计。下文中每一个岗位和工作，都同样需要掌握庞杂的知识和技能，有的是制作上的技术细节，有的是艺术上的原理法则。在此指出，后文不再赘述。

为游戏设计故事不是写小说。在Stroy Telling类型的游戏中，玩家们要控制故事中的角色，和其他具有性格的人物互动，要走进编剧们想象中的街道和战场，改变故事发展的进度或顺序。玩家会从任何角度观察游戏中的人和场景，因此我们必须在视觉上还原编剧们的创作。我们要确切地知道艾米长什么样，她窗外的花园是什么样，她父亲送给她的飞行滑板又长什么样。因此我们需要Concept Artist，来为每一个人，每一个物品，每个一场景设计概念原型。这个概念原型不一定是一张很完整的美术作品，但是任何一个看到它的人，都能够拍着设计师的肩膀说：“我get到了这个感觉。”为了完成这项工作，为了得到一个合适的人物形象或道具模型，Concept Artist可能会绘制几十份概念稿，最后从中挑选出一个。

维京人把过冬的粮食储藏在了什么地方？他们又把从日本商船上劫掠来的货物堆在哪里？黑石军团从什么地方入侵了他们的家园？黑石军团战盾上的纹理是什么样？有什么意义？

伊利丹和玛法里奥在幼年时关系如何？他们第一次发生矛盾是什么情况？伊利丹在被囚禁的时候对他的哥哥怒吼了什么？伊利丹所心爱的人与玛法里奥又是什么关系？

猎空的父母分别叫什么？来自哪里？什么血型？如何相识？生猎空的那天是哪个医生负责接生？他在猎空的手臂上注入了什么？这与她后来加入守望先锋组织有什么联系？

经过High Level Design的工作，我们有了一个世界。现在，我们要向这个世界中添加一点有趣的东西：故事。故事的核心：某人，在某时某地，做了某事。剧作家们，非常擅长塑造一个角色形象，也能够描绘出精彩的故事场景，制造出具有张力的故事情节。因此往往由职业编剧来负责此事。相对于世界架构