个人Scratch HTML程序合集 主页
此程序是本人制作的Scratch HTML程序合集的主页,使用HTML+CSS编写,整合了本人近期发布的转换为HTML的Scratch程序的内容,可以通过主页内的链接打开相应的程序和博客。主页在本地运行,大家可以在github.com下载主页文件及相关资源。文章来源:https://www.toymoban.com/news/detail-568946.html
代码如下文章来源地址https://www.toymoban.com/news/detail-568946.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人Scratch HTML程序合集</title>
<style>
body
{
background-image: url('background.jpg');
background-repeat:repeat;
}
a:link {color:Brown ;}
a:visited {color:Brown;}
a:hover {color:Purple;}
a:active {color:Purple;}
table,td, th
{
border:2px solid DarkOrange ;
}
table
{
width:100%;
}
th
{
background-color:Gold ;
color:SaddleBrown;
}
td
{
height:360px;
color:SaddleBrown ;
}
.img
{
width:480px;
height:360px;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2"><h1>个人Scratch HTML程序合集</h1>
<p>Scratch是一个开源的图形化编程平台,可以快捷地编写交互性的HTML5+JavaScript程序。以下是本人编写的转换为HTML的Scratch程序。由于Scratch的分辨率固定为
480x360,背景只能选择细节较少的以便在高分辨率窗口中达到较好的图像增强效果。帧率设为120帧以确保画面流畅(现在的设备不用担心掉帧)。点击图片进入相应的程序。</p>
<p>程序开源地址:<a href="https://github.com/Willian7004/Scratch-Programs/">https://github.com/Willian7004/Scratch-Programs</a> </p></th>
</tr>
<tr>
<td class="img"><a href="棒球发球与反弹.html"><img border="0" src="1.jpg" alt="棒球发球与反弹" width="480" height="360"/></a></td>
<td><h3 align="center">棒球发球与反弹</h3>
<p>在这个程序中,用户可以点击鼠标向初始位置的棒球与鼠标指针的连线方向发射一个棒球,棒球碰到边缘反弹,移动一定距离后消失。</p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131636055/">https://blog.csdn.net/weixin_74155302/article/details/131636055</a></p></td>
</tr>
<tr>
<td class="img"><a href="猴子踢球.html"><img border="0" src="2.jpg" alt="猴子踢球" width="480" height="360"/></a></td>
<td><h3 align="center">猴子踢球</h3>
<p>在这个程序中,猴子跟随鼠标指针,碰到球后球从球与鼠标指针的连线方向开始移动,球碰撞后会反弹。</p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131640015/">https://blog.csdn.net/weixin_74155302/article/details/131640015</a></p></td>
</tr>
<tr>
<td class="img"><a href="随机平台发球.html"><img border="0" src="3.jpg" alt="随机平台发球" width="480" height="360"/></td>
<td><h3 align="center">随机平台发球</h3>
<p>在这个程序中,平台会随机生成,用户通过键盘或触摸按键操作角色移动,角色接触平台时不会下落。点击鼠标可以向角色与鼠标指针连线方向发球,球碰到边缘或平台会反弹。</p>
<p><a href="随机平台发球(手机版).html">用触屏操作请选择此版本</a></p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131652267/">https://blog.csdn.net/weixin_74155302/article/details/131652267</a></p></td>
</tr>
<tr>
<td class="img"><a href="随机平台跳跃.html"><img border="0" src="4.jpg" alt="随机平台跳跃" width="480" height="360"/></a></td>
<td><h3 align="center">随机平台跳跃</h3>
<p>在这个程序中,平台会随机生成,用户通过键盘或触摸按键操作角色移动,角色接触平台时不会下落。</p>
<p><a href="随机平台跳跃(手机版).html">用触屏操作请选择此版本</a></p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131646669/">https://blog.csdn.net/weixin_74155302/article/details/131646669</a></p></td>
</tr>
<tr>
<td class="img"><a href="星际飞船.html"><img border="0" src="5.jpg" alt="星际飞船" width="480" height="360"/></td>
<td><h3 align="center">星际飞船</h3>
<p>在这个程序中,飞船跟随鼠标指针,碰到两边的按钮切换背景。另外,背景中有随机生成的两种飞船。</p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131654039/">https://blog.csdn.net/weixin_74155302/article/details/131654039</a></p></td>
</tr>
<tr>
<td class="img"><a href="抓小狗.html"><img border="0" src="6.jpg" alt="抓小狗" width="480" height="360"/></td>
<td><h3 align="center">抓小狗</h3>
<p>在这个程序中,第一个角色跟随鼠标指针,后面3个角色依次跟随前面的角色。用户操作第一个角色碰到随机生成的小狗角色则加分,后三个角色碰到小狗角色则扣分。</p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131642189/">https://blog.csdn.net/weixin_74155302/article/details/131642189</a></p></td>
</tr>
<tr>
<td class="img"><a href="足球打蛤蟆.html"><img border="0" src="7.jpg" alt="足球打蛤蟆" width="480" height="360"/></td>
<td><h3 align="center">足球打蛤蟆</h3>
<p>在这个程序中,主角跟随鼠标指针,按下鼠标时向角色与鼠标指针连线方向发射足球,足球碰到边缘会反弹,移动一定步数后消失。
足球击中随机生成的蛤蟆角色后删除后者并加分,蛤蟆角色碰到主角后删除前者并扣分。</p>
<p>博客地址<a href="https://blog.csdn.net/weixin_74155302/article/details/131643502/">https://blog.csdn.net/weixin_74155302/article/details/131643502</a></p></td>
</tr>
</table>
</body>
</html>
到了这里,关于个人Scratch HTML程序合集 主页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!