%3CLINGO-SUB%20id%3D%22lingo-sub-1539004%22%20slang%3D%22en-US%22%3E%5BGuest%20Blog%5D%20Express%20Yourself%20with%20Creative%20Coding!%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1539004%22%20slang%3D%22en-US%22%3E%3CP%3E%3CEM%3EThe%20article%20was%20written%20by%20MVP%20%3CA%20href%3D%22https%3A%2F%2Fmvp.microsoft.com%2Fen-us%2FPublicProfile%2F5003436%3FfullName%3DMarc%2520Duiker%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EMarc%20Duiker%3C%2FA%3E%20as%20part%20of%20the%20Humans%20of%20IT%20Guest%20Bloggers%20Series.%20Marc%20shares%20about%20what%20creative%20coding%20is%2C%20his%20own%20journey%20in%20infusing%20creativity%20in%20tech%20and%20how%20you%20can%20get%20started!%3C%2FEM%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EHi%2C%20my%20name%20is%20Marc%20Duiker.%20I'm%20an%20Azure%20MVP%20working%20on%20event-driven%20architectures%20and%20a%20big%20fan%20of%20serverless%20technology.%20I%20really%20enjoy%20coding%20because%20I%20like%20to%20create%20things%20that%20others%20can%20use%20and%20benefit%20from.%20This%20is%20why%20I%20not%20only%20code%20for%20work%2C%20but%20also%20as%20a%20hobby%20where%20I%20do%20creative%20coding.%20Here's%20the%20Wikipedia%20definition%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CEM%3E%22%3CSTRONG%3ECreative%20coding%3C%2FSTRONG%3E%20is%20a%20type%20of%20computer%20programming%20in%20which%20the%20goal%20is%20to%20%3CSTRONG%3Ecreate%20something%20expressive%20instead%20of%20functional%3C%2FSTRONG%3E.%20It%20is%20used%20to%20create%20live%20visuals%20for%20VJing%2C%20as%20well%20as%20creating%20visual%20art%20and%20design%2C%20entertainment%2C%20art%20installations%2C%20projections%20and%20projection%20mapping%2C%20sound%20art%2C%20advertising%2C%20product%20prototypes%2C%20and%20much%20more.%22%3C%2FEM%3E%3C%2FP%3E%0A%3CP%3ESource%3A%20-ERR%3AREF-NOT-FOUND-Wikipedia%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFor%20me%2C%20creative%20coding%20means%20creating%20something%20enjoyable%20for%20myself%20and%2C%20hopefully%2C%20also%20for%20others.%20Creative%20coding%20can%20be%20a%20myriad%20of%20things%2C%20allowing%20you%20to%20express%20yourself%20in%20many%20different%20ways.%20I'd%20like%20to%20share%20my%20experience%20with%20you%2C%20and%20I%20hope%20you'll%20be%20inspired%20to%20try%20some%20creative%20coding%20yourself!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--1298908088%22%20id%3D%22toc-hId--1298908088%22%20id%3D%22toc-hId--1298908088%22%3EGames%20%26amp%3B%20Graphics%3C%2FH2%3E%0A%3CP%3EMy%20fascination%20with%20creative%20coding%20started%20with%20computer%20graphics.%20This%20started%20in%20my%20early%20teenage%20years%20while%20playing%20-ERR%3AREF-NOT-FOUND-Prince%20of%20Persia.%20The%20fascination%20grew%20over%20time%20when%20I%20began%20to%20create%20graphics%20myself.%20I%20created%203D%20landscapes%20with%20Bryce%2C%20fractal%20flames%20using%20-ERR%3AREF-NOT-FOUND-Apophysis%2C%20and%20other%20recursive%20structures%20using%20%3CA%20title%3D%22Creative%20Coding%20on%20Wikipedia%22%20href%3D%22https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCreative_coding%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EL-System%3C%2FA%3E%20generators.%20I'm%20still%20intrigued%20by%20how%20well%20recursive%20rules%20can%20describe%20nature.%20Look%20at%20this%20computer-generated%20fern%20-ERR%3AREF-NOT-FOUND-%3A%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%221080px-Barnsley_fern_2000x2000.jpg%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F207258i011E96A5872EE652%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%221080px-Barnsley_fern_2000x2000.jpg%22%20alt%3D%22Computer%20generated%20fern%20by%20Laug%20(created%20with%20Processing)%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EComputer%20generated%20fern%20by%20Laug%20(created%20with%20Processing)%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-1188604745%22%20id%3D%22toc-hId-1188604745%22%20id%3D%22toc-hId-1188604745%22%3EPhotography%3C%2FH2%3E%0A%3CP%3EFor%20a%20couple%20of%20years%2C%20my%20attention%20turned%20to%20photography%20and%20photo%20editing.%20I%20especially%20enjoyed%20urban%20exploration%20photography%2C%20visiting%20abandoned%20locations%2C%20and%20capturing%20the%20beauty%20of%20buildings%20and%20interiors%20in%20decay.%20The%20atmosphere%20of%20these%20locations%20is%20breathtaking.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%2220141108-MarcDuiker-_MG_8493_enfused-AdobeRGB-1600q75wm_1280.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CA%20title%3D%22Prince%20of%20Persia%20on%20Wikipedia%22%20href%3D%22https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FPrince_of_Persia_(1989_video_game)%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E%22There%20lies%20the%20gold%22%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFor%20about%20two%20years%2C%20I%20gave%20photography%20workshops%20at%20the%20local%20community%20college.%20This%20experience%20really%20helped%20me%20to%20speak%20in%20public%20with%20more%20confidence.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--618849718%22%20id%3D%22toc-hId--618849718%22%20id%3D%22toc-hId--618849718%22%3EVisual%20arts%3C%2FH2%3E%0A%3CP%3EWhen%20I%20learned%20to%20code%2C%20during%20my%20first%20job%2C%20my%20interest%20in%20creating%20computer%20graphics%20spiked%20again.%20I%20discovered%20-ERR%3AREF-NOT-FOUND-Processing%2C%20a%20software%20sketchbook.%20I%20created%20many%20sketches%20while%20watching%20tutorials%20from%20Daniel%20Schiffman%20(-ERR%3AREF-NOT-FOUND-The%20Coding%20Train).%20He%20has%20a%20gift%20for%20explaining%20topics%20on%20software%20engineering%2C%20maths%2C%20and%20graphics%20in%20a%20very%20accessible%20way.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Annotation%202020-06-20%20222011_1280.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EThe%20Coding%20Train%20channel%20on%20YouTube%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3EI%20especially%20recommend%20%3CA%20title%3D%22The%20Nature%20of%20Code%20playlist%20on%20YouTube%22%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fplaylist%3Flist%3DPLRqwX-V7Uu6aFlwukCmDf0-1-uSR7mklK%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EThe%20Nature%20of%20Code%20playlist%3C%2FA%3E%2C%20which%20features%2083%20videos%20ranging%20from%20Perlin%20noise%2C%20my%20favorite%20type%20of%20noise%2C%20to%20fractals%20and%20genetic%20algorithms.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Annotation%202020-06-20%20222818_256color.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F207256i8FAFC4B9B7DB32DD%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22Annotation%202020-06-20%20222818_256color.png%22%20alt%3D%22%26quot%3BNoise%20Worms%26quot%3B%20by%20Marc%20Duiker%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E%22Noise%20Worms%22%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3CSPAN%3EYou%20can%20play%20with%20the%20%3C%2FSPAN%3E%3CEM%3ENoise%20Worms%3C%2FEM%3E%3CSPAN%3E%20sketch%26nbsp%3B%3C%2FSPAN%3E%3CA%20title%3D%22Noise%20Worms%20P5js%20sketch%22%20href%3D%22https%3A%2F%2Feditor.p5js.org%2Fmarcduiker%2Fsketches%2FLMF39YZcR%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehere%3C%2FA%3E%3CSPAN%3E.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-1868663115%22%20id%3D%22toc-hId-1868663115%22%20id%3D%22toc-hId-1868663115%22%3ERetro%20game%20development%3C%2FH2%3E%0A%3CP%20data-unlink%3D%22true%22%3EI%20excel%20in%20starting%20new%20projects%20and%20never%20finishing%20them%20(ha!)%20.%20Sometimes%20I%20don't%20even%20start%20them%20at%20all.%20However%2C%20about%20one%20and%20a%20half%20years%20ago%2C%20I%20read%20about%20retro%20game%20development%20using%20%3CA%20title%3D%22PICO-8%20website%22%20href%3D%22https%3A%2F%2Fwww.lexaloffle.com%2Fpico-8.php%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EPICO-8%3C%2FA%3E.%20I%20bought%20the%20software%20with%20the%20intent%20to%20create%20some%20cool%20games%2C%20but%20I%20didn't%20touch%20the%3CSPAN%3E%26nbsp%3Bsoftware%20for%20a%20couple%20of%20months.%20Then%2C%20I%20read%20about%20PICO-8%20again%2C%20this%20time%20in%20a%20%3C%2FSPAN%3E%5B%23%24dp50%5D%3CA%20title%3D%22MagPi%20magazine%20about%20PICO-8%22%20href%3D%22https%3A%2F%2Fmagpi.raspberrypi.org%2Farticles%2Fbuild-retro-game-pico-8-raspberry-pi%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EMagPi%20magazine%3C%2FA%3E%3CSPAN%3E%3CSPAN%3E.%20At%20about%20the%20same%20time%2C%20Scott%20Hanselman%20invited%20Joseph%20White%2C%20the%20creator%20of%20PICO-8%2C%20on%20one%20of%20his%20%3C%2FSPAN%3E%5B%23%24dp51%5D%3CA%20title%3D%22Hanselminutes%20podcast%22%20href%3D%22https%3A%2F%2Fhanselminutes.com%2F703%2Ftiny-games-with-the-pico-8-fantasy-console-and-joseph-white%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%3C%2FA%3E%3C%2FSPAN%3Epodcasts%3CSPAN%3E%3CSPAN%3E.%20This%20clearly%20was%20a%20sign%20I%20had%20to%20pick%20up%20PICO-8%20and%20create%20a%20game%20with%20it.%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3ESince%20I%20am%20a%20big%20fan%20of%20Azure%20Functions%2C%20I%20created%20a%20game%20in%20which%20you%20play%20the%20Azure%20Functions%20logo%20and%20need%20to%20collect%20items%20to%20restore%20the%20power%20of%20an%20Azure%20data%20center.%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22azure_functions_the_game.gif%22%20style%3D%22width%3A%20256px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E%22Azure%20Functions%20-%20The%20Game%22%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3ECreating%20this%20puzzle%20game%20took%20some%20effort%20-%20I%20spent%20many%20evenings%20and%20nights%20over%20a%20couple%20of%20weeks%2C%20but%20the%20process%20was%20so%20much%20fun!%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%3CSTRONG%3EPICO-8%3C%2FSTRONG%3E%20is%20a%20very%20restricted%20environment%20to%20create%20games%20in%2C%20the%20screen%20is%20only%20128x128%20pixels%2C%20sprites%20are%208x8%20pixels%2C%20and%20there's%20even%20a%20restriction%20on%20the%20amount%20of%20code%20you%20can%20write.%20Once%20it%20was%20finished%2C%20I%20was%20thrilled%20that%20the%20game%20was%20well%20received%20in%20the%20community%2C%20the%20Azure%20Functions%20team%20and%20others%20within%20Microsoft!%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Annotation%202020-07-22%20213348.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F207250iC4F2A238620D5F6C%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Annotation%202020-07-22%20213348.png%22%20alt%3D%22Mark%20Russinovich%20was%20playing%20my%20game!%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EMark%20Russinovich%20was%20playing%20my%20game!%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3EMy%20next%20game%2C%20YuckyYAML%2C%20is%20still%20in%20progress.%20It%20is%20a%20puzzle%20game%2C%20inspired%20by%20Sokoban%2C%20and%20is%20themed%20around%20Docker%20%26amp%3B%20Kubernetes%2C%20so%20it%20features%20whales%20and%20containers.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22yucky_yaml_3.gif%22%20style%3D%22width%3A%20256px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E%22YuckyYaml%22%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3EPICO-8%20is%20also%20an%20excellent%20platform%20to%20create%20%3CSTRONG%3Emini-games%3C%2FSTRONG%3E.%20These%20are%20very%20basic%20games%20you%20can%20play%20in%20a%20minute%20or%20so.%20I%20created%20two%20interactive%20cards%20for%20a%20lovely%205-year-old%2C%20one%20for%20his%20birthday%2C%20where%20he%20needs%20to%20collect%20all%20the%20balloons.%20And%20another%20one%20for%20Easter%2C%20where%20he%20needs%20to%20collect%20eggs.%20These%20mini-games%20are%20around%20100%20lines%20of%20code%20and%20take%20only%20an%20hour%20or%20two%20to%20create.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3EYou%20can%20play%20the%20above%20mentioned%20games%20at%20-ERR%3AREF-NOT-FOUND-marcduiker.itch.io.%20If%20you%20want%20to%20learn%20about%20game%20development%20with%20PICO-8%2C%20I%20highly%20recommend%20-ERR%3AREF-NOT-FOUND-this%20YouTube%20playlist%2C%26nbsp%3Bwhich%20contains%20over%2070%20videos%20on%20how%20to%20create%20a%20breakout%20game%20from%20start%20to%20finish.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-61208652%22%20id%3D%22toc-hId-61208652%22%20id%3D%22toc-hId-61208652%22%3EMicrosoft%20Build%202020%3C%2FH2%3E%0A%3CP%20data-unlink%3D%22true%22%3EI%20was%20very%20fortunate%20to%20be%20part%20of%20Microsoft%20Build%20this%20year.%20In%20one%20session%2C%20I%20took%20part%20in%20a%20panel%20discussion%20on%20Serverless%20APIs%2C%20and%20the%20other%2C%20I%20talked%20about%20one%20of%20my%20pet%20projects%2C%20the%20%3CA%20title%3D%22Azure%20Functions%20Updates%20on%20Twitter%22%20href%3D%22https%3A%2F%2Ftwitter.com%2Faz_func_updates%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EAzure%20Functions%20Updates%20Twitterbot%3C%2FA%3E.%20Be%20sure%20to%20check%20out%20the%20session%20recordings!%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CH3%20id%3D%22toc-hId-751770126%22%20id%3D%22toc-hId-751770126%22%20id%3D%22toc-hId-751770126%22%3E8-bit%20avatars%3C%2FH3%3E%0A%3CP%20data-unlink%3D%22true%22%3EAfter%20my%20talks%2C%20I%20wanted%20to%20show%20appreciation%20to%20the%20hosts%20since%20I%20know%20it%20takes%20a%20lot%20of%20effort%20to%20keep%20an%20event%20rolling%20smoothly.%20So%20I%20started%20creating%20%3CSTRONG%3E8-bit%20pixel%20portraits%3C%2FSTRONG%3E%20for%20the%20hosts.%20I%20used%20a%20%3CSTRONG%3E16x16%20pixel%3C%2FSTRONG%3E%20format%2C%20which%20is%20really%20limited%2C%20so%20it%20was%20a%20challenge%20drawing%20everyone%20in%20a%20way%20they%20were%20still%20recognizable.%20I%20posted%20them%20on%20Twitter%2C%20and%20the%20responses%20I%20got%20were%20so%20kind.%20I%20kept%20making%20the%20portraits%20until%20I%20had%20one%20for%20each%20of%20the%20hosts.%20At%20the%20end%20of%20Build%2C%20the%20hosts%20gave%20me%20a%20special%20shout-out%20for%20my%20work%2C%20which%20made%20me%20very%20proud.%20It%20was%20a%20wonderful%20experience%20to%20contribute%20to%20Build%20in%20this%20way%3A%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Build_hosts_1920.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EMS%20Build%20hosts%20%26amp%3B%20a%20quokka%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH3%20id%3D%22toc-hId--1055684337%22%20id%3D%22toc-hId--1055684337%22%20id%3D%22toc-hId--1055684337%22%3EMake%20Code%3C%2FH3%3E%0A%3CP%20data-unlink%3D%22true%22%3EOne%20of%20the%20last%20sessions%20of%20Microsoft%20Build%20was%20about%20MakeCode%2C%20an%20educational%20programming%20platform%20backed%20by%20various%20organizations.%20During%20-ERR%3AREF-NOT-FOUND-this%20session%2C%20Louanne%20Murphy%20and%20Scott%20Hanselman%20showed%20how%20versatile%20and%20accessible%20the%20platform%20is.%20One%20of%20the%20areas%20where%20you%20can%20use%20MakeCode%20is%20creating%20-ERR%3AREF-NOT-FOUND-arcade%20games%2C%20so%20obviously%2C%20I%20had%20to%20try%20that.%20In%20about%201.5%20hours%2C%20I%20completed%20this%20mini-game%20featuring%20Dona%20and%20Seth%2C%20competing%20to%20eat%20as%20many%20Cheeze-Its%20within%2030%20seconds.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22Annotation%202020-06-20%20230612.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E%22Cheeze-It%20Deth%20Match%22%20on%20MakeCode%20Arcade%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3EPlay%20Cheeze-It%20Deth%20Match%20-ERR%3AREF-NOT-FOUND-here.%3C%2FP%3E%0A%3CP%20data-unlink%3D%22true%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--1066187441%22%20id%3D%22toc-hId--1066187441%22%20id%3D%22toc-hId--1066187441%22%3EPost%20Build%3C%2FH2%3E%0A%3CP%3EI%20was%20really%20starting%20to%20like%20the%208-bit%20avatars%2C%20so%20I%20kept%20on%20making%20some%20for%20close%20(Twitter)%20friends.%20Others%20began%20to%20notice%20the%20avatars%2C%20and%20the%20demand%20just%20kept%20increasing!%20Since%20I%20was%20saving%20up%20for%20a%20Surface%20Go%202%2C%20I%20decided%20to%20ask%20for%20a%20small%20donation%20when%20people%20ask%20me%20to%20create%20their%20avatar.%20So%20far%2C%20I've%20created%20120%20of%20these%20avatars%2C%20and%20I'm%20still%20receiving%20commissions!%20Since%20the%20avatars%20I%20created%20for%20Build%2C%20I've%20now%20doubled%20the%20resolution%20by%20switching%20to%20%3CSTRONG%3E32x32%20pixels%3C%2FSTRONG%3E%2C%20which%20is%20still%20very%20limited%20but%20allows%20a%20bit%20more%20detail%20in%20hair%20and%20clothes.%20I%20also%20deliberately%20use%20a%20limited%2032%20color%20palette%2C%20which%20ensures%20all%20portraits%20have%20the%20same%20look%20%26amp%3B%20feel.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22_collage_107frames.gif%22%20style%3D%22width%3A%20200px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E8-bit%20avatars%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-1421325392%22%20id%3D%22toc-hId-1421325392%22%20id%3D%22toc-hId-1421325392%22%3EWhat's%20next%3C%2FH2%3E%0A%3CP%3ECreative%20coding%20has%20really%20become%20a%20part%20of%20my%20life.%20It%20is%20ever-changing%20-%20sometimes%20it's%20visuals%2C%20sometimes%20music%2C%20sometimes%20games.%20As%20long%20as%20I%20can%20keep%20creating%20something%20that%20I%20and%20others%20like%2C%20it%20gives%20me%20a%20very%20satisfying%20feeling%2C%20and%20I%20will%20continue%20doing%20this%20for%20a%20long%20time.%20I%20encourage%20you%20to%20ty%20creative%20coding%20yourself!%20%3CSTRONG%3EIt%20doesn't%20matter%20if%20you%20are%20a%20programming%20veteran%20or%20a%20novice%3C%2FSTRONG%3E%2C%20you%20can%20start%20very%20small%20and%20build%20up%20your%20skills%20over%20time%20and%20try%20different%20tools%20and%20languages.%20I'm%20very%20curious%20about%20your%20creations!%20Please%20share%20them%20with%20me%20on%20Twitter%3A%26nbsp%3B%3CA%20title%3D%22Marc%20Duiker%20profile%20on%20Twitter%22%20href%3D%22https%3A%2F%2Ftwitter.com%2Fmarcduiker%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%40MarcDuiker%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIf%20you%20want%20to%20support%20my%20creative%20coding%20work%2C%20please%20consider%20a%20%3CA%20title%3D%22Ko-Fi%20link%22%20href%3D%22https%3A%2F%2Fko-fi.com%2Fmarcduiker%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Edonating%20a%20coffee%3C%2FA%3E%26nbsp%3Bor%20commission%20me%20to%20create%20your%20personalized%208-bit%20avatar%20%3A)%3C%2Fimg%3E%20I%20draw%20them%20entirely%20by%20hand%20and%20each%20one%20is%20100%25%20unique!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22marc_duiker_pixel_selfie.gif%22%20style%3D%22width%3A%20200px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F207254i121C9C2E6EE54BCC%2Fimage-size%2Fsmall%3Fv%3D1.0%26amp%3Bpx%3D200%22%20title%3D%22marc_duiker_pixel_selfie.gif%22%20alt%3D%22Rock%20on!%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3ERock%20on!%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20hope%20this%20inspires%20you%20to%20embark%20on%20your%20own%20creative%20coding%20as%20well.%20After%20all%2C%20life's%20more%20fun%20when%20we%20can%20effectively%20combine%20tech%20and%20art%2C%20don't%20you%20think%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%23HumansofIT%3C%2FP%3E%0A%3CP%3E%23CareerJourneys%3C%2FP%3E%0A%3CP%3E%23TechsGotTalent%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EEnjoyed%20this%20article%20by%20Marc%3F%20He%20recently%20shared%20about%20his%20experience%20on%20this%20month's%20edition%20of%20the%20Humans%20of%20IT%20MVP%2FRD%20PGI%20call.%20If%20you%20are%20an%20active%20MVP%2FRD%2C%20you%20can%20watch%20the%20session%20recording%20on%20the%20MVP%20Yammer%20page.%20You%20should%20also%20have%20received%20an%20email%20recap%20from%20the%20MVP%20PGI%20Events%20alias.%20Thank%20you%20for%20your%20support!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-1539004%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22_collage_107frames.gif%22%20style%3D%22width%3A%20200px%3B%22%3E-ERR%3AREF-NOT-FOUND-%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3E8-bit%20avatars%20by%20Marc%20Duiker%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CEM%3EThe%20article%20was%20written%20by%20MVP%20Marc%20Duiker%20as%20part%20of%20the%20Humans%20of%20IT%20Guest%20Bloggers%20Series.%20Marc%20shares%20about%20what%20creative%20coding%20is%2C%20his%20own%20journey%20in%20infusing%20creativity%20in%20tech%20and%20how%20you%20can%20get%20started!%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1539004%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ECareer%20Journeys%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ECreativity%20in%20Tech%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETech's%20Got%20Talent%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1543925%22%20slang%3D%22en-US%22%3ERe%3A%20%5BGuest%20Blog%5D%20Express%20Yourself%20with%20Creative%20Coding!%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1543925%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20for%20your%20post.%3C%2FP%3E%3CP%3EOne%20good%20point%20with%20your%20weblog%20is%20you%20introduced%20useful%20tools.%3C%2FP%3E%3CP%3EHave%20you%20tried%20working%20with%20some%203D%20objects%20like%20using%20Unity%20engine%20too%3F%3C%2FP%3E%3CP%3EI%20also%20find%20WebGL%20very%20useful%20for%203D%20programming.%3C%2FP%3E%3CP%3EIn%20general%2C%20I%20also%20love%20idea%20of%20Microsoft%20to%20have%20Expression%20Blend%20for%20designer%20and%20could%20integrate%20into%20Visual%20Studio%20and%20I%20believe%20there%20more%20need%20to%20be%20done%20in%20this%20area%2C%20so%20we%20don't%20force%20designer%20to%20learn%20code%20(they%20can%2C%20if%20they%20love%20to)%20and%20developer%20could%20write%20code.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Visitor

The article was written by MVP Marc Duiker as part of the Humans of IT Guest Bloggers Series. Marc shares about what creative coding is, his own journey in infusing creativity in tech and how you can get started!

 

Hi, my name is Marc Duiker. I'm an Azure MVP working on event-driven architectures and a big fan of serverless technology. I really enjoy coding because I like to create things that others can use and benefit from. This is why I not only code for work, but also as a hobby where I do creative coding. Here's the Wikipedia definition:

 

"Creative coding is a type of computer programming in which the goal is to create something expressive instead of functional. It is used to create live visuals for VJing, as well as creating visual art and design, entertainment, art installations, projections and projection mapping, sound art, advertising, product prototypes, and much more."

Source: Wikipedia

 

For me, creative coding means creating something enjoyable for myself and, hopefully, also for others. Creative coding can be a myriad of things, allowing you to express yourself in many different ways. I'd like to share my experience with you, and I hope you'll be inspired to try some creative coding yourself!

 

Games & Graphics

My fascination with creative coding started with computer graphics. This started in my early teenage years while playing Prince of Persia. The fascination grew over time when I began to create graphics myself. I created 3D landscapes with Bryce, fractal flames using Apophysis, and other recursive structures using L-System generators. I'm still intrigued by how well recursive rules can describe nature. Look at this computer-generated fern :hearteyes::

Computer generated fern by Laug (created with Processing)Computer generated fern by Laug (created with Processing)

 

Photography

For a couple of years, my attention turned to photography and photo editing. I especially enjoyed urban exploration photography, visiting abandoned locations, and capturing the beauty of buildings and interiors in decay. The atmosphere of these locations is breathtaking.

 

"There lies the gold" by Marc Duiker"There lies the gold" by Marc Duiker

 

For about two years, I gave photography workshops at the local community college. This experience really helped me to speak in public with more confidence.

 

Visual arts

When I learned to code, during my first job, my interest in creating computer graphics spiked again. I discovered Processing, a software sketchbook. I created many sketches while watching tutorials from Daniel Schiffman (The Coding Train). He has a gift for explaining topics on software engineering, maths, and graphics in a very accessible way.

 

The Coding Train channel on YouTubeThe Coding Train channel on YouTube

 

I especially recommend The Nature of Code playlist, which features 83 videos ranging from Perlin noise, my favorite type of noise, to fractals and genetic algorithms.

 

"Noise Worms" by Marc Duiker"Noise Worms" by Marc Duiker

 You can play with the Noise Worms sketch here.

 

Retro game development

I excel in starting new projects and never finishing them (ha!) . Sometimes I don't even start them at all. However, about one and a half years ago, I read about retro game development using PICO-8. I bought the software with the intent to create some cool games, but I didn't touch the software for a couple of months. Then, I read about PICO-8 again, this time in a MagPi magazine. At about the same time, Scott Hanselman invited Joseph White, the creator of PICO-8, on one of his podcasts. This clearly was a sign I had to pick up PICO-8 and create a game with it. Since I am a big fan of Azure Functions, I created a game in which you play the Azure Functions logo and need to collect items to restore the power of an Azure data center.

 

"Azure Functions -  The Game" by Marc Duiker"Azure Functions - The Game" by Marc Duiker

 

Creating this puzzle game took some effort - I spent many evenings and nights over a couple of weeks, but the process was so much fun!

 

PICO-8 is a very restricted environment to create games in, the screen is only 128x128 pixels, sprites are 8x8 pixels, and there's even a restriction on the amount of code you can write. Once it was finished, I was thrilled that the game was well received in the community, the Azure Functions team and others within Microsoft!

 

Mark Russinovich was playing my game!Mark Russinovich was playing my game!

 

My next game, YuckyYAML, is still in progress. It is a puzzle game, inspired by Sokoban, and is themed around Docker & Kubernetes, so it features whales and containers.

 

"YuckyYaml" by Marc Duiker"YuckyYaml" by Marc Duiker

 

PICO-8 is also an excellent platform to create mini-games. These are very basic games you can play in a minute or so. I created two interactive cards for a lovely 5-year-old, one for his birthday, where he needs to collect all the balloons. And another one for Easter, where he needs to collect eggs. These mini-games are around 100 lines of code and take only an hour or two to create.

 

You can play the above mentioned games at marcduiker.itch.io. If you want to learn about game development with PICO-8, I highly recommend this YouTube playlist, which contains over 70 videos on how to create a breakout game from start to finish.

 

Microsoft Build 2020

I was very fortunate to be part of Microsoft Build this year. In one session, I took part in a panel discussion on Serverless APIs, and the other, I talked about one of my pet projects, the Azure Functions Updates Twitterbot. Be sure to check out the session recordings!

 

8-bit avatars

After my talks, I wanted to show appreciation to the hosts since I know it takes a lot of effort to keep an event rolling smoothly. So I started creating 8-bit pixel portraits for the hosts. I used a 16x16 pixel format, which is really limited, so it was a challenge drawing everyone in a way they were still recognizable. I posted them on Twitter, and the responses I got were so kind. I kept making the portraits until I had one for each of the hosts. At the end of Build, the hosts gave me a special shout-out for my work, which made me very proud. It was a wonderful experience to contribute to Build in this way:

 

MS Build hosts & a quokka by Marc DuikerMS Build hosts & a quokka by Marc Duiker

 

Make Code

One of the last sessions of Microsoft Build was about MakeCode, an educational programming platform backed by various organizations. During this session, Louanne Murphy and Scott Hanselman showed how versatile and accessible the platform is. One of the areas where you can use MakeCode is creating arcade games, so obviously, I had to try that. In about 1.5 hours, I completed this mini-game featuring Dona and Seth, competing to eat as many Cheeze-Its within 30 seconds.

 

"Cheeze-It Deth Match" on MakeCode Arcade"Cheeze-It Deth Match" on MakeCode Arcade

Play Cheeze-It Deth Match here.

 

Post Build

I was really starting to like the 8-bit avatars, so I kept on making some for close (Twitter) friends. Others began to notice the avatars, and the demand just kept increasing! Since I was saving up for a Surface Go 2, I decided to ask for a small donation when people ask me to create their avatar. So far, I've created 120 of these avatars, and I'm still receiving commissions! Since the avatars I created for Build, I've now doubled the resolution by switching to 32x32 pixels, which is still very limited but allows a bit more detail in hair and clothes. I also deliberately use a limited 32 color palette, which ensures all portraits have the same look & feel.

 

8-bit avatars by Marc Duiker8-bit avatars by Marc Duiker

 

What's next

Creative coding has really become a part of my life. It is ever-changing - sometimes it's visuals, sometimes music, sometimes games. As long as I can keep creating something that I and others like, it gives me a very satisfying feeling, and I will continue doing this for a long time. I encourage you to ty creative coding yourself! It doesn't matter if you are a programming veteran or a novice, you can start very small and build up your skills over time and try different tools and languages. I'm very curious about your creations! Please share them with me on Twitter: @MarcDuiker.

 

If you want to support my creative coding work, please consider a donating a coffee or commission me to create your personalized 8-bit avatar :) I draw them entirely by hand and each one is 100% unique!

 

Rock on!Rock on!

 

I hope this inspires you to embark on your own creative coding as well. After all, life's more fun when we can effectively combine tech and art, don't you think?

 

#HumansofIT

#CareerJourneys

#TechsGotTalent

 

Enjoyed this article by Marc? He recently shared about his experience on this month's edition of the Humans of IT MVP/RD PGI call. If you are an active MVP/RD, you can watch the session recording on the MVP Yammer page. You should also have received an email recap from the MVP PGI Events alias. Thank you for your support!

1 Comment
Valued Contributor

Thank you for your post.

One good point with your weblog is you introduced useful tools.

Have you tried working with some 3D objects like using Unity engine too?

I also find WebGL very useful for 3D programming.

In general, I also love idea of Microsoft to have Expression Blend for designer and could integrate into Visual Studio and I believe there more need to be done in this area, so we don't force designer to learn code (they can, if they love to) and developer could write code.