exercises
Solutions to Exercises from 'Code as Creative Medium'
파일 탐색기
최종 버전 다운로드 (.zip)- one_with_everything_java.pde
- one_with_everything.png
- quadrilateral_zoo_java.pde
- quadrilateral_zoo.png
- initials_java.pde
- p5.dom.js
- p5.js
- p5.sound.js
- index.html
- sketch.js
- initials_python.pyde
- sketch.properties
- initials.png
- braille_tool.png
- braille_tool_java.pde
- braille-alphabet-vector-1226835.jpg
- braille-dimensions.jpg
- braille-measurements.jpg
- braille_tool.png
- mondrian_java.pde
- composition-c-no-iii-with-red-yellow-and-blue-1935.jpg!Large.jpg
- mondrian.png
- julie_mehretu_stadia_II.jpg
- kaleidoscope_java.pde
- kaleidoscope.png
- simple_iteration_java.pde
- p5.min.js
- index.html
- simple_iteration_js.js
- sketch.properties
- simple_iteration_python.pyde
- sketch.properties
- simple_iteration.png
- transitioning_rectangles_java.pde
- p5.min.js
- index.html
- sketch.properties
- transitioning_rectangles_js.js
- sketch.properties
- transitioning_rectangles_python.pyde
- transitioning_rectangles.png
- string_art_simple_java.pde
- string_art_challenge.png
- string_art_challenge_java.pde
- p5.min.js
- index.html
- sketch.properties
- string_art_challenge_js.js
- sketch.properties
- string_art_challenge_python.pyde
- string_art_challenge.png
- mini_calendar_java.pde
- sketch.properties
- p5.min.js
- index.html
- mini_calendar_js.js
- sketch.properties
- mini_calendar_python.pyde
- sketch.properties
- mini_calendar.png
- receding_landscape_java.pde
- sketch.properties
- p5.min.js
- index.html
- receding_landscape_js.js
- sketch.properties
- receding_landscape_python.pyde
- sketch.properties
- receding_landscape.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- lines_to_the_cursor_java.pde
- lines_to_the_cursor_JOYCE.png
- p5.min.js
- index.html
- lines_to_the_cursor_js.js
- sketch.properties
- lines_to_the_cursor_python.pyde
- sketch.properties
- lines_to_the_cursor.png
- color_bar_gradient_java.pde
- p5.min.js
- color_bar_gradient_js.js
- index.html
- sketch.properties
- color_bar_gradient_python.pyde
- sketch.properties
- color_bar_gradient.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- dashed_line_java.pde
- p5.min.js
- dashed_line_js.js
- index.html
- sketch.properties
- dashed_line_python.pyde
- sketch.properties
- dashed_line.png
- checkers_java.pde
- sketch.properties
- p5.min.js
- checkers_js.js
- index.html
- sketch.properties
- checkers.png
- checkers_python.pyde
- sketch.properties
- checkers.png
- p5.min.js
- index.html
- interaction_with_functions_js.js
- sketch.properties
- iteration_with_functions_java.pde
- iteration_with_functions_python.pyde
- sketch.properties
- iteration_with_functions.png
- stochastic_elements_java.pde
- p5.min.js
- index.html
- sketch.properties
- stochastic_elements_js.js
- sketch.properties
- stochastic_elements_python.pyde
- stochastic_elements.png
- interrupted_grid_java.pde
- p5.min.js
- index.html
- interrupted_grid_js.js
- sketch.properties
- grid_with_randomness_python.pyde
- sketch.properties
- geometric_progression_java.pde
- sketch.properties
- p5.min.js
- geometric_progression_js.js
- index.html
- sketch.properties
- geometric_progression_python.pyde
- sketch.properties
- geometric_progression.png
- moire.png
- moire_java.pde
- p5.min.js
- index.html
- moire_js.js
- sketch.properties
- moire_python.pyde
- sketch.properties
- schotter_java.pde
- p5.min.js
- index.html
- schotter_js.js
- sketch.properties
- schotter_python.pyde
- sketch.properties
- schotter.png
- hexagonal_grid_java.pde
- p5.min.js
- hexagonal_grid_js.js
- index.html
- sketch.properties
- hexagonal_grid_python.pyde
- hexagonal_grid.png
- overlapping_color_java.pde
- p5.min.js
- index.html
- overlapping_color_js.js
- sketch.properties
- overlapping_python.pyde
- sketch.properties
- overlapping_color.png
- constructing_a_gradient.png
- constructing_a_gradient_java.pde
- sketch.properties
- p5.min.js
- constructing_a_gradient_js.js
- index.html
- constructing_a_gradient_python.pyde
- sketch.properties
- constructing_a_gradient.png
- color_wheel.png
- color_wheel_java.pde
- p5.min.js
- color_wheel_js.js
- index.html
- sketch.properties
- color_wheel_python.pyde
- sketch.properties
- sketch.properties
- threshold_of_perception_java.pde
- p5.min.js
- index.html
- sketch.properties
- threshold_of_perception_js.js
- sketch.properties
- threshold_of_perception_python.pyde
- threshold_of_perception.png
- cursor_with_shadow_15x21.png
- interactive_complement.png
- interactive_complement_java.pde
- sketch.properties
- cursor_with_shadow_15x21.png
- p5.min.js
- index.html
- interactive_complement_js.js
- sketch.properties
- cursor_with_shadow_15x21.png
- interactive_complement.pyde
- sketch.properties
- accented_palette_java.pde
- p5.min.js
- accented_palette_js.js
- index.html
- sketch.properties
- accented_palette_python.pyde
- sketch.properties
- color_wheel.png
- cursor_with_shadow_15x21.png
- split_complementary.png
- split_complementary_java.pde
- color_wheel.png
- cursor_with_shadow_15x21.png
- p5.min.js
- index.html
- sketch.properties
- split_complementary_js.js
- color_wheel.png
- cursor_with_shadow_15x21.png
- sketch.properties
- split_complementary_python.pyde
- color_relativity_1.png
- color_relativity_1_java.pde
- p5.min.js
- color_relativity_1_js.js
- index.html
- sketch.properties
- color_relativity_1_python.pyde
- sketch.properties
- color_relativity_1.png
- color_relativity_2.png
- color_relativity_2_java.pde
- p5.min.js
- color_relativity_2_js.js
- index.html
- sketch.properties
- color_relativity_2_python.pyde
- sketch.properties
- color_relativity_2.png
- cursor_with_shadow_15x21.png
- monet_haystack.jpg
- color_inspector.png
- color_inspector_java.pde
- cursor_with_shadow_15x21.png
- monet_haystack.jpg
- p5.min.js
- color_inspector_js.js
- index.html
- sketch.properties
- cursor_with_shadow_15x21.png
- monet_haystack.jpg
- color_inspector_python.pyde
- sketch.properties
- color_inspector.png
- CenturySchoolbook-60.vlw
- cursor_with_shadow_15x21.png
- color_mixer.png
- color_mixer_java.pde
- CenturySchoolbook-60.vlw
- cursor_with_shadow_15x21.png
- color_mixer_python.pyde
- sketch.properties
- data.db
- index.html
- sketch.js
- index.html
- sketch.js
- index.html
- package-lock.json
- package.json
- server.js
- color_survey_java.pde
- survey_result.csv
- color_survey_py.pyde
- sketch.properties
- survey_result.csv
- color_survey_viewer_java.pde
- color_survey_viewer_py.pyde
- sketch.properties
- jzg.jpg
- sunset.jpg
- palette.png
- palette_1.png
- palette_2.png
- palette_from_book_java.pde
- jzg.jpg
- sunset.jpg
- p5.min.js
- index.html
- palette_from_book_js.js
- sketch.properties
- jzg.jpg
- sunset.jpg
- palette_from_book_python.pyde
- sketch.properties
- airplane.png
- peppers.png
- palette_v2_java.pde
- airplane.png
- peppers.png
- palette_v2.py
- airplane.png
- peppers.png
- palette_v2_pyde.pyde
- sketch.properties
- CenturySchoolbook-60.vlw
- cursor_with_shadow_15x21.png
- left_or_right_java.pde
- left_or_right.png
- cursor_with_shadow_15x21.png
- billiard_ball_java.pde
- billiard_ball.png
- cursor_with_shadow_15x21.png
- one_person_pong_java.pde
- one_person_pong.png
- CenturySchoolbook-60.vlw
- cursor_with_shadow_15x21.png
- choose_your_own_adventure_java.pde
- choose_your_own_adventure.png
- cursor1.png
- cursor_with_shadow_15x21.png
- state_machine_1_java.pde
- state_machine_I.png
- cursor1.png
- cursor_with_shadow_15x21.png
- state_machine_2_java.pde
- cursor1.png
- cursor_with_shadow_15x21.png
- state_machine_3.png
- state_machine_3_java.pde
- cursor1.png
- cursor_with_shadow_15x21.png
- state_machine_4.png
- state_machine_4_java.pde
- coin_toss.png
- coin_toss_book.pde
- coin_toss_java.pde
- index.html
- p5.dom.min.js
- p5.js
- p5.sound.min.js
- sketch.js
- style.css
- coin_toss_python.pyde
- sketch.properties
- coin_toss.png
- dice_roll_book.pde
- roll_the_dice.png
- dice_roll_java.pde
- index.html
- p5.dom.min.js
- p5.js
- p5.sound.min.js
- sketch.js
- style.css
- dice_roll_python.pyde
- sketch.properties
- roll_the_dice.png
- body1.png
- body2.png
- body3.png
- body4.png
- body5.png
- feet1.png
- feet2.png
- feet3.png
- feet4.png
- feet5.png
- head1.png
- head2.png
- head3.png
- head4.png
- head5.png
- exquisite_corpse_book.pde
- body1.png
- body2.png
- body3.png
- body4.png
- body5.png
- feet1.png
- feet2.png
- feet3.png
- feet4.png
- feet5.png
- head1.png
- head2.png
- head3.png
- head4.png
- head5.png
- exquisite_corpse_java.pde
- body1.png
- body2.png
- body3.png
- body4.png
- body5.png
- feet1.png
- feet2.png
- feet3.png
- feet4.png
- feet5.png
- head1.png
- head2.png
- head3.png
- head4.png
- head5.png
- exquisite_corpse_python.pyde
- sketch.properties
- exquisite_corpse.png
- intermittent_events.png
- intermittent_events_java.pde
- cursor1.png
- cursor_with_shadow_15x21.png
- order_to_chaos_java.pde
- order_to_chaos.png
- brownian_motion_java.pde
- index.html
- sketch.js
- lattice_random_walk.png
- smoothed_noise_java.pde
- smoothed_noise.png
- ten_print_java.pde
- ten_print.png
- duotone_truchet_tile_java.pde
- duotone_truchet_tile.png
- CenturySchoolbook-60.vlw
- hitomezashi_sashiko_java.pde
- noise_mountains_java.pde
- index.html
- sketch.js
- noise_mountains.png
- imaginary_islands_java.pde
- imaginary_islands.png
- cursor1.png
- cursor_with_shadow_15x21.png
- living_line_java.pde
- livingline_1.png
- livingline_1050.png
- p5.min.js
- index.html
- living_line_js.js
- sketch.properties
- living_line_python.pyde
- sketch.properties
- livingline.png
- cursor1.png
- cursor_with_shadow_15x21.png
- living_line_2_java.pde
- p5.min.js
- index.html
- living_line_2_js.js
- sketch.properties
- cursor_with_shadow_15x21.png
- living_line_2_python.pyde
- sketch.properties
- living_line_2.png
- cursor1.png
- cursor_with_shadow_15x21.png
- living_line_3_java.pde
- livingline_3.png
- p5.min.js
- index.html
- living_line_3_js.js
- sketch.properties
- cursor1.png
- cursor_with_shadow_15x21.png
- living_line_3_python.pyde
- sketch.properties
- cursor_with_shadow_15x21.png
- calligraphic_polyline_java.pde
- p5.min.js
- calligraphic_polyline_js.js
- index.html
- sketch.properties
- cursor_with_shadow_15x21.png
- calligraphic_polyline_python.pyde
- sketch.properties
- calligraphic_polyline.png
- frame_00.png
- frame_01.png
- frame_02.png
- frame_03.png
- frame_04.png
- frame_05.png
- frame_06.png
- frame_07.png
- frame_08.png
- frame_09.png
- frame_10.png
- frame_11.png
- frame_12.png
- frame_13.png
- frame_14.png
- animated_walk_cycle_java.pde
- frame_00.png
- frame_01.png
- frame_02.png
- frame_03.png
- frame_04.png
- frame_05.png
- frame_06.png
- frame_07.png
- frame_08.png
- frame_09.png
- frame_10.png
- frame_11.png
- frame_12.png
- frame_13.png
- frame_14.png
- p5.min.js
- animated_walk_cycle_js.js
- index.html
- sketch.properties
- frame_00.png
- frame_01.png
- frame_02.png
- frame_03.png
- frame_04.png
- frame_05.png
- frame_06.png
- frame_07.png
- frame_08.png
- frame_09.png
- frame_10.png
- frame_11.png
- frame_12.png
- frame_13.png
- frame_14.png
- animated_walk_cycle_python.pyde
- sketch.properties
- frame_00.png
- plant_the_flag_java.pde
- p5.min.js
- index.html
- plant_the_flag_js.js
- sketch.properties
- plant_the_flag_python.pyde
- plant_the_flag.png
- cursor_with_shadow_15x21.png
- longest_line.png
- longest_line_java.pde
- p5.min.js
- index.html
- longest_line_js.js
- sketch.properties
- longest_line_python.pyde
- sketch.properties
- longest_line.png
- Rectangle.pde
- reordering_rectangles_java.pde
- p5.min.js
- index.html
- reordering_rectangles_js.js
- sketch.properties
- reordering_rectangles_python.pyde
- sketch.properties
- reordering_rectangles.png
- cursor1.png
- cursor_with_shadow_15x21.png
- eyes_following_cursor_java.pde
- p5.min.js
- eyes_following_cursor_js.js
- index.html
- sketch.properties
- eyes_following_cursor_python.pyde
- sketch.properties
- eyes_following_cursor.png
- fuse_or_progress_bar_java.pde
- fuse_or_progress_bar.png
- cursor_with_shadow_15x21.png
- ripples_in_a_pond_java.pde
- index.html
- p5.dom.min.js
- p5.js
- p5.sound.min.js
- ripples_in_a_pond_js.js
- style.css
- ripples_in_a_pond_python.pyde
- sketch.properties
- cursor_with_shadow_15x21.png
- Catcher.pde
- Drop.pde
- rain_catcher_java.pde
- Timer.pde
- rain_catcher.png
- abstract_typewriter_java.pde
- cursor1.png
- cursor_with_shadow_15x21.png
- easing_java.pde
- index.html
- p5.dom.min.js
- p5.min.js
- p5.sound.min.js
- sketch.js
- style.css
- easing_python.pyde
- sketch.properties
- easing.png
- smoothing_java.pde
- index.html
- p5.dom.min.js
- p5.js
- p5.sound.min.js
- sketch.js
- style.css
- sketch.properties
- smoothing_python.pyde
- audio_sensitive_java.pde
- audio_sensitive.png
- ransom_letter_java.pde
- p5.min.js
- index.html
- ransom_letter_js.js
- sketch.properties
- ransom_letter.png
- ransom_letter_python.pyde
- sketch.properties
- one_line_typewriter_java.pde
- p5.min.js
- index.html
- one_line_typewriter_js.js
- sketch.properties
- one_line_typewriter_python.pyde
- sketch.properties
- dynamic_text_java.pde
- p5.min.js
- dynamic_text_js.js
- index.html
- sketch.properties
- dynamic_text_python.pyde
- sketch.properties
- text_with_feeling.png
- cursor1.png
- cursor_with_shadow_15x21.png
- responsive_text_java.pde
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- index.html
- responsive_text_js.js
- sketch.properties
- cursor1.png
- cursor_with_shadow_15x21.png
- responsive_text.png
- responsive_text_python.pyde
- sketch.properties
- scrolling_headlines_java.pde
- p5.min.js
- index.html
- scrolling_headlines_js.js
- sketch.properties
- scrolling_headlines_python.pyde
- sketch.properties
- split_flap_type_java.pde
- p5.min.js
- index.html
- sketch.properties
- split_flap_type_js.js
- sketch.properties
- split_flap_type_python.pyde
- word_finder_java.pde
- p5.min.js
- index.html
- sketch.properties
- word_finder_js.js
- sketch.properties
- word_finder_python.pyde
- letterform_collage_tool_java.pde
- p5.min.js
- index.html
- letterform_collage_tool_js.js
- sketch.properties
- letter_collage.png
- letterform_collage_tool_python.pyde
- sketch.properties
- procrustean_typography_java.pde
- p5.min.js
- index.html
- procrustean_typography_js.js
- sketch.properties
- procrustean_typography_python.pyde
- sketch.properties
- text_along_a_curve_java.pde
- p5.min.js
- index.html
- sketch.properties
- text_along_a_curve_js.js
- sketch.properties
- text_along_a_curve_python.pyde
- RobotoCondensed-Bold.ttf
- glyph_hacking_java.pde
- RobotoCondensed-Bold.ttf
- box.js
- parent.js
- shape.js
- styles.js
- circle.js
- ellipse.js
- image.js
- line.js
- path.js
- polygon.js
- rectangle.js
- text.js
- triangle.js
- anchor.js
- bezier.js
- color.js
- events.js
- grid.js
- group.js
- node.js
- rune.js
- utils.js
- vector.js
- box.js
- shape.js
- styles.js
- circle.js
- ellipse.js
- image.js
- line.js
- path.js
- polygon.js
- rect.js
- text.js
- triangle.js
- anchor.js
- color.js
- grid.js
- group.js
- rendering.js
- rune.js
- utils.js
- vector.js
- rune.js
- rune.js
- helpers.js
- matchers.js
- p5.min.js
- rune.font.min.js
- rune.js
- glyph_hacking_js.js
- index.html
- sketch.properties
- RobotoCondensed-Bold.ttf
- glyph_hacking_python.pyde
- sketch.properties
- pixelmix.ttf
- tiny_word_processor_java.pde
- pixelmix.ttf
- p5.min.js
- index.html
- sketch.properties
- tiny_word_processor_js.js
- sketch.properties
- tiny_word_processor_python.pyde
- muriel_cooper.jpg
- ascii_vision_10.png
- ascii_vision_58.png
- ascii_vision_java.pde
- muriel_cooper.jpg
- p5.min.js
- ascii_vision_js.js
- index.html
- sketch.properties
- muriel_cooper.jpg
- ascii_vision_10.png
- ascii_vision_58.png
- ascii_vision_python.pyde
- sketch.properties
- cursor1.png
- butt.tif
- butt_generator.png
- butt_generator_java.pde
- p5.min.js
- butt_generator_js.js
- index.html
- sketch.properties
- buttgenerator_python.pyde
- sketch.properties
- parabola.png
- parabola_java.pde
- p5.min.js
- index.html
- parabola_js.js
- sketch.properties
- parabola_python.pyde
- sketch.properties
- circle.png
- circle_java.pde
- p5.min.js
- circle_js.js
- index.html
- sketch.properties
- circle_python.pyde
- sketch.properties
- circle.png
- bezier.png
- bezier_java.pde
- p5.min.js
- bezier_js.js
- index.html
- sketch.properties
- bezier_python.pyde
- sketch.properties
- phyllotaxis_java.pde
- p5.min.js
- index.html
- phyllotaxis_js.js
- sketch.properties
- phyllotaxis_python.pyde
- sketch.properties
- phyllotaxis.png
- lissajous.png
- lissajous_java.pde
- p5.min.js
- index.html
- lissajous_js.js
- sketch.properties
- lissajous_python.pyde
- sketch.properties
- screen-0042.tif
- spiral.png
- spiral.tif
- spiral_java.pde
- p5.min.js
- index.html
- sketch.properties
- spiral_js.js
- sketch.properties
- spiral_python.pyde
- CenturySchoolbook-60.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- polar_curve.png
- polar_curve_java.pde
- CenturySchoolbook-60.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- index.html
- polar_curve_js.js
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-72.vlw
- cursor_with_shadow_15x21.png
- polar_curve_python.pyde
- sketch.properties
- polar_curve.tif
- fourier_synthesis_java.pde
- p5.min.js
- fourier_synthesis_js.js
- index.html
- sketch.properties
- fourier_synthesis_python.pyde
- sketch.properties
- fourier_synthesis.png
- osculating_circle.png
- osculating_circle_java.pde
- osculating_circle_python.pyde
- sketch.properties
- p5.min.js
- index.html
- osculating_js.js
- sketch.properties
- osculating_circle.png
- circle_to_triangle_java.pde
- p5.min.js
- circle_to_triangle0.png
- circle_to_triangle_js.js
- index.html
- sketch.properties
- circle_to_triangle_python.pyde
- sketch.properties
- circle_to_triangle.png
- shaping_functions_java.pde
- p5.min.js
- index.html
- shaping_functions_js.js
- sketch.properties
- shaping_functions_python.pyde
- sketch.properties
- shaping_functions.png
- make_a_star.png
- make_a_star_java.pde
- p5.min.js
- index.html
- make_a_star_js.js
- sketch.properties
- make_a_star_python.pyde
- sketch.properties
- random_splat.png
- random_splat_java.pde
- p5.min.js
- index.html
- random_splat_js.js
- sketch.properties
- random_splat_python.pyde
- sketch.properties
- connect_the_dots.png
- connect_the_dots_java.pde
- p5.min.js
- connect_the_dots_js.js
- index.html
- sketch.properties
- connect_the_dots_python.pyde
- sketch.properties
- bounding_box.png
- bounding_box_java.pde
- p5.min.js
- bounding_box_js.js
- index.html
- sketch.properties
- bounding_box_python.pyde
- sketch.properties
- heart.png
- centroid.png
- centroid_java.pde
- heart.png
- p5.min.js
- centroid_js.js
- index.html
- sketch.properties
- heart.png
- centroid_python.pyde
- sketch.properties
- CenturySchoolbook-60.vlw
- perimeter.png
- perimeter_java.pde
- p5.min.js
- index.html
- perimeter_js.js
- sketch.properties
- CenturySchoolbook-60.vlw
- perimeter_python.pyde
- sketch.properties
- CenturySchoolbook-60.vlw
- area.png
- area_java.pde
- CenturySchoolbook-60.vlw
- p5.min.js
- area_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- area_python.pyde
- sketch.properties
- CenturySchoolbook-106.vlw
- CenturySchoolbook-60.vlw
- compactness.png
- compactness_java.pde
- CenturySchoolbook-106.vlw
- CenturySchoolbook-60.vlw
- p5.min.js
- compactness_js.js
- index.html
- sketch.properties
- CenturySchoolbook-106.vlw
- CenturySchoolbook-60.vlw
- compactness_python.pyde
- sketch.properties
- high_curvature.png
- high_curvature_java.pde
- p5.min.js
- high_curvature_js.js
- index.html
- sketch.properties
- high_curvature_python.pyde
- sketch.properties
- cursor_with_shadow_15x21.png
- EllipseHand.pde
- hand_drawn.png
- hand_drawn_java.pde
- LineHand.pde
- RectHand.pde
- cursor_with_shadow_15x21.png
- p5.min.js
- hand_drawn_js.js
- index.html
- sketch.properties
- cursor_with_shadow_15x21.png
- hand_drawn_python.pyde
- sketch.properties
- Blob.pde
- blob_java.pde
- p5.min.js
- blob_js.js
- index.html
- sketch.properties
- blob_python.pyde
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- midpoint_of_a_line_segment_java.pde
- p5.min.js
- index.html
- midpoint_of_a_line_segment_js.js
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- midpoint_of_a_line_segment_python.pyde
- sketch.properties
- midpoint_of_a_line_segment.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- intersection_of_two_rectangles_java.pde
- p5.min.js
- index.html
- intersection_of_two_rectangles_js.js
- sketch.properties
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- intersection_of_two_rectangles_python.pyde
- sketch.properties
- intersection_of_two_rectangles.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- construction_of_a_perpendicular_java.pde
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- construction_of_a_perpendicular_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- construction_of_a_perpendicular_python.pyde
- sketch.properties
- construction_of_a_perpendicular.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- parallel_polyline.png
- parallel_polyline_java.pde
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- index.html
- parallel_polyline_js.js
- sketch.properties
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- parallel_polyline_python.pyde
- sketch.properties
- parallel_polyline.png
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- compass_orientation.png
- compass_orientation_java.pde
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- compass_orientation_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- compass_orientation_python.pyde
- sketch.properties
- compass_orientation.png
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- angle_between_three_points_java.pde
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- angle_between_three_points_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- angle_between_three_points_python.pyde
- sketch.properties
- angle_between_3_points.png
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- distance_from_a_point_to_a_line_java.pde
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- distance_from_a_point_to_a_line_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- CenturySchoolbook-64.vlw
- CenturySchoolbook-72.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- distance_from_a_point_to_a_line_python.pyde
- sketch.properties
- distance_from_a_point_to_a_line.png
- point_to_line.png
- intersection_of_two_line_segments_java.pde
- p5.min.js
- index.html
- intersection_of_two_line_segments_js.js
- sketch.properties
- intersection_of_two_line_segments_python.pyde
- sketch.properties
- intersection_lines.png
- intersection_of_two_line_segments.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- centroid_of_a_triangle_java.pde
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- centroid_of_a_triangle_js.js
- index.html
- sketch.properties
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- centroid_of_a_triangle_python.pyde
- sketch.properties
- centroid_of_a_triangle.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- triangle_circumcenter_java.pde
- p5.min.js
- index.html
- sketch.properties
- triangle_circumcenter_js.js
- sketch.properties
- triangle_circumcenter_python.pyde
- triangle_circumcenter.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- triangle_orthocenter.png
- triangle_orthocenter_java.pde
- p5.min.js
- index.html
- sketch.properties
- triangle_orthocenter_js.js
- sketch.properties
- triangle_orthocenter_python.pyde
- triangle_orthocenter.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- triangle_incenter_java.pde
- p5.min.js
- index.html
- sketch.properties
- triangle_incenter_js.js
- sketch.properties
- triangle_incenter_python.pyde
- triangle_incenter.png
- 1877.jpg
- 1955.jpg
- 2239.jpg
- 2241.jpg
- 2555.jpg
- 2724.jpg
- 2725.jpg
- 3118.jpg
- 3140.jpg
- 321.jpg
- 3229.jpg
- 3298.jpg
- 3299.jpg
- 3300.jpg
- 3302.jpg
- 3303.jpg
- 41.jpg
- 700.jpg
- 789.jpg
- collage_machine_java.pde
- 1877.jpg
- 1955.jpg
- 2239.jpg
- 2241.jpg
- 2555.jpg
- 2724.jpg
- 2725.jpg
- 3118.jpg
- 3140.jpg
- 321.jpg
- 3229.jpg
- 3298.jpg
- 3299.jpg
- 3300.jpg
- 3302.jpg
- 3303.jpg
- 41.jpg
- 700.jpg
- 789.jpg
- p5.min.js
- collage_machine_js.js
- index.html
- sketch.properties
- 1877.jpg
- 1955.jpg
- 2239.jpg
- 2241.jpg
- 2555.jpg
- 2724.jpg
- 2725.jpg
- 3118.jpg
- 3140.jpg
- 321.jpg
- 3229.jpg
- 3298.jpg
- 3299.jpg
- 3300.jpg
- 3302.jpg
- 3303.jpg
- 41.jpg
- 700.jpg
- 789.jpg
- collage_machine_py.pyde
- sketch.properties
- 3302-800px.png
- 3302.jpg
- cursor_with_shadow_15x21.png
- color_of_a_pixel.png
- color_of_a_pixel_java.pde
- 3302-800px.png
- 3302.jpg
- cursor_with_shadow_15x21.png
- p5.min.js
- color_of_a_pixel_js.js
- index.html
- sketch.properties
- 3302-800px.png
- 3302.jpg
- cursor_with_shadow_15x21.png
- color_of_a_pixel_py.pyde
- sketch.properties
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- subsample_downsample-20.png
- subsample_downsample-33.png
- subsample_downsample-40.png
- subsample_downsample_java.pde
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- p5.min.js
- index.html
- sketch.properties
- subsample_downsample_js.js
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- sketch.properties
- subsample_downsample_py.pyde
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- lillian_schwartz.jpg
- random_dot_dithering.png
- random_dot_dithering_java.pde
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- lillian_schwartz.jpg
- p5.min.js
- index.html
- random_dot_dithering_js.js
- sketch.properties
- ada_lovelace.jpg
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- lillian_schwartz.jpg
- random_dot_dithering_py.pyde
- sketch.properties
- Helvetica-Bold-72.vlw
- light-lamp-bulb-wire.png
- light-lamp-bulb-wire_zoom.png
- lighted-candle-in-dark-room.jpg
- brightest_point_java.pde
- light-lamp-bulb-wire.png
- light-lamp-bulb-wire_zoom.png
- lighted-candle-in-dark-room.jpg
- p5.min.js
- brightest_point_js.js
- index.html
- sketch.properties
- Helvetica-Bold-72.vlw
- light-lamp-bulb-wire.png
- light-lamp-bulb-wire_zoom.png
- lighted-candle-in-dark-room.jpg
- brightest_point_py.pyde
- sketch.properties
- brightest_point.png
- 141197346_93e0117ecc_m.jpg
- 183437063_9f49c8e059_m.jpg
- 240446130_b12b272212_m.jpg
- 24895023_56286408f5_m.jpg
- 255447106_cafcac726b_m.jpg
- 275103868_7ba67fdebe_m.jpg
- 362858139_28958238f6_m.jpg
- 389025714_b0df1f6056_m.jpg
- 393157522_b39115c615_m.jpg
- 57560963_2cf7d45f6c_m.jpg
- image_averaging_java.pde
- 141197346_93e0117ecc_m.jpg
- 183437063_9f49c8e059_m.jpg
- 240446130_b12b272212_m.jpg
- 24895023_56286408f5_m.jpg
- 255447106_cafcac726b_m.jpg
- 275103868_7ba67fdebe_m.jpg
- 362858139_28958238f6_m.jpg
- 389025714_b0df1f6056_m.jpg
- 393157522_b39115c615_m.jpg
- 57560963_2cf7d45f6c_m.jpg
- p5.min.js
- image_averaging_js.js
- index.html
- sketch.properties
- 141197346_93e0117ecc_m.jpg
- 183437063_9f49c8e059_m.jpg
- 240446130_b12b272212_m.jpg
- 24895023_56286408f5_m.jpg
- 255447106_cafcac726b_m.jpg
- 275103868_7ba67fdebe_m.jpg
- 362858139_28958238f6_m.jpg
- 389025714_b0df1f6056_m.jpg
- 393157522_b39115c615_m.jpg
- 57560963_2cf7d45f6c_m.jpg
- image_averaging_py.pyde
- sketch.properties
- image_averaging.png
- kodim08.png
- sobel_java.pde
- grace_hopper_1.jpg
- grace_hopper_2.jpg
- grace_hopper_3.png
- sobel_filter_horizontal.png
- sobel_filter_vertical.png
- sobel_java_2.pde
- kodim08.png
- p5.min.js
- index.html
- sketch.properties
- sobel_js.js
- kodim08.png
- sketch.properties
- sobel_py.pyde
- 0.jpg
- 1.jpg
- 2.jpg
- 3.jpg
- 4.jpg
- 5.jpg
- 6.jpg
- 7.jpg
- 8.jpg
- 9.jpg
- 9_800x800.jpg
- jzg.jpg
- pixel_sorting_by_adding.png
- pixel_sorting_by_brightness.png
- pixel_sorting_hue.png
- pixel_sorting_java.pde
- pixel_sorting_jzg_hue.png
- pixel_sorting_saturation.png
- j.jpg
- p5.min.js
- index.html
- pixel_sorting_js.js
- sketch.properties
- j.jpg
- pixel_sorting_py.pyde
- sketch.properties
- pixel_sorting_brightness.png
- 1F464.svg
- 1F468-200D-1F468-200D-1F467.svg
- 1F469-200D-1F9B1.svg
- 1F469-200D-2695-FE0F.svg
- 1F9D1-200D-1F4BB.svg
- 1F9D1-200D-1F4BC.svg
- 1F9D1-200D-1F527.svg
- 1F9D1-200D-1F9B3.svg
- 1F9D1.svg
- 1F9D4.svg
- 1F9D5.svg
- text_message_isotype_java.pde
- text_message_isotype.png
- datapackage.json
- monthly_csv.csv
- monthly_json.json
- README.md
- Helvetica-Bold-56.vlw
- temperature_timeline_java.pde
- temperature_timeline.png
- CenturySchoolbook-60.vlw
- pie_chart.png
- pie_chart_java.pde
- pie_chart.png
- radar_charts_java.pde
- radar_chart.png
- run.csv
- path_plotting_1_java.pde
- path_plotting_1.png
- Helvetica-Bold-72.vlw
- run.csv
- path_plotting_2 copy.png
- path_plotting_2.png
- path_plotting_2_java.pde
- path_plotting_2.png
- CenturySchoolbook-60.vlw
- rat_sightings_lite.tsv
- dot_map.png
- dot_map_java.pde
- dot_map.png
- CenturySchoolbook-60.vlw
- rat_sightings_lite.tsv
- heat_map_java.pde
- heat_map.png
- CenturySchoolbook-60.vlw
- cursor_with_shadow_15x21.png
- dolphin_relations.xml
- social_network_graph_java.pde
- social_network_graph.png
- monkey_relations.xml
- social_network_matrix_java.pde
- social_network_matrix.png
- p5.dom.js
- p5.js
- p5.sound.js
- index.html
- sketch.js
- world.gif
- world.jpg
- world.png
- world1.jpg
- equirectangular_gray+stroke.svg
- equirectangular_gray_nostroke.svg
- equirectangular_medgray_nostroke.svg
- equirectangular_stroke.svg
- real_time_iss_java.pde
- real_time_iss.png
- 8050.jpg
- 8051.jpg
- 8052.jpg
- 8053.jpg
- 8055.jpg
- 8056.jpg
- 8062.jpg
- 8063.jpg
- 8069.jpg
- 8070.jpg
- 8071.jpg
- 8428.jpg
- 8433.jpg
- 8438.jpg
- 8440.jpg
- 8445.jpg
- 8454.jpg
- 8458.jpg
- 8460.jpg
- 8463.jpg
- 8554.jpg
- 8564.jpg
- 8565.jpg
- 8567.jpg
- 8568.jpg
- 8603.jpg
- 8608.jpg
- 8609.jpg
- 8610.jpg
- 8612.jpg
- 8617.jpg
- 8753.jpg
- 8797.jpg
- 8798.jpg
- 8799.jpg
- 8800.jpg
- 8802.jpg
- 8852.jpg
- 8853.jpg
- 8854.jpg
- 8855.jpg
- 8859.jpg
- 8862.jpg
- 8948.jpg
- 8949.jpg
- 8957.jpg
- 8958.jpg
- 8959.jpg
- 8960.jpg
- web_scraping_java.pde
- web_scraping.png
- SlateGunDeaths.tsv
- usa_equirectangular_medgray_nostroke.svg
- one_dataset_four_ways.png
- one_dataset_four_ways_java.pde
- one_dataset_four_ways.png
- string_search_java.pde
- string_search.png
- CenturySchoolbook-60.vlw
- clean.py
- prefixes.txt
- prefixes_dict.txt
- roots.txt
- roots_dict.txt
- suffixes.txt
- suffixes_dict.txt
- nonsense_word.png
- nonsense_word_1.png
- nonsense_word_2.png
- nonsense_word_3.png
- nonsense_word_4.png
- nonsense_word_5.png
- nonsense_words_java.pde
- frankenstein.txt
- letter_frequency_java.pde
- dubois.txt
- letter_pairs_java.pde
- average_word_length_java.pde
- sorting_words_java.pde
- Screenshot from 2017-08-01 15-21-34.png
- Screenshot from 2017-08-01 15-21-50.png
- Screenshot from 2017-08-01 15-21-59.png
- Screenshot from 2017-08-01 15-22-12.png
- sorting_words.py
- CenturySchoolbook-60.vlw
- news.txt
- cut-up_machine_java.pde
- green_eggs_and_ham.txt
- bigram_calculator_java.pde
- CenturySchoolbook-60.vlw
- clean.py
- jobs.txt
- jobs_raw.txt
- dammit_jim_java.pde
- knock.py
- output.txt
- CenturySchoolbook-60.vlw
- noun-definition.txt
- knock_knock_java.pde
- knock_knock_joke_python.pyde
- sketch.properties
- noun-definition.txt
- prepDict.py
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- translate_pig_latin_JOYCE.png
- translator_pig_latin_java.pde
- output.txt
- pig_latin.py
- Screenshot from 2017-08-01 16-06-11.png
- translate_pig_latin.png
- CenturySchoolbook-60.vlw
- translate_argots.png
- translator_argots_java.pde
- CenturySchoolbook-60.vlw
- little_women.txt
- debug.txt
- rhymes.txt
- rhyming_couplets.png
- rhyming_couplets_java.pde
- CenturySchoolbook-60.vlw
- cmudict.0.6d.txt
- cursor_with_shadow_15x21.png
- little_women.txt
- haiku_finder.png
- haiku_finder_java.pde
- Pair.pde
- markov.py
- markov_lines.txt
- transcript.txt
- CenturySchoolbook-60.vlw
- transcript.txt
- markov_text_generator.png
- markov_text_generator_java.pde
- CenturySchoolbook-60.vlw
- kafka.txt
- wittgenstein.txt
- limerick_java.pde
- CenturySchoolbook-60.vlw
- lime.yaml
- limerick_java_2.pde
- scotland_places.txt
- adjectives.txt
- CenturySchoolbook-60.vlw
- scotland_places.txt
- limerick_java.pde
- make_recipe.py
- recipe.txt
- grammer.py
- occupations.txt
- output.txt
- knock.py
- output.txt
- markov.py
- markov_lines.txt
- transcript.txt
- huckfinn.txt
- ngram.py
- similarity.txt
- tomsawyer.txt
- output.txt
- replace_nouns.py
- output.txt
- rhyme.py
- sentences.txt
- alphabetic.py
- output.txt
- freq.py
- output.txt
- length.py
- output.txt
- haiku1.txt
- haiku2.txt
- haiku3.txt
- haiku4.txt
- haiku5.txt
- haiku6.txt
- haiku7.txt
- syllables.py
- word.txt
- output.txt
- pig_latin.py
- frost.txt
- Times-Roman-14.vlw
- cutup_1.pyde
- screen-0153.tif
- screen-0177.tif
- screen-0185.tif
- screen-0207.tif
- screen-0246.tif
- sketch.properties
- macbeth.txt
- trump.txt
- cutup_2.pyde
- screen-0041.tif
- screen-0059.tif
- screen-0060.tif
- screen-0083.tif
- screen-0095.tif
- screen-0100.tif
- screen-0139.tif
- screen-0523.tif
- screen-0810.tif
- screen-1084.tif
- screen-1779.tif
- screen-2009.tif
- screen-3087.tif
- sketch.properties
- CenturySchoolbook-60.vlw
- frankenstein.txt
- little_women.txt
- tfidf.png
- tfidf_java.pde
- recursive_tree_1.png
- recursive_tree_2.png
- recursive_tree_3.png
- recursive_tree_java.pde
- fireworks.png
- fireworks_1.png
- fireworks_2.png
- fireworks_3.png
- fireworks_java.pde
- Particle.pde
- ParticleSystem.pde
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- cursor_particles.png
- cursor_particles_java.pde
- cursor1.png
- flow_field.png
- flow_field_java.pde
- cursor_with_shadow_15x21.png
- spring.pde
- spring.png
- circle_packing_montecarlo_java.pde
- p5.min.js
- circle_packing_montecarlo_p5js.js
- index.html
- sketch.properties
- circle_packing_montecarlo_pyde.pyde
- circle_packing.png
- circle_packing_simple_java.pde
- conways_life.png
- conways_life_java.pde
- dla_java.pde
- p5.min.js
- dla_p5js.js
- index.html
- sketch.properties
- dla_pyde.pyde
- sketch.properties
- snowflake_java.pde
- differential_growth.png
- differential_growth_java.pde
- index.html
- what_do_you_see_js.js
- dont_touch_your_face_js.js
- index.html
- emoji_translator_js.js
- index.html
- environmental_sound_clock_js.js
- index.html
- ml5.min.js
- p5.dom.min.js
- p5.min.js
- style.css
- cat.wav
- CenturySchoolbook-60.vlw
- cow.wav
- cursor1.png
- cursor_with_shadow_15x21.png
- dog.wav
- p5.min.js
- tone.js
- index.html
- sketch.properties
- theremin_js.js
- theremin.png
- p5.min.js
- tone.js
- index.html
- sequencer_js.js
- sketch.properties
- sequencer_I.png
- index.html
- sketch.js
- beat_8bitsigned.raw
- visualizer_java.pde
- sound_visualizer.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- tone.js
- data_sonification_js.js
- index.html
- sketch.properties
- data_sonification.png
- cat.wav
- cow.wav
- dog.wav
- p5.min.js
- tone.js
- delay_line_effect_js.js
- index.html
- sketch.properties
- delay_line_effect_.png
- p5.dom.js
- p5.js
- p5.sound.js
- Tone.js
- cat.wav
- cow.wav
- dog.wav
- samuraibeat.mp3
- index.html
- sketch.js
- cursor_with_shadow_15x21.png
- polyphony.pde
- polyphony.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- p5.min.js
- tone.js
- index.html
- sequencer_2_js.js
- sketch.properties
- sequencer_2.png
- OCRAStd-96.vlw
- voice_raw_8bit_signed.raw
- synthetic_voice.png
- voice_synthesizer.pde
- whistle_cursor.pde
- whistleCursor.jpg
- guitar.maxpat
- collision_detection_java.pde
- collision_detection.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- whack_a_mole_java.pde
- whack_a_mole.png
- WASD_navigation_java.pde
- wasd_navigation.png
- snake_java.pde
- snake.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- physics_fun_java.pde
- physics_fun.png
- CenturySchoolbook-60.vlw
- cursor1.png
- cursor_with_shadow_15x21.png
- level_designer_java.pde
- level_designer.png
- nea_logo.png
- checklist.md
- README.md
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/golanlevin/exercises
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd exercises
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
cd 03_color/12_color_survey/color_survey_app_js
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)
