Posts tagged “ultrapaint” — Blog of independent game and app developer Matt Sephton. Featuring vintage Macintosh, game development, digital artwork, Japanese esoterica, video game reviews, hacks and tips, and much more. https://blog.gingerbeardman.com/tag/ultrapaint/ Mon, 06 Jul 2026 14:37:40 +0000 Mon, 06 Jul 2026 14:37:40 +0000 Jekyll v4.4.1 <p>I received a package from America: the 30-year-old manual for UltraPaint, Deneba Systems’ Macintosh graphics program. It doesn’t get much more exciting for me than this!</p> <div class="carousel__holder"> <div id="carousel0" class="carousel"> <input class="carousel__activator" type="radio" name="carousel0" id="0a" checked="checked" /> <input class="carousel__activator" type="radio" name="carousel0" id="0b" /> <input class="carousel__activator" type="radio" name="carousel0" id="0c" /> <input class="carousel__activator" type="radio" name="carousel0" id="0d" /> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0d"></label> <label class="carousel__control carousel__control--forward" for="0b"></label> </div> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0a"></label> <label class="carousel__control carousel__control--forward" for="0c"></label> </div> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0b"></label> <label class="carousel__control carousel__control--forward" for="0d"></label> </div> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0c"></label> <label class="carousel__control carousel__control--forward" for="0a"></label> </div> <div class="carousel__track"> <ul> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-1.JPG');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-1.JPG" /></li> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-2.JPG');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-2.JPG" /></li> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-3.JPG');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-3.JPG" /></li> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-4.JPG');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-4.JPG" /></li> </ul> </div> <div class="carousel__indicators"> <label class="carousel__indicator" for="0a"></label> <label class="carousel__indicator" for="0b"></label> <label class="carousel__indicator" for="0c"></label> <label class="carousel__indicator" for="0d"></label> </div> </div> </div> <style> .carousel__holder {width: 100%; position: relative; padding-bottom: 100%; margin: 1rem 0 1rem;} .carousel { height: 100%; width: 100%; overflow: hidden; text-align: center; position: absolute; padding: 0; } .carousel__controls, .carousel__activator { display: none; } .carousel__activator:nth-of-type(1):checked ~ .carousel__track { -webkit-transform: translateX(-000%); transform: translateX(-000%); } .carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) { display: block; opacity: 1; } .carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) { opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__track { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) { display: block; opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) { opacity: 1; } .carousel__activator:nth-of-type(3):checked ~ .carousel__track { -webkit-transform: translateX(-200%); transform: translateX(-200%); } .carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) { display: block; opacity: 1; } .carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) { opacity: 1; } .carousel__activator:nth-of-type(4):checked ~ .carousel__track { -webkit-transform: translateX(-300%); transform: translateX(-300%); } .carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) { display: block; opacity: 1; } .carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) { opacity: 1; } .carousel__control { height: 30px; width: 30px; margin-top: -15px; top: 50%; position: absolute; display: block; cursor: pointer; border-width: 5px 5px 0 0; border-style: solid; opacity: 0.35; opacity: 1; outline: 0; z-index: 3; color: #fafafa; mix-blend-mode: difference; } .carousel__control:hover { opacity: 1; } .carousel__control--backward { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .carousel__control--forward { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .carousel__indicators { position: absolute; bottom: 20px; width: 100%; text-align: center; } .carousel__indicator { height: 10px; width: 10px; border-radius: 100%; display: inline-block; z-index: 2; cursor: pointer; opacity: 0.35; margin: 0 2.5px 0 2.5px; } .carousel__indicator:hover { opacity: 0.75; } .carousel__track { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } .carousel__track .carousel__slide { display: block; top: 0; left: 0; right: 0; opacity: 1; } .carousel__track .carousel__slide:nth-of-type(1) { -webkit-transform: translateX(000%) translateZ(0); transform: translateX(000%) translateZ(0); } .carousel__track .carousel__slide:nth-of-type(2) { -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); } .carousel__track .carousel__slide:nth-of-type(3) { -webkit-transform: translateX(200%) translateZ(0); transform: translateX(200%) translateZ(0); } .carousel__track .carousel__slide:nth-of-type(4) { -webkit-transform: translateX(300%) translateZ(0); transform: translateX(300%) translateZ(0); } .carousel--scale .carousel__slide { -webkit-transform: scale(0); transform: scale(0); } .carousel__slide { height: 100%; position: absolute; opacity: 0; overflow: hidden; } .carousel__slide .overlay {height: 100%;} .carousel--thumb .carousel__indicator { height: 30px; width: 30px; } .carousel__indicator { background-color: #fafafa; } .carousel__slide:nth-of-type(1), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 { background-size: cover; background-position: center; } .carousel__slide:nth-of-type(2), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 { background-size: cover; background-position: center; } .carousel__slide:nth-of-type(3), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3 { background-size: cover; background-position: center; } .carousel__slide:nth-of-type(4), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4 { background-size: cover; background-position: center; } </style> <script> function isVisible(el) { while (el) { if (el === document) { return true; } var $style = window.getComputedStyle(el, null); if (!el) { return false; } else if (!$style) { return false; } else if ($style.display === 'none') { return false; } else if ($style.visibility === 'hidden') { return false; } else if (+$style.opacity === 0) { return false; } else if (($style.display === 'block' || $style.display === 'inline-block') && $style.height === '0px' && $style.overflow === 'hidden') { return false; } else { return $style.position === 'fixed' || isVisible(el.parentNode); } } } setInterval(function(){ var j=0; var elements = document.querySelectorAll('#carousel0 .carousel__control--forward'); for(i=(elements.length - 1);i>-1;i--) { if(isVisible(elements[i])) j=i; } elements[j].click(); },7000); </script> <p>I love how the Option key in printed material from this era looks more like a 2-way switch symbol from an electrical circuit diagram than it does today.</p> <p><img src="https://cdn.gingerbeardman.com/images/posts/ultrapaint-manual-option-key.JPG" alt="JPG" /></p> <h2 id="similar-books">Similar Books</h2> <p>The contents of the manual are very naïve compared to today, talking you through how to use menu items and dialog boxes. UltraPaint (and it’s follow-up artWORKS) was a sister app to Canvas. If you’re looking for something with the same tone and content as the manual, check out Deke McClelland’s <a href="https://archive.org/details/canvas30book00mccl">Canvas 3.0: The Book</a> over at Internet Archive.</p> <h2 id="dear-reader">Dear Reader</h2> <p>If by chance you have some old Deneba Systems software for Macintosh that you’d be happy to sell then please <a href="https://www.gingerbeardman.com">get in touch</a>. Specifically I’d like to buy copies of UltraPaint, artWORKS and Canvas 3.0 or 3.5. I don’t mind what condition they are in, I’m sure it adds character!</p> by Matt Sephton Tue, 06 Apr 2021 00:00:00 +0000 https://blog.gingerbeardman.com/2021/04/06/ultrapaint-manual/ https://blog.gingerbeardman.com/2021/04/06/ultrapaint-manual/ <p>I just finished increasing the size of toolbar icons in Deneba artWorks from 24x16 to 24x24.</p> <p>Easily done by finding the dialog that contains these icons, and resizing the canvas of each related PICT.</p> <p>Several trips between ResEdit and Photoshop (version 1.0!) and I was done.</p> <p class="tofigure"><img src="https://cdn.gingerbeardman.com/images/posts/macintosh-toolbar-resedit-1.png" alt="PNG" title="Toolbar size before and after editing" /></p> <p>This is to make the tool buttons easier to tap with my thumb when running System 7 on iPad.</p> <p>I love this “hackable” nature of early Macintosh systems. Palm OS is very similar in that regard.</p> <p>Why moan about an app not being to your liking when you can DIY!?</p> <p class="tofigure"><img src="https://cdn.gingerbeardman.com/images/posts/macintosh-toolbar-resedit-3.png#pixel" alt="PNG" title="Editing the image of a toolbar item using ResEdit" /></p> by Matt Sephton Sun, 28 Mar 2021 00:00:00 +0000 https://blog.gingerbeardman.com/2021/03/28/changing-the-size-of-toolbar-items-using-resedit/ https://blog.gingerbeardman.com/2021/03/28/changing-the-size-of-toolbar-items-using-resedit/