微信小游戏
2019-07-25 本文已影响26人
魔王哪吒
服务类目
选择“游戏”
子类目
选择“休闲游戏”
image.png
image.png
image.png
image.png
基础不牢固，技术不全面，不能灵活编码
技术过时，跟不上主流技术的发展
缺乏真实项目经验，脱离企业实际要求
缺少工作问题解决能力
image.png
系统全面的知识体系
image.png
企业主流的开发技术
image.png
丰富完整的项目经验
image.png
师从大厂技术大牛
image.png
快速高效学习方法
image.png
image
HTML制作网页的结构和内容
css负责网页的样式
JavaScript完成和用户之间的动态交互
image.png
image.png
image.png
image.png
image.png
image.png
image.png
html的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
声明+HTML整体
根标签只有一个，页面中所有的内容都在根标签里，head标签，头部信息，meta标签，charset标签，编码格式，title标题，body网页内容
在开发者工具可以看到，小游戏只有两个必要文件：
game.js
game.json
game.js 小游戏入口文件
game.json 配置文件
image.png
image.png
image.png
image.png
image.png
css语法结构
image.png
元素选择器
h1
类选择器
.div
ID选择器
div
属性选择器
[name="shu"] { color: red; }
通配符
- {}
小游戏中，只能使用 JavaScript 来编写小游戏。但不同于浏览器环境，小游戏环境没有 BOM 和 DOM API，只有 wx API. 接下来我们将使用 wx API 来完成创建画布、绘制图形、显示图片以及响应用户交互等基础功能。
image.png
image.png
px像素，1280x720
image.png
抖音风格字体效果
text-shadow属性
image.png
image.png
image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background-color:gray;
}
h1{
font-size:68px;
color:white;
/*此处填写代码*/
text-shadow: -1px -3px #ff00de, 0 0 20px #ff00de;
}
</style>
</head>
<body>
<h1>dashu</h1>
</body>
</html>
image.png
创建画布：
const canvas = wx.createCanvas()
若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。
请点赞！因为你们的赞同/鼓励是我写作的最大动力！
欢迎关注达叔小生的简书！
这是一个有质量，有态度的博客
博客
