基于cocos creator画六维图

这个仅仅是一个代码例子。

1.cocos creator的左下方资源管理器，点右键，弹出菜单，创建一个Scene,默认名称就可以。

2.同样在再创建一个JavaScript，名称为drawsix

3.然后在双击这个scene，进入这个场景的编辑。在cocos creator的左上角的层级管理器的Canvas点，右键菜单创建一个空节点。

4.在左上角的层级管理器，选中这个节点，右边会这个节点的属性列表。然后为这个节点增加graphics和用户脚本组件。

注：这步很关键，没有这个graphics组件，是画不出来图的。

这样就完成组件设置，然后双击左下角的资源管理器中的drawsix这个js脚本，启动vscode进行编辑。输入下面代码，保存。

cc.Class({extends: cc.Component,properties: {},onLoad () {this.graphics = this.getComponent(cc.Graphics);this.graphics.lineWidth = 2;this.drawSixLine(200);this.drawSix(200);},//生成0.1-1之间的随机数randNumber() {let r = Math.random();if(r < 0.1) r = 0.1;return r;},//画六维图，并填充drawSix(paramLength) {let graphics = this.graphics;graphics.strokeColor.fromHEX('#00ff00');graphics.strokeColor.a = 0;let first = {x:0,y:0};for(let i = 0; i < 6; i++) {let ang = i/3 * Math.PI;let length = paramLength * this.randNumber();let x = length * Math.cos(ang);let y = length * Math.sin(ang);if(i === 0) {first.x = x;first.y = y;graphics.moveTo(x,y);}graphics.lineTo(x,y);}graphics.lineTo(first.x, first.y);graphics.moveTo(0,0);graphics.fillColor.fromHEX('#00ff00');graphics.fillColor.a = 125;graphics.fill();graphics.stroke();},//画六维线drawSixLine(paramLength) {let graphics = this.graphics;graphics.strokeColor.fromHEX('#ffffff');for(let i = 0; i < 6; i++) {let ang = i/3*Math.PI;let x = paramLength * Math.cos(ang);let y = paramLength * Math.sin(ang);graphics.moveTo(0,0);graphics.lineTo(x,y);}//画圈let r = 200/3;for(let i = 1; i < 4; i++) {graphics.circle(0,0,i*r);}graphics.stroke();},start () {},});

最在确认当前的scene是不是自己刚创建的Scene，然后在cocos creator点运行，就可以了。

最后是运行结果：

基于cocos creator画六维图相关推荐

基于metpy库画T-LnP图（国内主流形式，并非斜温）
基于metpy库画T-LnP图(国内主流形式,并非斜温) 时隔多日再次更帖,主要原因是一直在画T-LnP,想画一个好的,这一版是为接下来的下一帖给小白们打一下基础. 本帖的知识点为: 1.利用metp ...
一款非常好玩的小程序游戏推荐给大家，基于cocos creator引擎开发的
一款非常好玩的小程序游戏推荐给大家,基于cocos creator引擎开发的,排名包含微信好友排行榜,全球榜,快邀请好友,一起来玩吧.
Cocos Creator - 动态合图(dynamicAtlasManager)
步骤 Cocos Creator - 动态合图(dynamicAtlasManager) 前言启用.禁用动态合图贴图限制支持定制的渲染组件调试总结 Cocos Creator - 动态合图( ...
Cocos 篇：基于 Cocos Creator v1.9，开始 Hello World 。。。
前言身体好,才是真的好~ 从此之后,要会生活,努力活出自己想要的样子~!!! Enmmm,LZ 也是小白一枚,初入贵行,还望手下留情~ 本篇主要作用,或者说定位在于和 LZ 一样得小白,希望多多交流 ...
基于Cocos Creator的水果忍者游戏
基于cocos creater的水果忍者游戏项目介绍主界面游戏界面游戏详情界面水果运动界面刀片切割界面游戏结束界面下载方式项目介绍互联网技术不断革新,用户对于应用的要求在不断提高, ...
基于Cocos Creator 2.3.0,使用TypeScript(ts)实现微信跳一跳
在看我这篇文章之前,首先您应该掌握一些基本知识,一是了解和使用cocos creator的常用控件,如Button,Label,Sprite等,脚本事件绑定等;Vscode的基本操作;TypeScri ...
基于Cocos creator 实现坦克大战小游戏【100010131】
疯狂坦克引言坦克大战是一款曾经风靡一时的小游戏,本次的实训,就是要力图让经典历久弥新.因此在老师的帮助下,我们将尽力开发一款在原有基础上有突破的"疯狂坦克2",加入新的元素,融 ...
python slice函数画高维图_没想到Python还能画六维图
我们的大脑通常最多能感知三维空间,超过三维就很难想象了.尽管是三维,理解起来也很费劲,所以大多数情况下都使用二维平面. 来自维基百科不过,我们仍然可以绘制出多维空间,今天就来用 Python 的 p ...
cocos creator画线绕圈的实现方式，包括绕圈和回退
1. 当圆和直线相交时,直线起点和终点为p1,p2,o为圆心,r为半径,根据以下方式获得切点p3,把p1-p3画一条直线,计算新的直线p3-p2.以此循环即可绕圆 //p2与圆的切点p3()getTa ...

基于cocos creator画六维图

基于cocos creator画六维图相关推荐

最新文章

热门文章