mdn学习web游戏开发
发表于|更新于
|浏览量:
坚持自己的本分，保持沉默，这是对中伤最好的回答。——华盛顿
链接如下：
你可以按照教程完成完整的小游戏开发
例如
使用纯 JavaScript 的 2D 闯关游戏
2D breakout game using pure JavaScript - 游戏开发 | MDN
使用 Phaser 开发 2D breakout game
使用 Phaser 开发 2D breakout game - 游戏开发 | MDN
具有设备方向的 2D 迷宫游戏
2D maze game with device orientation - Game development | MDN
以及使用 Phaser 的 2D 平台游戏
相关推荐
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...
2023-09-05
docusaurus
伟大变为可笑只有一步，但再走一步，可笑又会变为伟大。——佩思 https://docusaurus.io/ docusaurus可以快速构建文档、博客等站点，非常方便好用 apache-streampark就用的这个构建的官网
2021-11-01
nvue坑
人之所以走入迷途，并不是由于他的无知，而是由于他自以为知。——卢梭 《爱弥儿》 前两天用nvue踩了不少坑，例如之前写的nvue引入图标坑就是一个 例如manifest.json中这里需要配置为weex才能使用weex渲染 uniapp-nvue文档 weex文档 要注意这里 基本上是nvue的一些常见的坑 还有其他的一些，例如一些不支持的css写法如transition 如果写成transition: 1s;则会提示 当然transition: all 1s;也不行 只能针对对应的过渡去写： 12transition-property: width;transition-duration: 1s; 缩写就是： 1transition: width 1s linear 2s; 一般像不支持的全局属性，需要写在条件编译里 12345678910.logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS...
2024-10-03
requestFullscreen
每一次克制自己，就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 比如我们全屏幕整个页面： 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素，比如这里全屏一个video 1234567891011...
2024-06-16
网页让软件识别的小卡片
我越是孤独，越是没有朋友，越是没有支持，我就得越尊重自己。——《简爱》 今天发现一个问题，有的网页分享出来是带标题、描述和图标的 如何让它识别出来呢？ 这遵循一个“开放图谱协议” https://ogp.me/ 开放图谱协议使任何网页都可以成为社交图谱中的丰富对象。例如，这在 Facebook 上使用，允许任何网页具有与 Facebook 上任何其他对象相同的功能。 比如 要将网页转换为图形对象，您需要向页面添加基本元数据。我们的协议初始版本基于 RDFa，这意味着您将在网页的 <head> 中放置额外的 <meta> 标记。每个页面的四个必需属性是： og:title - 对象应出现在图表中的标题，例如“The Rock”。 og:type - 对象的类型，例如“video.movie”。根据您指定的类型，可能还需要其他属性。 og:image - 图像 URL，应代表图表中的对象。 og:url - 对象的规范 URL，将用作图表中的永久 ID，例如“https://www.imdb.com/title/tt0117500/”。 ...
2022-01-29
vue中props中值未监听
每段记忆都是零碎的，犹如残破的蛛丝，无声无息的藏在黑暗的角落里——桐华 我今天简短测试了一下： 编写一个组件，给它设置一个props属性user 这里给它一个默认值{ age: 21 } 12345678910111213141516<template> <div> <slot :user="user">默认内容</slot> </div></template><script>export default { props: { user: { type: Object, default: () => ({ age: 21 }) } }};</script> 然后我们在外部引用该组件并传入该props 编写一个方法来改变当前userInfo的值 123456789101112131415161718192021222324252627282930<templ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog