《三国志曹操传》 JavaScript游戏开发中的零件开发(3)情景对话中的仿打字机输出文本

前两节课我给大家讲了如何让人动起来，那么今天我们就来看看如何实现模仿《三国志曹操传》人物的情景对话。具体链接我写在下面。一、前言相信大家还记得，在一些新闻中，会出现一些可怕的结果，那就是文字会以打字机般的方式产生。所以今天的主要目的就是做这个。9月5日，我有一个在办公室做这个节目的想法，我有一些想法。首先，我想用调整保证金的方法，可以说是做了，但不尽如人意。毕竟很麻烦，技术也差。所以我将使用数组和循环。9月13日花时间写的，但是因为这几天很忙，平日里基本上不可能打理博客，所以没时间和大家分享。现在是周末，所以我会和你交流经验，希望我们能一起进步。二、代码解释首先是看段代码：复制代码如下： var content out=[]；var content='ducle，ducle，ducle，ducle . '；contentout=content.substring(0，content . length)；var sub=0；var时间=0；函数输入(){ for(var I=0；我满足于长度；I){ setTimeout(' document . getelementbyid(' ID _ P _ CONTENT ')。innerHTML=contentout[sub]，sub=1 '，time)；时间=100；}}我用这段代码做出了意想不到的结果。哈哈，虽然描述有点夸张，但是真的让我如愿了。话不多说，接下来看分析。这些代码都是打字，只使用数组和循环以及一些通用变量。可以看出难度不是太大。复制代码如下： var content out=[]；var content='ducle，ducle，ducle，ducle . '；contentout=content.substring(0，content . length)；var sub=0；var时间=0；我在这里定义了全局变量。首先，定义数组。毕竟数组和循环是这个程序的核心。然后我定义了字符串，并将内容设置为：“ducle，ducle，ducle，ducle……”，然后我希望字符一个接一个地进入数组。因此，我使用了substring()函数，该函数专门用于将字符串切割成字符。子字符串语法：Stringobject。substring (start，stop)你也可以去w3cschool看看：//www . JB 51 . net/w3school/js/jsref _ substring.htm当我们一个一个地剪切字符串的时候，我们必须把剪切好的字符串赋给数组，然后数组才能正确地把每个单词作为一个成员一个一个地放入下标中。任何人都可以猜到我接下来要做什么，——，也就是用一个循环来表达数组中有什么。至于剩下的变量sub，它们是用于以后输出数组元素的下标变量。时间是未来打循环的时间。具体分析将在下面描述。再看一遍代码：复制代码如下：函数输入(){ for(var I=0；我满足于长度；I){ setTimeout(' document . getelementbyid(' ID _ P _ CONTENT ')。innerHTML=contentout[sub]，sub=1 '，time)；时间=100；}}这是用循环将数组中的元素一个个输出的核心部分。大家都知道javascript循环最讨厌的——是变量先循环。这意味着，如果您在每次循环时都在这里用alert键入变量I，那么它在任何时候都将是一个值，并且它将等于最大值。因此，我上面定义的子变量起了作用。因为子变量是等待后处理的，所以不管循环多少次，都要等待一定的时间，才会变成=1。那么在输出时将其用作下标就不再合适了。setTimeout函数大家都知道，如果两个SetTimeout时间参数相同，那么两个代码就会同时执行，即使你的代码没有写在同一行。因此，我们每个周期给他加100，然后单词将等待100毫秒，然后再出现一个。另外，请注意，这里应该使用=来更改对象的内容，否则一次只会显示一个单词。代码下载地址三。示范效果为：。

然后：。

最后：

地址：4。后记努力是有回报的，我觉得游戏的设计并不难，只要用心去做，就一定会成功。如果以后有什么好的技术，我会马上和大家分享。我整理了一下最近聊到的技术，做了一个小演示。希望大家喜欢。demo的下载和演示即将公布，目前还在测试中。此外，游戏开发和游戏引擎都很重要，所以我打算自己开发引擎，这样设计游戏更容易。感谢大家的支持！