社区
CSS
帖子详情
用HTML5
做一个拼图小游戏,关于鼠标事件的问题
开心的蛋蛋哥
2011-08-06 03:07:21
我对html比较生疏,在网上看了很多实例,但是没有找到怎么调用鼠标事件的,我想完成的是一个滑块式的拼图,比如3*3那种,缺一块,然后点击缺少的那块边上的拼图,可以使它滑到缺少部分的那种。请问怎么调用到鼠标事件呢?
...全文
450
2
打赏
收藏
用HTML5<canvas>做一个拼图小游戏,关于鼠标事件的问题
我对html比较生疏,在网上看了很多实例,但是没有找到怎么调用鼠标事件的,我想完成的是一个滑块式的拼图,比如3*3那种,缺一块,然后点击缺少的那块边上的拼图,可以使它滑到缺少部分的那种。请问怎么调用到鼠标事件呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
开心的蛋蛋哥
2011-08-06
打赏
举报
回复
[Quote=引用 1 楼 theforever 的回复:]
如此生疏,就先学一学再做,否则岂不是寸步难行。
<canvas id="theforever" width='1000' height='800' onmousedown='theforever_csdn(event)' style='border:1px solid #ccc'>请升级到支持HTML5的浏览器</canvas>
<script type="text/javascript……
[/Quote]
谢谢你的帮助~看了你的代码大致明白了一点鼠标事件的用法,我之前把html和javascript看成一个整体了.
碧海情天-赵亮
2011-08-06
打赏
举报
回复
如此生疏,就先学一学再做,否则岂不是寸步难行。
<canvas id="theforever" width='1000' height='800' onmousedown='theforever_csdn(event)' style='border:1px solid #ccc'>请升级到支持HTML5的浏览器</canvas>
<script type="text/javascript">
var theforever_csdn=function(e){
var e=window.event || e;
alert('点击坐标:x='+e.clientX+',y='+e.clientY);
}
</script>
java j2ee 课程设计报告
题 目: Java
拼图
游戏 姓名 学号 指导教师(签名) 二○一一年七月十五日 Java
拼图
游戏 [摘要] 关键字:发展、java、连连看、程序设计
拼图
游戏是广受欢迎的一种智力游戏,它的变化多端,难度不一,让人百玩不厌。个性化的
拼图
,拼凑的不仅仅是一张照片,而是
一个
故事,一段回忆,一缕温情。每一片的单片都有它自己的位置,就像每段回忆都有它的故事,你要将它放在专属的地方,放对了就慢慢丰富起来,放错了就无法完整。 你可以把你记忆中最深的片段,可以是你挚爱的照片,可以是你最难忘的一瞬留念,
做
成
拼图
,在思念的季节里一一拼起,把片片散落的记忆重新组合,用指尖温习甜蜜,把心湖里最美丽的涟漪荡漾开来。 JAVA
小游戏
-
拼图
中,经典的 Cell类是继承的按钮类,并加上相应图形,形成方格;My
Canvas
是
一个
面板,加载Cell类的对象(方格),
做
这三个类中的核心。运用了自动生成方法存根。方格的
鼠标事件
,因为用到了My
Canvas
中的一些方法,因此没有在Cell类中处理
鼠标事件
。运用if语句达到团结和睦的效果,若不符合则游戏胜利。 现代科学技术的发展,改变了人类的生活,作为新世纪的大学生,应该站在时代发展的前沿,掌握现代科学技术知识,以适应社会的发展,能够独立完成面临的任务,作为一名有创新意识的新型人才。 Java语言的学习热潮并没有因为时间的推移而消退,相反,由于计算机技术的发展所带来的新应用的出现,Java越来越流行,这种情况是以往程序设计语言在其生存周期内所不多见的。Java语言之所以这样长盛不衰,一是因为其众多的技术特点与现今的应用十分合拍,可以覆盖大部分的需求;二是因为SUN公司不断推出新的版本,完善Java自身的功能。有了这两点,Java语言成为程序员首选的程序设计开发工具就在情理之中了。
拼图
游戏是一种很流行的
小游戏
,记得在小时候去游戏厅玩的时候就有一台专门的
拼图
的机器。当时的
拼图
分好几层,看得人眼花缭乱。作为
一个
java初学者,我所编辑的
拼图
小游戏
,只有几个基本功能:“开始”、“预览”、“设置”。我所选中给出的游戏界面很漂亮,不过似乎图形只有一层,而且数量也不是很多,降低了不少难度。 前言 一、课程设计来源: 通过对书本知识的总结、运用、扩展,我不断尝试、不断学习,
做
出了本次作品。本作品属于完全自创作品。 二、Java课程设计目的: 1、进一步加深对Java语言的理解和掌握;将所学的JAVA知识运用于实践。 2、课程设计将理论与实践相结合,提供了
一个
既动手又动脑,独立实践的机会,锻炼我们的分析解决实际
问题
的能力,提高学生适应实际,实践编程的能力; 3、熟练掌握java语言中图形用户界面程序的编号,熟练掌握
Canvas
类的应用。 三、Java课程设计的意义: 近年来,Java作为一种新的编程语言,以其简单性、可移植性和平台无关性等优点,得到了广泛应用,特别是Java与万维网的完美结合,使其成为网络编程和嵌入式编程领域的首选编程语言。
一个
学期的时间来学习Java这门课程,我感觉还不错,因为我们不但学习了书上理论的东西,还安排了上机操作课。我认为学校一门计算机语言必定离不开实践,只有通过实践我们才能体会到书本上体会不到的东西。所以,我们不仅要认真学习课本理论知识,更重要的是通过上机实践才能增强和巩固我的知识。课程设计是培养我们综合运用所学知识,发现、提出、分析和解决实际
问题
,锻炼实践能力的重要环节,是我们实践能力与创新精神的综合培养;在实践能力方面培养我们理论与实践相结合的作风,增强了我们将在人才市场上的竞争力。 所以,对于我们初学者,首先利用课程设计这样的较小项目锻炼自己的科学研究精神和提高创新能力,是很有必要的。 四、Java
拼图
游戏的可行性论证:
拼图
游戏是
一个
经典的游戏,它因操作简单、娱乐性强而广受欢迎。我通过所学的Java,设计了
一个
操作简单、界面美观的
拼图
游戏。
HTML
小游戏
设计(1)- 人物
拼图
游戏
游戏介绍:
拼图
游戏将一幅图片分隔成若干拼块并且随机打乱,需要移动拼块,最后还原图形。 程序设计思路:
HTML5
可以把图片整合到网页中,使用
canvas
元素可以在这个空白的画布填充线条、载入图片和设置动画效果。游戏程序首先以正确顺序排列图片的缩略图,然后按照行列数将图片分成很多拼块,按照顺序编号;游戏开始时,随机打乱这个编号数组,玩家可以用鼠标点击拼块和空白块交换位置,当编号数组按照之前顺序,则游戏结束。 程序代码,注释在code中 (1)主界面 <!doctype html> <
拼图
游戏
Canvas
版
原身 一开始写的
拼图
是用div
一个
一个
列出来的,里面放的是切好的图片。
拼图
小游戏
(前端)
canvas
版的思路 游戏结束的判定与上
一个
版本一样,数组的顺序达到了它对应的位置,表示游戏结束。 因为使用
canvas
,我们需要记录每块
拼图
在图片上的位置和大小,记录成数组
canvas
方法
canvas
.drawImage()使用可以参照drawImage()方法 代码部分 HMTL <!-- 流程1,选择想拼的图片 --> 流程1,选择想拼的图片 <div class="pro
HTML中的<
canvas
>元素
HTML中的元素的作用
html
拼图
游戏,
HTML5
人物
拼图
游戏
7.1 人物
拼图
游戏介绍
拼图
游戏将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时,就完成了
拼图
(游戏结束)。在“游戏”中,单击滑块选择游戏难易,“容易”为3行3列
拼图
游戏,中间为
一个
4行4列
拼图
游戏,“难”为5行5列
拼图
游戏。拼块以随机顺序排列,玩家用鼠标单击空白块四周的来交换它们位置,直到所有拼块都回到原位置。
拼图
游戏运行结果如图7-1。 7.2 程序设计的思路HTM...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章