网页游戏引擎

小咪咪 2023-09-28 13:17 135阅读 0赞

网页游戏引擎-半成品

示例代码：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    
    		<div style="width: 500px;height: 400px;border: solid 1px;">
    			<div id="kuaiBut" style="width:20px;height:20px;background-color:green;">
    			</div>
    		</div>
    	</body>
    	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    
    	<script type="text/javascript">
    		$(function() {
    			var sunDun = 10;
    			setInterval(function() {
    				sunDun++;
    				console.log(sunDun);
    				moveFun('kuaiBut', 'left', 'top', sunDun);
    				if (sunDun >= 600) {
    					sunDun = 0;
    				}
    			}, 20)
    		})
    
    		/**
    		 * @param {Object} x 轴
    		 * @param {Object} y 轴
    		 * @param {Object} lengt
    		 */
    		function moveFun(id, x, y, lengt) {
    			let pdWidth = $("#" + id).parent().width();
    			let pdheight = $("#" + id).parent().height();
    			console.log(pdWidth + ' - ' + pdheight);
    
    			if (y == '' || y == null || y == undefined) {
    				$("#" + id).css(x, lengt + 'px');
    			} else {
    				$("#" + id).css(x, lengt + 'px');
    				$("#" + id).css(y, lengt + 'px');
    			}
    			$("#" + id).css('position', 'absolute');
    		}
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关网页游戏引擎

网页游戏引擎-半成品示例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8

小咪咪/ 2023年09月28日 13:17/ 0 赞/ 136 阅读

相关 H5游戏开发：游戏引擎入门推荐

![H5æ¸¸æå¼åï¼æ¸¸æå¼æå¥é¨æ¨è][H5] 前言很多刚刚接触到游戏开发，准备大展拳脚的小鲜肉们，往往在技术选型这第一关就栽了跟头。毕竟网络上

心已赠人/ 2023年05月29日 05:22/ 0 赞/ 162 阅读

相关网页游戏服务器配置失败,网页游戏服务器怎么配置

网页游戏服务器怎么配置内容精选换一换 ![c8a5a5028d2cabfeeee0907ef5119e7e.png][] 精简视图提供了云服务器资源概况和状态的可视化

男娘i/ 2022年09月04日 06:55/ 0 赞/ 234 阅读

相关 Android游戏引擎汇总

随着Android系统的使用越来越广泛，了解一下Android平台下的游戏引擎就非常有必要。而同时因为基于Intel x86的移动设备越来越多，我也非常关注支持x86的移动游戏

短命女/ 2022年07月15日 04:17/ 0 赞/ 339 阅读

相关微信小游戏引擎

今日微信出了一个小游戏,就是非常火的跳一跳和坦克大战. 我看的非常眼热啊,之前就特别想做微信的游戏.奈何微信的环境做游戏效果还是不如APP好啊. 不过现在有了微信小游戏,还

比眉伴天荒/ 2022年06月01日 21:59/ 0 赞/ 464 阅读

相关游戏开发入门（十一）游戏引擎架构

链接：[游戏开发入门（十一）游戏引擎架构][Link 1]（8节课时常：约2小时40分钟）该堂课是对游戏引擎内容的一个概括总结，同时也是对游戏开发技术的一个相当全面的总结

骑猪看日落/ 2022年05月31日 12:54/ 0 赞/ 818 阅读

相关游戏开发入门（六）游戏物理引擎

视频链接：[游戏开发入门（六）游戏物理引擎][Link 1]（4节课时常：约1小时20分钟第5节无内容）该视频主要针对游戏中的物理概念以及应用等方面进行简单的讲解，并

小咪咪/ 2022年05月31日 00:11/ 0 赞/ 447 阅读

相关 C++游戏引擎开发

前言最近我用 C++ 写了一个游戏引擎，并用该引擎开发了一个名为 Hop Out 的小型手游。先来看看实际运行效果： (译者注这里本来有个小视频，放

╰半橙微兮°/ 2022年05月25日 01:49/ 0 赞/ 300 阅读

相关游戏引擎与游戏开发入门介绍

转自：[https://www.cnblogs.com/Renyi-Fan][https_www.cnblogs.com_Renyi-Fan] 最近由于工作原因，需要对游戏开

不念不忘少年蓝@/ 2021年10月18日 14:54/ 0 赞/ 605 阅读

相关 html 网页游戏教程,HTML网页游戏测试2

本次测验为看你有多色，挑战你对颜色的分辨，游戏简洁明了代码如下： 1：main.thml 无标题文档 2:app.js /\ \ @Author: your na

心已赠人/ 2021年09月08日 07:40/ 0 赞/ 379 阅读