- 时间：2022-05-25 10:08 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
前两讲我告诉了大家如何使人物移动，那么今天我们就来看看如何实现仿《三国志曹操传》人物情景对话。具体的链接我写在下方。
[b]一、前言[/b]
相信大家都还记得吧，在某些新闻里会有一些惨不忍睹的结果是用像打字机一样的方式把文字弄出来。那么今天的主要目的就是要办到这个。
就在9月5日的时候，我在办公室里起了个做这种程序的念头，并且有了点思路。我首先想用调margin的方法，按理说是作出来了，但很不让人满意，毕竟很麻烦，并且技术也差。所以我打算用上数组和循环。9月13日我抽空写出来了，但由于这几天很忙，基本上在工作日不可能来照顾我的博客，因此没来得及分享给大家，现在是周末，所以就来给大家交流经验，希望我们共同进步。
[b]二、代码讲解[/b]
首先还是来看段代码：
[url=http://www.1sucai.cn/w3school/js/jsref_substring.htm]http://www.1sucai.cn/w3school/js/jsref_substring.htm[/url]
[/b]当我们把字符串一个个切开后，我们就要把切开后的赋值给数组，这时数组就能正确地把每个字当作成员挨个放进下标。接下来我要做的任何人都能猜到了吧——那就是用循环把数组里的表示出来。
至于剩下的变量sub是用来以后输出数组元素的下标变量。time则是以后用循环打字的时间。具体分析下面会讲到。
再看代码：
[url=http://xiazai.jb51.net/201301/yuanma/input_jb51.rar]代码下载地址
[/url][b]三、演示效果[/b]
首先是：
[img]http://files.jb51.net/file_images/article/201301/2013012317134227.png[/img]
然后是：
[img]http://files.jb51.net/file_images/article/201301/2013012317134228.png[/img]
最后是：
[img]http://files.jb51.net/file_images/article/201301/2013012317134229.png[/img]
[url=http://demo.jb51.net/js/2013/input/]演示地址[/url]：
[b]四、后记[/b]
功夫不负有心人，我想游戏的设计并不难，只要用心，努力去做就能成功。以后如果有什么好的技术，我会立刻分享给大家。最近把以前讲过的技术整理了一下，做了个小demo，希望大家喜欢。demo的下载和试玩会在不久后公布，现在还在测试中。另外游戏开发和游戏引擎至关重要，我准备亲自开发自己的引擎，这样更容易设计游戏。
谢谢大家支持！
微信版
扫一扫进微信版
返回顶部
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
