纲手推荐程序笔记1-p5.js创意游戏编程
时间:2022-07-23
本文章向大家介绍纲手推荐程序笔记1-p5.js创意游戏编程,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
- 本案例最终代码17行
开始
- 创建画布,生成一个400*400大小的画布。
function setup() {
createCanvas(400, 400);
}
- 创建背景及小球,首先通过background()函数创建一个天蓝色(87,250,255)的背景,再创建一个20*20大小的小球,生成地点位于(200,200)的位置,使用ellipse()函数创建,ellipse()函数内有四个参数,分别表示生成小球的x,y坐标及宽和高。
var x=200,y=200;
function draw() {
background(87,250,255);
ellipse(x,y,20,20);
}
draw()函数会不断地运行(频率为FPS,默认60帧/秒)
- 让小球动起来,通过draw()函数不断刷新屏幕可以通过改变小球的x,y坐标让小球运动起来。
var sx=2,sy=3;
function draw() {
background(87,250,255);
ellipse(x,y,25,20);
x+=sx;
y+=sy;
}
- 让小球来回运动,通过条件判断让小球来回运动,如果小球来到了边缘位置,就让小球的x/y坐标减1
if(x>width||x<0){
sx*=-1;
}
if(y>height||y<0){
sy*=-1;
ClientId=www.yachengyl.cn"authentication",//客户端唯一标识
ClientSecrets=new[www.yixingylzc.cn]{new Secret("auth123456".Sha256()) },//客户端密码进行加密
//AllowedGrantTypes=www.baihuayl7.cn GrantType www.baihua178.cn.ClientCredentials,//验证模式
AllowedGrantTypes=www.xinxingyulep.cn{GrantType.ClientCredentials www.uuedzc.cn},//验证模式
AllowedScopes=new [www.yifayuled.cn]{ http://www.jintianxuesha.com/?cate=2"UserApi"},//作用域,可以访问的资源,该用户可访问哪些Api
Claims=new List<Claim>(www.tyyleapp.com)}最后附上完整代码:
var x=200,y=200;
var sx=2,sy=3;
function setup() {
createCanvas(400, 400);
}
function draw() {
background(87,250,255);
ellipse(x,y,20,20);
x+=sx;
y+=sy;
if(x>width||x<0){
sx*=-1;
}
if(y>height||y<0){
sy*=-1;
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- jvm源码解析(五)synchronized和ReentrantLock
- 手把手教你构建自定义的Mimikatz二进制文件
- APACHE OFBIZ XMLRPC远程代码执行漏洞分析
- Intelspy:一款功能强大的自动化网络侦察扫描工具
- Prometheus入门教程(二):Prometheus + Grafana实现可视化、告警
- WAF代码剖析之初识openresty
- 树义带你学 Prometheus(四):PromQL 快速入门
- 树义带你学 Prometheus(五):Prometheus 的关键概念
- 树义带你学 Prometheus(六):Spring Boot Actuator 实现应用监控
- 树义带你学 Prometheus(七):SpringBoot 实现自定义指标监控
- 布尔型盲注的PY交易
- 一文详解「队列」,手撸队列的3种方法!
- 代理模式
- Swift:Lable 高度计算误差
- 基于python检查SSL证书到期情况代码实例