1 /**
  2  *                    Java 动态写轮眼 SharingganJPanel (整理)     
  3  *                                 
  4  *                                          2016-1-2 深圳 南山平山村 曾剑锋
  5  * 设计声明：
  6  *         1、虽然岸本是日本人，而我个人作为其模仿者，依然想表示个人对其的敬意，希望作品
  7  *              不会玷污写轮眼的名声。
  8  *         2、由于本次设计包含过多数学计算，所以强烈建议您通过《注意事项》中的5查看图是
  9  *              如何设计的，先不要看源码，然后自己试图去设计，而您仅需要知道：计算机计算
 10  *              开方、三角函数、反三角等会造成误差，仅此而已。
 11  *         3、由于我本人在《动态中国太极图——Java原创》中改了一个注释错误，导致《动态中国
 12  *              太极图——Java原创》不能再次通过系统的审批，不知何故，所以导致大家可能看不
 13  *              到《动态中国太极图——Java原创》里面详细的注释，深表遗憾。同时也对我自己没
 14  *              能认真做好本质工作表示深深的反思。
 15  *         4、如果您对这个很好奇，那么请现查阅本人发表的《动态中国太极图——Java原创》(不
 16  *              知道还能不能通过审批)、《动态眨眼效果——Java原创》，因为那两个是这个设计
 17  *              的引导＋铺垫。
 18  *         
 19  *         
 20  * 注意事项：
 21  *         1、本程序为java程序，同时感谢您花费宝贵的时间来阅读本文档；
 22  *         2、请注意包名为：practice，文件名为：SharinganJFrame(Sharingan是写轮眼的英文)，
 23  *              注意检查，以防一些不必要的麻烦；
 24  *         3、在完成确认2中的内容后，本程序可以直接运行，因为本软件说明都在注释中；
 25  *         4、由于本设计是继《动态中国太极图——Java原创》、《动态眨眼效果——Java原创》后编
 26  *              写，所以在那里面已说明的东西，不再详述，同时由于个人能力、阅历等原因，有
 27  *              些细节可能并没有详细阐述，或者有疏漏，请谅解。                        
 28  *         5、您可以注释paint()方法中的一些代码，因为效果很直观，也许这样您理解得更快，
 29              建议如下：
 30  *             5.1 先看paint()方法第1条语句效果，把paint()方法中的其它语句注释掉；
 31  *             5.2 再看paint()方法第1、2条语句效果，把paint()方法中的其它语句注释掉；
 32  *             5.3 再看paint()方法第1、2、3条语句效果，把paint()方法中的其它语句注释掉；
 33  *             5.4 以上面的方法类推，直到paint()方法中没有语句被注释，相信等您看完，您就
 34  *                理解了。
 35  *
 36  * 设计目标：在一个JFrame中绘制一个动态的写轮眼(动漫《火影》中的特殊眼睛)。
 37  *
 38  * 设计说明：   
 39  *      相信很多人不喜欢看那些很长文字的说明，所以本人只简单介绍一下个人想法及遇到的一
 40  *        些问题：
 41  *          1、设计的源头来自我和同桌(程梦真)无意中提到写轮眼，所以打算把它用Java绘出来，
 42  *              而且要是动态的；
 43  *          2、目前的版本的写轮眼和最初设计的写轮眼有很大差别，很多单词的定义已经没有了
 44  *              当初的味道。
 45  *          3、绘制这个动态的写轮眼的时候遇到最严重的的问题是计算误差，就是苍老师说的
 46  *              精确但不准确，所以angleErr是用来做误差补偿的，当然这个还是不是很准确，没
 47  *              有更深入的去探究，由于本来就是娱乐，所以没打算去深究，如果你感兴趣，想去
 48  *              琢磨，请注意一下angleErr所出现的地方，本人因为这个误差，重画了进3遍才找
 49  *              出根本原因。
 50  *             
 51  *    2014-1-13 星期一 晴 8度 微风 南昌
 52  *
 53  */
 54 package demo;
 55 
 56 import java.awt.Color;
 57 import java.awt.Graphics;
 58 
 59 import javax.swing.JFrame;
 60 import javax.swing.JPanel;
 61 
 62 public class SharinganJPanel extends JPanel {
 63     //设置中心坐标，个人喜欢一种心点作为物体的坐标，物理里面成为质点
 64     static int centerX = 600/2;
 65     static int centerY = 600/2;
 66     //外圆半径，写轮眼转动所依赖的红线
 67     double extendCircleSemi = 25;                  // double extendCircleSemi = 200;
 68     //写轮眼的旋转部分有一个固定的大小的圆，刚开始设计的时候是定义为白色的，后来改为了红色，好看 ^_^
 69     double whiteOfSharingan = extendCircleSemi/3;  // double whiteOfSharingan = extendCircleSemi/6;
 70     //在上面的红色的圆旁边有一个随着旋转角度变大而变大的圆，其半径为miniCircleSemi
 71     double miniCircleSemi = 0;
 72     //这里用到了绘制太极时的思路，这个圆和上面的两个圆(whiteOfSharingan和miniCircleSemi)外切
 73     double sharinganSemi = 0;
 74     //旋转度角范围的变量，您可以通过观察旋转的循环角度是120*2
 75     int angleCircle = 0;
 76     //小圆(miniCircleSemi)和白圆(whiteOfSharingan)在外圆(extendCircleSemi)上的角度
 77     double angleOfWhiteMini = 0;
 78     //写轮眼沟玉圆(sharinganSemi)和白圆(whiteOfSharingan)在外圆(extendCircleSemi)的角度
 79     double angleOfwhiteShar = 0;
 80     //用于判断圆是否到达极限位置，还句话说就是是否到达了正确的角度，进行下一次循环
 81     boolean flag = true;
 82     //沟玉球心到弦(whiteOfSharingan圆中心和miniCircleSemi圆中心所连成的线)中心距离；
 83     double distansOfWhiteShar =0;
 84     //沟玉球心到中心点的距离，这一步主要是为了计算坐标
 85     double distansOfSharSemi = 0;
 86     //在绘图过程中，由于计算机计算开方、三角函数、反三角等造成了误差，这是一个补偿值，但要注意真正补偿的
 87     //误差为这个误差的angleErr*2/3,因为这个值是本人通过理想设置临界状态得到的值。
 88     double angleErr = 0.02500260489936114;
 89     //沟玉球(whiteOfSharingan)中的黑球半径，这个值是动态的
 90     int blackOfWhiteSemi = 0;
 91     //中心眼睛所占的长度
 92     int eyeLength = 300;
 93     //眼睛幅值
 94     int amplitude = 50;
 95     
 96     public SharinganJPanel() {
 97         
 98         startRun();
 99     }
100     
101     @Override
102     public void paint(Graphics graphics) {
103         System.out.println();
104         super.paint(graphics);
105         this.setBackground(Color.black);
106         //绘制一个眼睛作为背景
107         graphics.setColor(Color.red);
108         for (int i = 0; i < eyeLength; i++) {
109             graphics.drawLine(    centerX-eyeLength/2+i,
110                                 centerY-(int)(Math.sin(Math.PI*i/eyeLength)*amplitude),
111                                 centerX-eyeLength/2+i,
112                                 centerY+(int)(Math.sin(Math.PI*i/eyeLength)*amplitude));
113         }
114         //在眼睛的中心绘制一个黑色的圆
115         graphics.setColor(Color.black);
116         graphics.fillOval(    centerX-90/2,
117                             centerY-90/2,
118                             90,
119                             90);
120         //在眼睛的中心绘制一个白色的圆
121         graphics.setColor(Color.white);
122         graphics.fillOval(    centerX-60/2/2/2,
123                             centerY-60/2/2/2,
124                             60/2/2,
125                             60/2/2);
126         //用于绘制3个不同角度、在不断变化、不同位置的太极图，图是有顺序的
127         for (int i = 0; i < 3; i++) {
128             //绘制写轮眼球(sharinganSemi)
129             graphics.setColor(Color.red);
130             graphics.fillArc(   (int)(centerX-sharinganSemi+Math.cos(Math.PI*(angleCircle+90+(i*120))/180-angleOfWhiteMini/2+angleOfwhiteShar+angleErr*2/3)*distansOfSharSemi),
131                                 (int)(centerY-sharinganSemi-Math.sin(Math.PI*(angleCircle+90+(i*120))/180-angleOfWhiteMini/2+angleOfwhiteShar+angleErr*2/3)*distansOfSharSemi),
132                                 (int)(sharinganSemi*2),
133                                 (int)(sharinganSemi*2),angleCircle+i*120,180);
134             //绘制写轮眼固定圆(whiteOfSharingan)
135             graphics.setColor(Color.red);
136             graphics.fillOval(  (int)(centerX-whiteOfSharingan+Math.cos(Math.PI*(angleCircle+90+(i*120))/180)*extendCircleSemi),
137                                 (int)(centerY-whiteOfSharingan-Math.sin(Math.PI*(angleCircle+90+(i*120))/180)*extendCircleSemi),
138                                 (int)(whiteOfSharingan*2),
139                                 (int)(whiteOfSharingan*2));
140             //绘制写轮眼黑球(miniCircleSemi)
141             graphics.setColor(Color.black);
142             graphics.fillOval(  (int)(centerX-miniCircleSemi+Math.cos(Math.PI*(angleCircle+90+(i*120))/180-angleOfWhiteMini)*extendCircleSemi),
143                                 (int)(centerY-miniCircleSemi-Math.sin(Math.PI*(angleCircle+90+(i*120))/180-angleOfWhiteMini)*extendCircleSemi),
144                                 (int)(miniCircleSemi*2),
145                                 (int)(miniCircleSemi*2));
146             //绘制写轮眼固定球内黑球(blackOfWhiteSemi)
147             graphics.setColor(Color.black);
148             graphics.fillOval(  (int)(centerX-(blackOfWhiteSemi+0.0)/120*whiteOfSharingan/2+Math.cos(Math.PI*(angleCircle+90+(i*120))/180)*extendCircleSemi),
149                                 (int)(centerY-(blackOfWhiteSemi+0.0)/120*whiteOfSharingan/2-Math.sin(Math.PI*(angleCircle+90+(i*120))/180)*extendCircleSemi),
150                                 (int)((blackOfWhiteSemi+0.0)/120*whiteOfSharingan),
151                                 (int)((blackOfWhiteSemi+0.0)/120*whiteOfSharingan));
152         }
153         //绘制外圆
154             graphics.setColor(Color.red);
155             graphics.drawOval(  (int)(centerX-extendCircleSemi),
156                                 (int)(centerY-extendCircleSemi),
157                                 (int)(extendCircleSemi)*2,
158                                 (int)(extendCircleSemi)*2);
159     }
160     public void startRun() {
161         new Thread(){
162             public void run() {
163                 while(true){
164                     if (flag) {
165                         angleCircle += 2 ;
166                         //沟玉白球中的黑球半径
167                         blackOfWhiteSemi = angleCircle;
168                         //System.out.println(angleCircle);
169                         //根据目前写轮眼沟玉球转过角度来确定mini小球目前的对应的半径
170                         miniCircleSemi = (angleCircle+0.0)/120*whiteOfSharingan;
171                         //System.out.println(miniCircleSemi);
172                         //沟玉球半径
173                         sharinganSemi = miniCircleSemi+whiteOfSharingan;
174                         //System.out.println(sharinganSemi);
175                         //由于白球和mini小球都是在外圆上，所以通过弦对应的角度来求的小圆落后于白球的角度
176                         angleOfWhiteMini = Math.asin(sharinganSemi/2/extendCircleSemi)*2;
177                         //System.out.println(angleOfWhiteMini);
178                         //沟玉球心到白球中心距离
179                         distansOfWhiteShar = (whiteOfSharingan-miniCircleSemi)/2;
180                         //沟玉球心到中心点的距离
181                         distansOfSharSemi = Math.sqrt(  extendCircleSemi*extendCircleSemi
182                                                         -((whiteOfSharingan+miniCircleSemi)/2)*((whiteOfSharingan+miniCircleSemi)/2)
183                                                         +((whiteOfSharingan-miniCircleSemi)/2)*((whiteOfSharingan-miniCircleSemi)/2));
184                         //沟玉球心和白求在中心圆上所成的角度
185                         //通过这里可以可以求出由于计算机计算产生的计算误差为（0.02500260489936114）
186                     //System.out.println(distansOfSharSemi);
187                         angleOfwhiteShar = Math.asin(distansOfWhiteShar/2/distansOfSharSemi);
188                         //System.out.println(angleOfwhiteShar);
189                         if (angleCircle == 120) {
190                             flag = false;
191                         }
192                     }else {
193                         angleCircle += 2;
194                         //沟玉白球中的黑球半径
195                         blackOfWhiteSemi = 240-angleCircle;
196                         //根据目前写轮眼沟玉球转过角度来确定mini小球目前的对应的半径
197                         miniCircleSemi = (240.0-angleCircle)/120*whiteOfSharingan;
198                         //miniCircleSemi = (angleCircle+0.0)/120*whiteOfSharingan;
199                         //沟玉球半径
200                         sharinganSemi = miniCircleSemi+whiteOfSharingan;
201                         //由于白球和mini小球都是在外圆上，所以通过弦对应的角度来求的小圆落后于白球的角度
202                         angleOfWhiteMini = Math.asin(sharinganSemi/2/extendCircleSemi)*2;
203                         //沟玉球心到白球中心距离
204                         distansOfWhiteShar = (whiteOfSharingan-miniCircleSemi)/2;
205                         //沟玉球心到中心点的距离
206                         distansOfSharSemi = Math.sqrt(  extendCircleSemi*extendCircleSemi
207                                                         -((whiteOfSharingan+miniCircleSemi)/2)*((whiteOfSharingan+miniCircleSemi)/2)
208                                                         +((whiteOfSharingan-miniCircleSemi)/2)*((whiteOfSharingan-miniCircleSemi)/2));
209                         //沟玉球心和白求在中心圆上所成的角度
210                         angleOfwhiteShar = Math.asin(distansOfWhiteShar/2/distansOfSharSemi);
211                         if (angleCircle == 240) {
212                             angleCircle = 0;
213                             flag = true;
214                         }
215                     }
216                     try {
217                         Thread.sleep(20);
218                     } catch (InterruptedException e) {
219                         e.printStackTrace();
220                     }
221                     repaint();                
222                 }
223             };
224         }.start();
225     }
226     public static void main(String[] args) {
227         JFrame jFrame = new JFrame();
228         jFrame.setTitle("Sharingan");
229         jFrame.setSize(centerX*2, centerY*2);
230         jFrame.getContentPane().setBackground(Color.black);
231         jFrame.setLocationRelativeTo(null);
232         jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
233         
234         JPanel jPanel = new SharinganJPanel();
235         jFrame.add(jPanel);
236         jFrame.setVisible(true);
237     }
238 }