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 平台游戏
相关推荐
2024-01-14
chakra-ui
对人生命最大的威胁是以车代步，而不是交通事故。——怀特 分享一个很好看的react的UI组件库chakra-ui： https://chakra-ui.com/ https://github.com/chakra-ui/chakra-ui
2026-01-18
AionUi
志士惜年，贤人惜日，圣人惜时。——魏源 AionUi：一款真正“本地优先”的多代理 Cowork 桌面应用AionUi 是一款免费的本地开源桌面应用，用来给你的编码代理和指令工具提供一个轻量但专业的工作空间。它的定位非常明确：Cowork for Gemini CLI、Claude Code、Codex、Opencode、Qwen Code、Goose CLI、Auggie 等等。简单理解，就是把这些分散的代理能力“装进一个统一的生产环境”，在日常工程节奏里更稳定地协作与交付。 项目主页：aionui.com 源码仓库：iOfficeAI/AionUi 技术栈：TypeScript、Electron、React、i18next、better‑sqlite3 等 AionUi 不是“又一个 WebUI”，它强调的是“本地优先”和“工程化”：自带跨平台打包流程、主进程级别的持久化数据库、成熟的国际化与主题系统，以及围绕 UI/UX 设计的辅助知识库。下面从几个关键模块拆开聊聊它的味道与做工。 跨平台构建：Electron Forge + electron...
2021-07-25
uniapp阻止navigator冒泡
作为一个人，要是不经历过人世上的悲欢离合，不跟生活打过交手仗，就不可能懂得人生的意义。——杨朔 代码如下 1234567891011121314151617181920212223242526272829303132333435<template> <view> <view class="navigators"> <view class="parent-navigator" @tap="parentEvent()"> 上层，打印语句 <navigator class="child-navigator" url="/pages/test/test">内层，回到/pages/test/test页面</navigator> </view> </view> </view></template><script>export defau...
2021-11-14
mixin
所有智力方面的工作都要依赖于兴趣。——皮亚杰 如果我们需要在各个vue页面使用相同的公共元素 我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...
2025-04-29
vue-countTo
从工作里爱了生命，就是通彻了生命最深的秘密。 —— 纪伯伦 https://github.com/PanJiaChen/vue-countTo/https://panjiachen.github.io/countTo/demo/ vue-countTo：一个简单高效的数字递增动画组件在前端开发中，数字递增动画是一种常见的交互效果，通常用于数据展示和统计页面。vue-countTo 是一个轻量级的 Vue 组件，可以快速实现目标数字递增的动画效果，让你的项目更加生动和吸引人。 什么是 vue-countTo？vue-countTo 是由 PanJiaChen 开发的一个 Vue.js 组件，用于在指定的时间内将数字从起始值递增到目标值。它简单易用，且支持高度定制化，适合各种场景的数字动画需求。 核心特点： 轻量化：组件体积小，性能优异。 易于使用：通过简单的配置即可实现数字递增动画。 高度定制：支持设置起始值、目标值、持续时间以及动画的回调函数。 Vue.js 集成：无缝嵌入 Vue 项目，兼容性强。 使用场景vue-countTo 适用于以下常见场景： 数据统计展示在...
2026-10-20
os-taxonomy
少壮不努力，老大徒伤悲。——《汉乐府・长歌行》 把「孩子学会了什么」画成一张会生长的地图一张会呼吸的星图想象这样一个画面：整个小学阶段所有能被称为「一个知识点」的东西，被拆成一千多颗小星星，铺在一块黑色的画布上。星星按学科上色，高度代表年龄——越小的孩子站得越低，越大的孩子站得越高；星与星之间有线，线不是装饰，是「必须先懂这个，才能懂那个」。 这不是比喻，这是一份开源数据集自带的视觉说明。它叫 Marble Skill Taxonomy，一个开放的、结构化的分类体系，描述的是孩子们在小学阶段究竟学到了什么。它把这些内容拆成细颗粒的「微主题」，串成一张前序依赖图，再对齐到各国的国家课程标准。 更关键的是它的姿态：不是一个被锁在产品里的黑箱，而是一份可以直接下载、直接解析、直接拿去做东西的纯数据。 项目地址：https://github.com/withmarbleapp/os-taxonomy 先说结论式的自我介绍这份数据的自我定位很短，但每个词都有分量：开放的、结构化的、「孩子学什么」的分类体系，覆盖小学阶段，拆成微主题，接上依赖图，对齐课标。 它出现的原因也很直接：市面上大...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog