{"id":1217,"date":"2010-09-26T13:21:00","date_gmt":"2010-09-26T13:21:00","guid":{"rendered":"https:\/\/jan.decoster.studio\/?p=1217"},"modified":"2025-09-26T13:56:58","modified_gmt":"2025-09-26T13:56:58","slug":"nissan-jukeball-pinball-machine-game","status":"publish","type":"post","link":"https:\/\/jan.decoster.studio\/?p=1217","title":{"rendered":"Nissan JukeBall Pinball machine-game"},"content":{"rendered":"\n<p>In the summer of 2010 I was commissioned by Tequila\/Agency to build a hyper-realistic pinball game, to fit in their launch campaign for the new Nissan Juke. A small SUV city car.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><\/figure>\n\n\n\n<p><br>As cool as the end result looks, the process of getting here is even cooler. Below you can see a small collection of images documenting the production process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">20 easy steps to build an online pinball game<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step01_selection-e1286911711514.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step01_selection-e1286911711514.jpg?w=200&amp;h=300\" alt=\"\" class=\"wp-image-265\" title=\"step01_selection\"\/><\/a><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Step 1: Find a really cool vintage pinball machine<\/h5>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step02_manual-e1286911694682.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step02_manual-e1286911694682.jpg?w=212&amp;h=300\" alt=\"\" class=\"wp-image-266\" title=\"step02_manual\"\/><\/a><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Step 2: Get lots of technical info on pinball machines<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image.png\" alt=\"\" class=\"wp-image-1218\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step03_studio-e1286911721402.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 3: Get your pinball machine to a studio (and find a hammer)<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"300\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-1.png\" alt=\"\" class=\"wp-image-1219\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step04_belly-e1286911731783.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 4: Check out inner workings for fire-hazards<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"300\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-2.png\" alt=\"\" class=\"wp-image-1220\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Step 5: Clean dirty parts for better electric contacts<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-3.png\" alt=\"\" class=\"wp-image-1221\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-3.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-3-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step06_trust-e1286909748859.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 6: Learn to trust your pinball machine<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-4.png\" alt=\"\" class=\"wp-image-1222\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step07_details-e1286909734562.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 7: Disassemble upper parts, and document every part<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"300\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-5.png\" alt=\"\" class=\"wp-image-1223\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step08_disassemble-e1286909718389.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 8: Further disassembly until every part is removed from the playing field<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"300\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-6.png\" alt=\"\" class=\"wp-image-1224\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step09_template-e1286909702157.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 9: Get tracing paper and trace positions of different parts on the playing field<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-7.png\" alt=\"\" class=\"wp-image-1225\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-7.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-7-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step10_cutandpaste-e1286909688177.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 10: Make cardboard versions of upper parts<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"163\" height=\"299\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-8.png\" alt=\"\" class=\"wp-image-1226\"\/><\/figure>\n\n\n\n<p>Step 12: Make vector version of template<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"159\" height=\"298\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-9.png\" alt=\"\" class=\"wp-image-1227\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step13_photoshop.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 13: Marvelous design by An Gielens from Agency\/Tequila based on this template<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-10.png\" alt=\"\" class=\"wp-image-1228\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-10.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-10-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step14_lights-e1286909649967.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step11_papertemplate-e1286909675533.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 14: Get some lighting in your studio<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"600\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-11.png\" alt=\"\" class=\"wp-image-1229\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-11.png 400w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-11-200x300.png 200w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-11-300x450.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>Step 15: place a blue key on the playing field<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-12.png\" alt=\"\" class=\"wp-image-1230\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-12.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-12-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step16_greenkey-e1286909613728.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step15_bluekey-e1286909625851.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step05_burns-e1286909768555.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Step 16: place a greenkey on upper parts<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"280\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-13.png\" alt=\"\" class=\"wp-image-1231\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-13.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-13-300x200.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p>Step 17: make some close up shots of the ball interacting with the machine<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"300\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-14.png\" alt=\"\" class=\"wp-image-1232\"\/><\/figure>\n\n\n\n<p>Step 18: fit a print of the real design on the machine<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"530\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-15.png\" alt=\"\" class=\"wp-image-1233\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-15.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-15-238x300.png 238w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-15-300x379.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p>Step 19: Shoot your pinball machine, and place the design on the blue- and greenkeys. Get a book on Actionscript 3 and make a flash version of the machine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"310\" src=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-16.png\" alt=\"\" class=\"wp-image-1234\" srcset=\"https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-16.png 420w, https:\/\/jan.decoster.studio\/wp-content\/uploads\/2025\/09\/image-16-300x221.png 300w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/jandecoster.wordpress.com\/wp-content\/uploads\/2010\/10\/step17_closeups-e1286909601456.jpg\" target=\"_blank\" rel=\"noopener\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the summer of 2010 I was commissioned by Tequila\/Agency to build a hyper-realistic pinball game, to fit in their launch campaign for the new Nissan Juke. A small SUV city car. As cool as the end result looks, the process of getting here is even cooler. Below you can see a small collection of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1228,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-installations"],"_links":{"self":[{"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/posts\/1217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1217"}],"version-history":[{"count":1,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/posts\/1217\/revisions"}],"predecessor-version":[{"id":1235,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/posts\/1217\/revisions\/1235"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=\/wp\/v2\/media\/1228"}],"wp:attachment":[{"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jan.decoster.studio\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}