首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

第207期-直线旋转

大吉大利,一起rhino呀。

摇来摇去摇着温柔的阳光

轻轻托起一件梦的衣裳

古老的都市每天都改变模样

年轻和我们奔放

我们一起来摇呀摇太阳

不要错过那好时光

心儿随着晨风在蓝天上飞翔

知识星球入场券历史巨惠最后4小时!

第207期-直线旋转

明天就要交年终汇报了,而我居然故作淡定地跑来写推文,多么拼的小编啊,点个「在看」再走,好不的啦。

今天是一个相对简单的分享,但是小编觉得还是蛮有启发的,希望对你有帮助。

首先,在0-1之间绘制一个sin曲线。

需要注意的是,这里虽然图像映射器只有四分之一sin周期,而由于输入数据为0-2区间,sin曲线为周期曲线,所以图像映射器会自动补齐1-2之间的映射数据。而对于其他映射曲线,超出部分会自动用最后的数据补齐,类似Longest list法则。

这样做主要是为了正好完整地得到二分之一个sin曲线,不然手动你很难正好调整出一个二分之一周期的sin曲线。

接下来绘制同等数量,长度不一的直线,由于这里所有的直线重叠在一起,所以看起来像一根直线。

然后对直线,以sin曲线点为中心进行旋转,旋转角度同样是通过图像映射器处理过的,这样就得到了比较有韵律的旋转曲线。

设置与曲线数量一致的颜色对应值,一会要对直线进行着色。

为了最后的动态显示,这里用了一个repeat data运算器,提取部分直线和对应长度的颜色值,根据颜色值对直线着色。

然后求得直线的端点,根据直线长度映射为端点圆的半径值,最后对圆平面着色。

其实到这里已经结束了,接下来咱们做动态显示效果。

利用了一个数据记录器和一个time运算器组合,将得到值进行累加,作为repeat data的数据长度控制,为了防止累加值超过列表长度,用了一个列表推导式进行控制。

来看看动图。

觉得好看,点个在看。

欢迎加入知识星球「颜习社」,现在加入,享受双十一立减折扣哦。

最后4小时!

你是否饱受漫漫长夜,无心睡眠的困扰?

你是否有过午夜梦回,百无聊奈的悲桑?

你是否骨骼惊奇,还未踏上rhino的不归路?

你是否一身正气,连个女盆友都没有?

你是否有大把时间,还不够快活?

……

那么

学习rhino吧

生命不息,挖坑不止

END

公众号:颜值不那么高的超设计

2019-12-12

感谢关注。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191212A03X6B00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券