俄罗斯方块系列教程之Hello Word

俄罗斯方块系列教程之Hello Word

首页休闲益智俄罗斯方块MC版更新时间:2024-06-05
一、如何在乐述云享中使用P5JS组件

乐述云享是一个知识创作平台,采用Markdown作为编辑器语言,由于Markdown是一种纯文本语言,系统会在预览时自动根据标识将纯文本转换成富文本,因此其专为开发人员内置了一门P5JS语言,让我们可以直接在编辑器中按照指定语法编程就能创作出应用软件。

P5JS的编程语言是建立在Javascript基础上的,通过封装好的API,使得程序中的语句更容易被理解,大大提高了开发效率,要想使用P5JS组件,您只需要在文档中使用以下语法即可。

P5JS程序基本结构由setup()和draw()两个函数组成

01 setup()

当页面被加载完毕,P5JS组件会开始执行setup()函数中的程序,该部分只会执行一次。通常在setup()函数中完成P5JS的初始化设置,例如画布大小定义,初始化变量,生成全局对象等操作。

02 draw()

在setup()函数中的程序执行完毕后,P5JS会接着执行draw()函数中的程序。draw()函数是一个死循环,其中的程序会不断地重复运行。通常在draw()函数中完成程序的主要功能,如画布内容更新与展示等。

二、示例程序

乐述云享为我们提供了很多帮助文档与案例,是很好的入门材料。

以下为最简示例程序:

为了在后续教程中直接为大家提供文字版的代码,P5JS组件的标识后续将不再展示。

例:

  1. // 启动函数
  2. function setup() {
  3. // 创建一个500x500的画布
  4. createCanvas(500, 500);
  5. }

  6. // 绘画函数
  7. function draw() {
  8. // 定义背景色
  9. background(200);
  10. // 定义文字对齐方式
  11. textAlign(CENTER, CENTER);
  12. // 在画布指定位置显示文字
  13. text('Hello World!', 250, 250);
  14. }

  15. new p5();
三、运行效果

注意:轻文档支持分页,同页只允许使用一个P5JS组件。

想了解相关信息可以关注并私信我!!!!!!!!

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved