{"id":43,"date":"2010-04-03T14:46:25","date_gmt":"2010-04-03T12:46:25","guid":{"rendered":"http:\/\/blog.teleranek.org\/?p=43"},"modified":"2025-06-29T12:29:14","modified_gmt":"2025-06-29T10:29:14","slug":"3doodler-online-3d2d-sketch-pad","status":"publish","type":"post","link":"https:\/\/blog.teleranek.org\/?p=43","title":{"rendered":"3Doodler &#8211; online 3D\/2D sketch pad"},"content":{"rendered":"<p><a href=\"http:\/\/3doodler.teleranek.org\">3Doodler<\/a> is&#8230; I will save my work and just ctrlv-ctrlc this paragraph from 3Doodler&#8217;s <a href=\"http:\/\/3doodler.teleranek.org\/help\/#intro\">help<\/a>:<\/p>\n<blockquote><p>3Doodler is one and half in one application. You can use it to generate 2D images ( simply by drawing them on canvas ) or to generate\/texturize 3D models ( thus the number 3 in front of the application&#8217;s name ). 3Doodler took its name from merging of 2 expressions: &#8220;doodle&#8221; and &#8220;3D&#8221; which means the third dimension. So you can either doodle on 2D canvases or doodle on 3 dimensional models, or create new models by doodling on 2D canvas.  In the end of this help, you will find some screencasts which explains how to complete certain tasks in 3Doodler, however these demos weren&#8217;t made by the real artist, so their artistic value is negligible.<br \/>\nAfter you finish your work, your doodles\/sketches\/models won&#8217;t go into the abyss of oblivion &#8211; by clicking &#8220;save&#8221;, you will store your sketch, and even replay of your work on server &#8211; this means that you can share your sketches with other people. When you create a new model, you won&#8217;t be able to save it on server &#8211; but you can save your work on your disk.<\/p><\/blockquote>\n<p>I&#8217;ve just quoted myself, so probably the quoting isn&#8217;t necessary, but&#8230; whatever.<br \/>\nTo make this post more eye-catching, I will put some screenshots. From the logical point of view, they aren&#8217;t necessary, because you can just click <a href=\"http:\/\/3doodler.teleranek.org\">this<\/a> link and check everything out by yourself, but everything what concerns things like design,look and appearance isn&#8217;t too logical ( look at the appearance of some <a href=\"http:\/\/www.superiorgossip.com\/wp-content\/uploads\/2009\/09\/lady-gaga-red-vmas-1-644x897.jpg\">currently<\/a> famous celebs, not too logical :) )<\/p>\n<p>This is the 2D sketchpad ui ( ok, maybe not entire UI, I&#8217;ve cropped upper main menu and cut some grass on the bottom )<a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-45\" title=\"fire img\" src=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-1-300x208.png\" alt=\"\" width=\"300\" height=\"208\" srcset=\"https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-1-300x208.png 300w, https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-1.png 798w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n2D sketchpad uses different brushes: textured ones, photoshop-like ones, sprays.<br \/>\nThe spray uses gaussian probability density function to make spray look more natural. Different sprays uses different blendModes.<br \/>\nThere are also 3 special brushes I&#8217;ve &#8220;ripped off&#8221; ( he didn&#8217;t provide a source code, so I had several sleepless nights of working out how he did this ) of awesome Peter Blaskovic&#8217;s &#8220;Flame&#8221; &#8211; <a href=\"http:\/\/www.escapemotions.com\/experiments\/flame\/#top\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.escapemotions.com\/experiments\/flame\/#top<\/a> . And I didn&#8217;t manage to obtain the same great effects that he had. But I don&#8217;t surrender my weapons and will try to get a bit closer to awesomeness of his flame ;)<br \/>\nEDIT: It appears that Peter Blaskovic didn&#8217;t invent these Flame-like shapes, this is an actual existing fractal structure by Scott Draves &#8211; http:\/\/en.wikipedia.org\/wiki\/Fractal_flame , I must include these thingies into 3Doodler <\/p>\n<p>And now a few words about a 3D mode:<\/p>\n<p>This is the texture editor:<\/p>\n<p><a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-44\" title=\"model editor\" src=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-3-300x196.png\" alt=\"\" width=\"300\" height=\"196\" srcset=\"https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-3-300x196.png 300w, https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-3.png 796w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>This is a close-up to texture editor on real models:<a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-46\" title=\"model closeup\" src=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-2-300x192.png\" alt=\"\" width=\"300\" height=\"192\" srcset=\"https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-2-300x192.png 300w, https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-2.png 795w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>And this is a screenshot of &#8220;custom model painter&#8221;, you paint your models and convert them to 3D. The screenshot is using the &#8220;Color&#8221; view mode, so the textures aren&#8217;t visible, but of course you\u00a0 can change the view&#8230;<a href=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-47\" title=\"custom model\" src=\"http:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-4-300x193.png\" alt=\"\" width=\"300\" height=\"193\" srcset=\"https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-4-300x193.png 300w, https:\/\/blog.teleranek.org\/wp-content\/uploads\/2010\/03\/Obrazek-4.png 796w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Now a little bit of gossip &#8211; 3Doodler allowed me to win polish <a href=\"http:\/\/www.flexchallenge.pl\" target=\"_blank\" rel=\"noopener noreferrer\">FlexChallenge<\/a> contest : ) yaay<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3Doodler is&#8230; I will save my work and just ctrlv-ctrlc this paragraph from 3Doodler&#8217;s help: 3Doodler is one and half in one application. You can use it to generate 2D images ( simply by drawing them on canvas ) or to generate\/texturize 3D models ( thus the number 3 in front of the application&#8217;s name [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-43","post","type-post","status-publish","format-standard","hentry","category-flash-experiments"],"_links":{"self":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":8,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=\/wp\/v2\/posts\/43\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.teleranek.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}