文:权衡财经研究员 王心怡编:许辉上海索辰信息科技股份有限公司(简称:索辰科技)拟冲科上市,保荐机构为海通证券。本次拟发行新股不超过1,033.34万股,占发行后总股本的25%,本次拟使用募集资金9.689亿元用于研发中心建设项目、工业仿真云项目、年产260台DEMX水下噪声测试仪建设项目、营销网络建设和补充流动资金。截至2022年6月末,公司的资产总额为5.614亿元,归属于母公司股东权益为4.373亿元,此次募资资金使用金额是归属于母公司股东权益的2.2倍之多。公司的合并资产负债率有所起伏,2020年度超2019年度近20个点,为36.60%。索辰科技实控人控股近六成,子公司多亏损,国有参...... Last article READ

HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

  • 💂 网站推荐:【神级源码资源网】【摸鱼小游戏】
  • 🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】
  • 💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】
  • 💬 免费且实用的计算机相关知识题库:👉进来逛逛

给大家安利一个免费且实用的前端刷题(面经大全)网站,👉点击跳转到网站。

本节教程我会带大家使用 HTML 、CSS和 JS 来制作一个 html5横版恐龙大冒险游戏

✨ 前言

🕹️ 本文已收录于🎖️100个HTML小游戏专栏:100个H5游戏专栏HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客https://blog.csdn.net/qq_53544522/category_12064846.html
🎮 目前已有100+小游戏,源码在持续更新中,前100位订阅限时优惠,先到先得。
🐬 订阅专栏后可阅读100个HTML小游戏文章;还可私聊进前端/游戏制作学习交流群;领取一百个小游戏源码。

在线演示地址:HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客https://code.haiyong.site/718/
源码也可在文末进行获取

✨ 项目基本结构

大致目录结构如下(共117个子文件):

├── images │   ├── a10_100x-sheet0.png │   ├── a10_logo_-sheet0.png │   ... │   ├── worldselector-sheet0.png │   └── worldselector-sheet1.png ├── c2runtime.js ├── game.js ├── loading-logo.png ├── media │   ├── coins_gathering01.ogg │   ├── coins_gathering02.ogg │   ... │   ├── playerjumping.ogg │   └── playerlandingafterjump.ogg ├── spilGamesWrapper.js ├── jquery-2.0.0.min.js └── index.html 3KB

HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

场景展示

HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

 HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

 HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

 

 HTML源码

<div id="fb-root"></div> <div id="c2canvasdiv"> <canvas id="c2canvas" width="960" height="600"> <h1>您的浏览器似乎不支持HTML5。请尝试将浏览器升级到最新版本。 <a href="http://www.whatbrowser.org">什么是浏览器?</a> <br/><br/><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br/> <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/> <a href="http://www.google.com/chrome/">Google Chrome</a><br/> <a href="http://www.apple.com/safari/download/">Apple Safari</a><br/> <a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/></h1> </canvas> </div>

CSS 源码

body

body {     background: #000;     color: #fff;     overflow: hidden;     -ms-touch-action: none; }

canvas

canvas {     touch-action-delay: none;     touch-action: none;     -ms-touch-action: none; }

JS 源码

js 代码较多,这里提供部分,完整源码可以在文末下载

如果尝试在磁盘上预览导出的项目,发出警告

(function() {  // 检查是否在文件协议上运行导出  if (window.location.protocol.substr(0, 4) === "file") {} })();

禁用操作

window.onload = function() {  document.onkeydown = function() {   var e = window.event || arguments[0];   //F12   if (e.keyCode == 123) {    return false;    //Ctrl+Shift+I   } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {    return false;    //Ctrl+Shift+C   } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 67)) {    return false;    //Shift+F10   } else if ((e.shiftKey) && (e.keyCode == 121)) {    return false;    //Ctrl+U   } else if ((e.ctrlKey) && (e.keyCode == 85)) {    return false;    //Ctrl+S   } else if ((e.ctrlKey) && (e.keyCode == 83)) {    return false;   }  };  document.oncontextmenu = function() {   return false;  } } 

游戏包装器

var GameWrapper = {     isAsking: false,     askAds: function (x) {         if (!GameWrapper.isAsking) {             GameWrapper.isAsking = true;             if (GameAPI.IS_STANDALONE) {                                GameWrapper.onResume();             } else {                 GameAPI.GameBreak.request(function () {                     GameWrapper.onPause();                 }, function () {                     GameWrapper.onResume();                 });             }          }      },     onResume: function () {         GameWrapper.isAsking = false;         $("#funcName").val("OnResume");         $("#exeCommand").click();     },     onPause: function () {         $("#funcName").val("OnPaused");         $("#exeCommand").click();     }, };

图片资源

HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

 
一共 98 张图片,全都打包放在文末的下载链接里了。

音频资源

HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客

源码下载

1.CSDN资源下载HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客https://download.csdn.net/download/qq_44273429/87123666
2.从海拥资源网下载:HTML小游戏11 —— 横版恐龙大冒险游戏(附完整源码)_鲸落✗的博客https://code.haiyong.site/718/
3.也可通过下方卡片添加好友回复恐龙大冒险获取

目录 次元裂缝已打开 AI绘画 起源 人工智能画的画在美术比赛得第一名 原理 关键的CLIP 总结 次元裂缝已打开 #次元裂缝已打开#的一个话题火了~大量新人老玩家共赴无界AI  上面是AI绘画根据真实图片合成的图片与真图的对比,可以看出还原度还是很高的,但是毕竟是AI绘画还是有很多不确定性,就比如下面这个 原谅我不厚道的笑了 ,所以AI绘画每次生成作品就像开盲盒一样,无法稳定输出 其实AI生成漫画脸已经不是新鲜技术了,早在2020年抖音的一款「变身漫画」特效就登上了微博的热搜 AI绘画 起源 计算机是上世纪6......Next article READ