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-09-24
echarts关系图
交一个读破万卷书邪士，不如交一个不识一字端人——金缨 案例地址：https://echarts.apache.org/examples/zh/editor.html?c=graph&version=5.3.3 点击下方下载示例即可下载： 我这里也根据文档写了个demo： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=graph--><!DOCTYPE html>&l...
2022-04-15
js中eval
如果你来访我，我不在，请和我门外的花坐一会儿，它们很温暖，我注视他们很多很多日子了。——汪曾祺 今天发现这么一个函数eval eval能够将传入的字符串当做js代码执行 例如处理json(请不要这样使用，正确的做法应该是使用JSON.parse(data))： 12let data = '{"nane":"ruben","age":11}'eval("("+data+")") 1234567891011console.log(eval('2 + 2'));// expected output: 4console.log(eval(new String('2 + 2')));// expected output: 2 + 2console.log(eval('2 + 2') === eval('4'));// expected output: truecon...
2021-12-21
import模块失效
一点浩然气，千里快哉风。——宋•苏轼 昨天公司实习生问我这个import为什么一直报错，他代码如下： 报错信息如下： 1Uncaught SyntaxError: Cannot use import statement outside a module 实际上是因为script标签没有加type导致的 12345678910111213<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="module"> import {ruben} from './js/module.js' console.log(ruben) </script> </body></html> 这样就可以了 可以看到正常...
2022-06-16
react在ts中提示ref问题
不要太在乎一些人，越在乎，越卑微。——周国平 首先按照官方文档的demo写好代码，却报错如下： 安装插件Error Lens后： 如何解决？ 前往Text的ref源码，可以看到是需要一个叫LegacyRef的类型 我们进LegacyRef，看到其就是Ref或string的类型 因此这里我们定义为Ref类型即可 这里出现了新的问题，不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码，看到其包含几个重载 分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型 所以应该使用上面一种重载 在原有代码React.useRef()中传入null 报错解决 同理，trRef一样 注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text，改名为TextRef 除了在定义变量左侧申明类型，在方法右侧也可以申明泛型，让编辑器自动推测
2026-02-23
FossFLOW
眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中，“以图达意”的表达变得越来越重要。FossFLOW 应运而生，为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么？FossFLOW 是一个开源的渐进式 Web 应用程序（PWA），致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造，并使用 fork 编辑后的 Isoflow 图形库（现已作为 fossflow 发布到 NPM），无需本地安装，完全基于浏览器，无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能，与其他类似工��相比，它能够为用户提供极具创新性的体验： 🎨 专业级等轴测绘图：用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存：每隔 5 秒自动保存，让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持（PWA）：可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私：所有数据均本地存储于用户浏览器，无...
2021-09-27
vue中属性简写
任何职业都不简单，如果只是一般地完成任务当然不太困难，但要真正事业有所成就，给社会做出贡献，就不是那么容易的，所以，搞各行各业都需要树雄心大志，有了志气，才会随时提高标准来要求自己。 —— 谢觉哉 我们可以在包含vue-loader的vue项目中如下写法 123<div :class="[{ active: active }, isButton ? prefix + '-button' : null]"></div><!-- 简写 --><div :class="{ active, [`${prefix}-button`]: isButton }"></div> 这里三个值： 12345678910export default { data() { return { active: true, isButton: true, prefix: '...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog