orewa kaizokuooni naru otokoda!

README.md

@@ -0,0 +1,62 @@
+# CSC151Project
+Design Statement
+
+While incorporating color variation, our project mainly explores shapes in our project with certain level of predictability.
+In the following design statement, we will first introduce the calling and product of the procedure as well as its purpose. 
+Second, we will delve deeper into the elements and principles of two dimensional design used in our procedure. Then we will
+evaluate the colors used in forming the products of the procedure and give a summary of the implications of our procedure.
+When the user calls our procedure, he/she will input three parameters, a number between 1~999, the width and the height of
+the image generated. Our main idea is to develop the procedure into a game which users can play it by making successive calls
+with different first parameter. The game has five levels and each correspond to 10 of the possible 1000 pictures. First the
+user start with the starting picture and get the clue(by counting certain geometric drawings -stars, squares that correspond 
+to the three digit of next picture's index) from the picture generated to guess the index(the first parameter) of the next
+picture he/she is supposed to call. By calling right pictures in turn the user can pass five levels(that is 50 key pictures)
+and reach the final picture. However, if the user make the wrong call, the picture generated will be clearly different than 
+expected thus can inform the user that he/she has made the wrong call.
+
+In our project we intend to use several design elements such as Picture plane, Positive space/shape, Negative space/shape, Line,
+Value, and Color. The fifty pictures representing five levels will be in the form of magic circles with five kinds of patterns
+and the rest pictures will be in the form of a magic tree. (more specific please see technique statement).
+
+Also we will follow various design principles such as Balance, Unity and Variety, Scale, Proportion, and Rhythm. Our pictures will
+be in certain symmetry with imbalance in some point(Balance). The pattern of the picture generated will include grouping, repetition,
+proximity, continuity, pattern and grid(Unity and Variety). Also part of the picture will contain concentric geometric drawings(Scale).
+Meanwhile, users are expected to see different patterns(lines, squares, circles) with different sizes(Proportion) and multiple units 
+in a deliberate pattern(Rhythm) present in one picture. (To understand more specifically, please see the attached sketches of images)
+
+After studying the color theory, we plan to give each ten of the 50 key pictures a theme color while using the same theme color
+in the rest of the pictures(all of the pictures will use dark colors, that is a colors with small Value, as base colors). The
+corresponding theme colors of each of five levels will be green, red, yellow, blue and white(mostly Primary colors and Secondary
+colors) with the other pictures use pink-purple as a theme color. Each of the theme color is intend to be considerably bright, 
+that is with large Saturation. Because in our pictures we will use primarily lines and hollow graphics than color blocks, the
+user can interpret the pictures as drawing with pens on a paper.
+
+In conclusion, our project is intend to engage the people who call our procedure in the game while showing them magical pictures.
+For more technical details and illustrations please read the technique statement and see the sketched images.
+
+Reference:
+www.cs.grinnell.edu/~klingeti/courses/f2016/csc151/assignments/projectdesign statement technique statement
+http://www.cs.grinnell.edu/~klingeti/courses/f2016/csc151/readings/design-elements-reading.html
+http://www.cs.grinnell.edu/~klingeti/courses/f2016/csc151/readings/design-and-color-reading.html
+http://www.bartleby.com/141/strunk5.html
+
+technique statement
+
+We split the number the user put in into three parts: the hundreds digit, the tens digit, and the units digit, and each of them
+will control a certain character of our image.
+
+We mainly use GIMP tools(selection, stroke, draw line...), turtles and image-compute for both kind of pictures (the magic circle
+and magic tree).
+
+In the three sample we provide for the magic tree, the non-key pictures, the hundreds digit controls the color(numbers 0-9 correspond
+to 10 different colors, 0 means nothing at hundreds digit), the tens digit controls the distribution of circles(umbers 0-9 correspond
+to 10 different patterns), and the units digit controls the quantity of concentric circles(0 means 1 circle,5 means 6 circles etc.).
+This will ensure us to generate 950 different magical trees.(A condition is used here to ensure if the right number for the game is
+inputed, a magic circle will be generated instead of a magic tree).
+
+On the other hand, we will also use GIMP tools, turtles and image-compute for the 50 key images.
+
+The mathematical techniques we used include conic section, trigonometric function, etc. We used conic section computation to draw the
+oval on the background, and trigonometric function to draw the halo.
+
+

game

@@ -0,0 +1,104 @@
+#lang racket
+
+(define game
+  (lambda (x width height)
+    (cond [(= x 0)
+           (draw-magic-circle1 311 width height)]
+          [(or (= x 311) 
+               (= x 324)
+               (= x 339)
+               (= x 356)
+               (= x 375)
+               (= x 396)
+               (= x 419)
+               (= x 444)
+               (= x 471))
+           (draw-magic-circle1 (+ 275 (sqr (+ 5 (+ 1 (- (sqrt (- x 275)) 5))))) width height)]
+
+          [(= x 500)
+           (draw-magic-circle2 28 width height)]
+
+          [(or (= x 28)
+               (= x 66)
+               (= x 114)
+               (= x 172)
+               (= x 240)
+               (= x 318)
+               (= x 406)
+               (= x 504)
+               (= x 612))
+           (draw-magic-circle2 (* 5 (- (sqr (+ 2.3 (+ 1 (- (sqrt (+ (/ x 5) 5.29)) 2.3)))) 5.29)) width height)]
+
+          [(= x 730)
+           (draw-magic-circle3 841 width height)]
+
+          [(= x 841)
+           (draw-magic-circle3 909 width height)]
+          [(= x 909)
+           (draw-magic-circle3 141 width height)]
+          [(= x 141)
+           (draw-magic-circle3 756 width height)]
+          [(= x 756)
+           (draw-magic-circle3 958 width height)]
+          [(= x 958)
+           (draw-magic-circle3 279 width height)]
+          [(= x 279)
+           (draw-magic-circle3 656 width height)]
+          [(= x 656)
+           (draw-magic-circle3 989 width height)]
+          [(= x 989)
+           (draw-magic-circle3 412 width height)]
+          [(= x 412)
+           (draw-magic-circle3 544 width height)]
+
+
+           [(= x 544)
+           (draw-magic-circle4 17 width height)]
+
+          [(or (= x 17)
+               (= x 49)
+               (= x 97)
+               (= x 161)
+               (= x 241)
+               (= x 337)
+               (= x 433)
+               (= x 545)
+               (= x 657))
+           (draw-magic-circle4 (+ 1 (* 16 (expt (+ 1 (expt (/ (- x 1) 16) (/ 1 1.7))) 1.7))) width height)]
+
+            [(= x 801)
+           (draw-magic-circle5 540 width height)]
+
+
+          [(= x 540)
+           (draw-magic-circle5 416 width height)]
+          [(= x 416)
+           (draw-magic-circle5 989 width height)]
+          [(= x 989)
+           (draw-magic-circle5 653 width height)]
+          [(= x 653)
+           (draw-magic-circle5 283 width height)]
+          [(= x 283)
+           (draw-magic-circle5 960 width height)]
+          [(= x 960)
+           (draw-magic-circle5 753 width height)]
+          [(= x 753)
+           (draw-magic-circle5 145 width height)]
+          [(= x 145)
+           (draw-magic-circle5 911 width height)]
+          [(= x 911)
+           (draw-magic-circle5 839 width height)]
+
+          [(= x 839)
+           (define source (image-load "/home/chenziwe/Desktop/project/zhihuishu.jpg"))
+           (define target (image-new width height))
+           (image-copy-paste-block! 
+            source 0 0 
+            target 0 0 width height)]
+
+
+          [else (draw-tree x width height)]
+          )
+
+
+    ))

game~

@@ -0,0 +1,7 @@
+#lang racket
+
+(define game
+  (lambda (num width height)
+
+
+    ))