1<!DOCTYPE html> 2<html> 3<link rel="stylesheet" href="/css/lazy-load-images.min.css">
4<script src="/js/lazy-load-images.min.js"></script>
4 5 6<head> 7 <meta charset="utf-8"> 8 <title>Functional Error Examples @JenSykes</title> 9 <!--<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet"> --> 10 <link rel="stylesheet" href="main.css"> 11</head> 12 13<body> 14 <div id="title"> 15 <h1>Functional Error Examples</h1> 16 </div> 17 <div id="wrapper"> 18 <section> 19 <h1>Intro : </h1> 20 <p>Creative Coding has become a popular, alternative material used within the Studio-based model of education in 21 Art and Design Schools. This process driven, exploratory material approach to the use of technology provides 22 important potential for creative expression and pathways within creative industries for experiential approaches. 23 However, there still remains a friction in how one uses materials that stem from instructional or solution based 24 outcomes in experimental creative practices.</p> 25 <p>Often, we approach introductory methods of understanding programming by following step by step instructions or 26 tutorials. Whilst these methods are benefiticial in their early principles there remains a steep learning curve 27 when creating individually driven projects. It is through the experience of making mistakes and problem solving 28 that provides us with self sufficiency and independence. </p> 29 <p>This practice-based research focuses on how we can explore methods of teaching mistakes in Creative Coding 30 through working with <strong style=" color: hsla(15, 100%, 50%, 0.9)"><i>Functional Errors</i></strong>. A 31 <strong style=" color: hsla(15, 100%, 50%, 0.9)"><i>Functional Error</i></strong> is defined as as a piece of
32 code that compiles without error in software yet it results in a different kinetic or graphical output than 33 desired. A <strong style=" color: hsla(15, 100%, 50%, 0.9)"><i>Functional Error</i></strong> is also the result 34 of a gap in conceptual understanding between established and new creative disciplines and can often be difficult 35 to identify through the use of different descriptive language. 36 </p> 37 <p>This collection of alternative teaching tools aims to provide more immediate feedback, legibility and creative 38 agency to students within Art Schools.</p> 39 40 <br> 41 <h2>Collection of errors: </h2> 42 <p>This site hosts a collection of Functional Error Examples to explore in graphical and physical computing 43 environments.</p> 44 <p><i style=" color: hsla(15, 100%, 50%, 0.9)">These example pages are best viewed in Chrome or Firefox 45 browsers.</i></p> 46 </section> 47 ----------------------------------------------------------------------------> 48 49 <div id="frames"> 50 <section> 51 <h1>Graphical : </h1> 52 <div class="grid-container"> 53 <div class="grid-item" style="position:relative;"> 54 <h2>Iteration</h2> 55 <iframe 56 src="https://openprocessing.org/sketch/1549449/embed/?plusEmbedHash=ZjNmZDM2YWEwMDk1MmM3NDYwOWIzZWIzMWMyZGMzNmVhYzMwMzY0ZmNlNDU2MDNmMjA1MGNjYzc4YmFlMzhmYTIxN2FkZmFiMDYyNWU3YzFiNGIyYzE4ZTgwZGY1MGMwYmVlMTc4NjRjMTJkZWU0MzRhMDk5MDU1YWE1ZDk2MTFDSWdOYy9SQWJoRHlKZEd3dnFoalBHYURHWnJtNHdjaUJhMUtiOWY0d0w2aFUwaWJrNHd6eTRaMnhLdUREb1NXU21hVlNCU3JaZFJXaWxHMjlvVTlsdz09&plusEmbedFullscreen=true" 57 width="400" height="400" frameborder="0"></iframe> 58 <a href="iteration.html" 59 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 60 </div> 61 <div class="grid-item" style="position:relative;"> 62 <h2>Drawing</h2> 63 <iframe 64 src="https://openprocessing.org/sketch/1549562/embed/?plusEmbedHash=NzJmOTYzYWFlYjQwZGY1ZjJmMDIyYmJjNmNlZGVjZWVmMjM2YWUyYjI3NjhiMjgyNjRmY2Y2ZmY1YjM0MGM2NWVhNjNjMDVhODZmY2Q1YjM0OTQyYmUxNjUyMjFkYTAzNGE4MGE1YzdkOGU4ZTJhNDVmYTk5NDU1OTUyZjU5YTgxUVNsOTFYWWw1cjdjWVBjUTNqUUNtcTFseWYxekExUTk5d2pTTmdTYllSK01KU3I2aklNWkFqeUhMbnBHcmhGS3kvcUFkMG02UzVhbFBrUGZaSzhWdz09&plusEmbedFullscreen=true" 65 width="400" height="400" width="400" height="400" frameborder="0" overflow-y="hidden" overflow-x="hidden" 66 scrolling="no"></iframe> 67 <a href="drawing.html" 68 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 69 </div> 70 <div class="grid-item" style="position:relative;"> 71 <h2>Layers</h2> 72 <iframe 73 src="https://openprocessing.org/sketch/1549483/embed/?plusEmbedHash=ZjVkNTY4NzUxMTg5N2M0NDcyNmJhNDQ3M2NjMGJhNGJiZjA3MWJkZmI2NGNhZmJjZjVlYWJmODBjNWM0Yjg3Y2NhZmE0Y2MyNTQwYzcyZGEzZTllMWZkNTUxNWQ5ZWFmOGU2NDgyY2VkMTk4YjlmYjVmZGFiN2VjMDkwMWRjNzVoVlg4eFdQWkE3c3ZsNzNpb2FBcGw3cnRiNnZSR0JjVlpNcm5GTU1tQUJ6cC9lajFBOWcxTE05TDJhSkg5d05UMW5NY0JFajRpUGZQMHNjQ2xlVCtDUT09&plusEmbedFullscreen=true" 74 width="400" height="400" frameborder="0"></iframe> 75 <a href="order.html" 76 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 77 </div> 78 <div class="grid-item" style="position:relative;"> 79 <h2>Questions</h2> 80 <iframe 81 src="https://openprocessing.org/sketch/1550651/embed/?plusEmbedHash=ZDNiZTA2MmEyZWViYjQ0NGM1NWMxNDExMWMxZDU5ZGY2NWYxMjg3OTc5NzFhODk2MmU5ZWEzMDQwMDgwYjU4OTQ5YmUzNTcyMTA5MjczOGVjODAyMjgzMDllYzk1ZDM2MmZlM2FkNjg3NjI3ZmY0YmQyNzM0ODdjZmY5YWRkMGFiSDAycElVWUNKZDQ2M0o3WGV2b1NHRnVjQnprWndZR09uWll5bm1oWnZmVzVGM3BqbzZnUDBiTGpGRkZCTkdkSG9LS3BDZHlqa0ZsZkNJSXFQdzhPUT09&plusEmbedFullscreen=true" 82 width="400" height="400" width="400" height="400" frameborder="0"></iframe> 83 <a href="questions.html" 84 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 85 </div> 86 87 </div> 88 </div> 89 </section> 90 91 ----------------------------------------------------------------------------> 92 <div id="frames"> 93 <section> 94 <h1>Physical : </h1> 95 <div class="grid-container"> 96 <div class="grid-item" style="position:relative;"> 97 <h2>Blink</h2> 98 <iframe 99 src="https://openprocessing.org/sketch/1549677/embed/?plusEmbedHash=YjAxY2ZlZTQzMTA2ZTEyNmVlMGY2YjgzMDgzMjdlODBjOWUzNTQ1MzY5NTMxMjA4YmQ0Y2RmOGU1ODc5YTNhMzRmYjdhNWI2NWI0ZDBjMTg0NjMxMDYyNjBhZTZlZjQ3YTJmZDczZWUwMzgzMWM5YzViMzMzYmI5OTk4MzM0ZmNiTEVSRWl6bXBIS29iaWRXVUJ0QysxQWVtY2svV05wZVpVL1NKMmxjUEJJZCtvb0FXdHlRWDE1b1hjUDFtV3ZROUZKVGtWTDNIRWgvWFVhMUdVZ0Z4Zz09&plusEmbedFullscreen=true" 100 width="400" height="400" frameborder="0"></iframe> 101 <a href="blink01.html" 102 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 103 </div> 104 <div class="grid-item" style="position:relative;"> 105 <h2>Fade</h2> 106 <iframe 107 src="https://openprocessing.org/sketch/1990423/embed/?plusEmbedHash=ZWZjMDU0MWMzZWVkMGQ1MjRhYzZkNzY3YWUxYjUyNDEyNTk1MThjNjAzYzJkMjg1M2IyMzY1ZWE1YTVlNTk5MWYyZWQ2NGNjODY4YTk5MjI4MmRkNWFkZDA3MTExMjZhMDU3ODM2ZGFmYmFhZGQzYjAyY2UwZThmMDYxMTRjNGQzR1JxRUVWeUlRNFA0L0lDZFNTcW9JYWpCa0pReXgrU1lkbmhUSWdraXNSTFJnOTBIY1F4THZiK0RSazRlSjVvQ3NETTJhWEFiQjdsblcybWcrTmlSdz09&plusEmbedFullscreen=true" 108 width="400" height="400" frameborder="0"></iframe> 109 <a href="fade01.html" 110 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 111 </div> 112 <div class="grid-item" style="position:relative;"> 113 <h2>Control</h2> 114 <iframe 115 src="https://openprocessing.org/sketch/1991416/embed/?plusEmbedHash=ODFlOGEyMmMyZjdjNDE2YmE5YzQyNzExNzM5NzZmNTRhYzU5MWVjN2E3M2VmOWY5ZjBlM2U2NmRlNWU5ZjFmNjNjMzliN2Q0ODg1NmY4NTRjOGEyZmZlMjUwYjdlN2YxOTY0NjI1NGI2ZGUzYTIwMGFhYWE1ZDY2NjUzNDliODRKY3BCS2hiZS9KbXAyekFqeHRhcnBEM3UyUVpkbUVlSURzV1g1cmJuN2NuUmcwMkJaSmdIa0FJSWwyNEdCZHU0QjFxMGRPenB1SnF4RkVPVzV4bTAxZz09&plusEmbedFullscreen=true" 116 width="400" height="400" frameborder="0"></iframe> 117 <a href="control.html" 118 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 119 </div> 120 <div class="grid-item" style="position:relative;"> 121 <h2>Switch</h2> 122 <iframe 123 src="https://openprocessing.org/sketch/1549688/embed/?plusEmbedHash=Y2EwMjc1YjlhMjhlNGY2OGE4ZmMxNzcyNDY3MDE0MmJiZDdlZjBjYTE1ODJjZjQzZjRiYTIwZGU1NzVlMzc2MDNhZGMzM2YwODNjNTY0NTd
123hYmE0MmE4OWVhYjM1NzBlZmVkNjIxMDIyZGU1NGQxYzIxODA5ODcyNGU1Yjg2ZDZ6bThEMXI5aGxZL25FRjJNd3FFaENoK3ZUYnc2YkVVWEQyNlIyOUkrOTRrMDVtaEU5emJHWnk0SUJxTzJjTWlYbzdSSVhzZk93T1drMkQ2MzYwaWNRZz09&plusEmbedFullscreen=true" 124 width="400" height="400" frameborder="0"></iframe> 125 <a href="switch02.html" 126 style="position:absolute; top:10; left:0; display:inline-block; width:400px; height:400px; z-index:5;"></a> 127 </div> 128 129 130 </div> 131 </div> 132 </section> 133 134 ----------------------------------------------------------------------------> 135 <section> 136 137 <h2>J3n Sykes</h2> 138 <!-- <p><a href="https://twitter.com/J3nSykes">Twitter</a> | <a href="https://github.com/j3nsykes">GitHub</a></p> 139--> 140 <a href="https://github.com/j3nsykes">GitHub</a> | <a href="https://j3nsykes.github.io/">Home</a></p> 141 </section> 142 143 </div> 144 145</body> 146 147</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.