html看汉字选拼音小游戏

23 篇文章 0 订阅

教小孩子和不会拼音的人学拼音是刚需,如果能用游戏的方式让这种学习变得更加有趣味,实在是一种妙事。
汉语拼音是中华人民共和国官方颁布的汉字注音拉丁化方案,是指用《汉语拼音方案》中规定的字母和拼法拼成一个现代汉语的标准语音即普通话的语音音节。于1955年—1957年文字改革时被原中国文字改革委员会(现国家语言文字工作委员会)汉语拼音方案委员会研究制定。该拼音方案主要用于汉语普通话读音的标注,作为汉字的一种普通话音标。1958年2月11日的全国人民代表大会批准公布该方案。1982年,成为国际标准ISO 7098(中文罗马字母拼写法)。部分海外华人地区如新加坡在汉语教学中采用汉语拼音。

汉语拼音是一种辅助汉字读音的工具。《中华人民共和国国家通用语言文字法》第十八条规定:“《汉语拼音方案》是中国人名、地名和中文文献罗马字母拼写法的统一规范,并用于汉字不便或不能使用的领域。”根据这套规范写出的符号叫作汉语拼音。

​这里收集到学习汉语拼音的一个小游戏的的代码,截图如下:

 代码:

index.html

<!DOCTYPE html>
<html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
	<script src='https://code.createjs.com/createjs-2015.11.26.min.js'></script>

	<link rel='stylesheet' href='css/gameStyle.css'>

	<script src='js/util/opdlib.js'></script>
	<script src='js/util/opdwrapper.js'></script>

	<script src='js/0_main.js'></script>
	<script src='js/1_model.js'></script>
	<script src='js/view.js'></script>
	<script src='js/controller.js'></script>
	<script src='js/titleview.js'></script>
	<script src='js/gameview.js'></script>
	<script src='js/endview.js'></script>
	<script src='js/reviewview.js'></script>
	<script src='js/preloader.js'></script>
	<script src='js/contentview.js'></script>
	<script src='js/contentloader.js'></script>
	<script src='js/imagevars.js'></script>
	<script src='js/audiovars.js'></script>
	<script src='js/settingspane.js'></script>
	<script src='js/optionspane.js'></script>
	<script src='js/optionsset.js'></script>
	<script src='js/targetset.js'></script>
	<script src='js/countdowntimer.js'></script>
	<script src='js/metrics.js'></script>
	<script src='js/textcontent.js'></script>
	<script src='js/preloadview.js'></script>
	<script src='js/highscorestable.js'></script>
	<script src='js/scorepane.js'></script>

</head>
<body>
	<div id='containerDiv'>
	<canvas id='myCanvas' width='800' height='550'></canvas>
	</div>
	<link href='//fonts.googleapis.com/css?family=Alegreya+Sans:900|Amaranth|Cabin:700|Ubuntu' rel='stylesheet' type='text/css'>
</body>
</html>

其他代码有点多就不贴出了

在线demo地址 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值