创意图形项目技术文章总结

简介: 分形图形不同于传统的图形,它具有自相似的特点即通常可以理解为一个粗糙或者零碎的几何图形,可以不断分成数个部分,而且每一部分都近似的是原来的图形缩小后的形状。它们之间往往有一些的共同的规律,在java编程实现的过程中,一般可以通过坐标的变换来实现绘图。最重要的就是找出其中的变化规律。

分形图形不同于传统的图形,它具有自相似的特点即通常可以理解为一个粗糙或者零碎的几何图形,可以不断分成数个部分,而且每一部分都近似的是原来的图形缩小后的形状。它们之间往往有一些的共同的规律,在java编程实现的过程中,一般可以通过坐标的变换来实现绘图。最重要的就是找出其中的变化规律。



下面通过对几个例子的分析来实现几个分形图形的绘图。


要实现分形图形的绘制,首先需要有一个画图板界面(之前的文章已经提过,此处略去~),也可以在上面定义颜色按钮。



例一:神奇的色子


1.平面上随机选A,B,C三个点。再随机选一个点,记为P。


2.有一个三面色子,每丢一次,则选中ABC三个中一点。


开始游戏:


1.重复丢色子,如果选中A,则取A和P的中点P1,画黑,


2.如果选中B,则取B和P1的中点P2,画黑


3.如果选中A,则取A和P2的中点P3,画黑



分析:


所谓平面上选择A,B,C,P 四个点就是在界面上随机生成四个坐标。


每丢一次色子选中A,B,C,中的一个点也可以通过随机数来实现,比如随机产生一个3以内的非负整数,0代表A,1代表B,2代表C


当选中的点不同时,中点的坐标可由数学关系式表示,用java中drawLine的方法可以画出该点。上述过程在for循环中循环多次即可绘图。


以下是代码的实现:

40.png41.png




例二:迭代实现分形


42.png分析:这两个图形的画法较为相似。


需要注意的是坐标的值可能过小,需要对他们进行放大;


经三角函数计算后的值可能为小数,而drawLine方法中参数需要是int类型的,所以需要数据类型的强制转化。


由于在赋值过程中x和y值的值会不断的变化,而后面的计算也需要用到x和y的值,所以需要定义一个中间变量来暂时保存数据,之前计算完毕后再将其赋值之后将各点画黑。


最后将上面的各个步骤放入一个for循环中循环多次实现绘图。



以下是代码的实现:


第一个图形



43.png


第二个图形:


44.png



例三:迭代分形的另一个画法



45.png


(1)a = 0.4, b = 1, c = 0


(2)a = 1, b = 4, c = 60


思路和例二一样,根据题目中已有的规律不断改变x和y的值,每次经过适当的放大,用drawLine(x1,y1,x2,y2)方法画点。最后将上述过程放入for循环中循环多次画出图形


以下是代码的实现:


46.png47.png


例四:L-System


48.png60.png61.png

L-System是人们通过对植物对象生长过程的经验式概括和抽象得出来的一种分形图形。它的核心思想是字符串替换。


通过对它的图形的分析,我们不难发现它的递推规律,如果假设一条直线所对应的字符串为“F”,再定义逆时针旋转60°为“+”,顺时针旋转60°为“-”,那么初始直线就可以转化成字符串“F+F--F+F”;进行下一步时,只用将该字符串中的所有的“F”再替换成“F+F--F+F”即可。


具体的实现方法为:


49.png

实现了字符串的替换,下面就需要考虑如何根据字符串画出我们想要的图形了。


①先统计有几条直线,记一共有linecount条直线,可以换算成4^n条,那么下面直线长度就是(初始长度/3^(n-1))


50.png②生成真实的点的数组,其中x0,y0控制画线的方向,x1,y1控制每次画线的末位置



51.png


③遍历点的数组,将相邻的两个点画线连接起来



52.png之后就实现了L-System图形的绘制


相关文章
|
iOS开发
开眼了!20个极具创意的移动界面动画效果
  静态截图不能显示任何活力,而线框图也看起来略显枯燥。对于移动应用程序开发人员和设计师来说,通过动感的 GIF 动画展示手机应用程序的概念与屏幕或一个特定的功能在应用程序中是如何工作是一个可爱的呈现技巧。
927 0
|
数据可视化 测试技术 定位技术
任何人都可以制作的六大酷炫创意地图
任何人都可以制作的六大酷炫创意地图
369 0
任何人都可以制作的六大酷炫创意地图
新手如何成为更好的图形设计师
新手如何成为更好的图形设计师使用 Eye Dropper 分析配色表https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka使用 Page Ruler 测量https://chrome.
|
9月前
|
算法 API 异构计算
MistoLine-线条魔法,驾驭每一缕创意!
MistoLine 是一个可以适配任意类型线稿,准确性高,稳定性优秀的SDXL-ControlnetNet模型。它可以基于用户输入的任意类型的线稿图(手绘、各类controlnet-line preprocessor、模型线框轮廓等)作为条件,生成高质量图像(短边大于1024px),无需再根据不同线预处理器选择不同的controlnet模型,MistoLine在各类线稿条件下都有较好的泛化能力。
|
JavaScript 前端开发
分享40佳非常有创意的社交网络图标集
  社交网络是最近几年互联网领域最热门的关键词,诞生于大学生宿舍的Facebook如今估值已达数百亿美元,各种社会网络化媒体成为我们信息获取和传播的重要途径。今天,本文与大家分享40佳非常有创意的社交网络图标,希望大家会喜欢! Free Furry Cushions Social Icons Se...
881 0
|
Web App开发 前端开发 JavaScript
新时代创意布局不完全指南
新时代创意布局不完全指南
138 0
新时代创意布局不完全指南
|
9月前
|
数据可视化 测试技术 uml
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
【掌握绘图艺术】用PlantUML绘制完美UML图表,开发者的福音
1789 1
|
移动开发 前端开发 HTML5
独特设计!插图和手绘元素在网页设计中的使用
  插画和手绘元素可以​​突显网站的个性,从而抓住用户的注意力。如果你的网页还没有跟上插图的潮流,有几种方法可以将这些元素用在你的项目中。您可以给网页添加微小的插画图标,手绘图标或者大胆的插图背景。下面的例子将告诉你,如果使用得当,图文并茂,可以非常有效的表达含义。
877 0

热门文章

最新文章