[{"data":1,"prerenderedAt":569},["ShallowReactive",2],{"data":3,"\u002Fwiki\u002Fguides\u002Fmodel-rendering":118},[4,9,14,19,24,29,34,39,44,49,54,59,64,68,73,78,83,88,93,98,103,108,113],{"title":5,"path":6,"description":7,"id":8},"FAQ","\u002Fblockbench\u002Ffaq","Frequently Asked Questions about Blockbench","content\u002Fblockbench\u002Ffaq.md",{"title":10,"path":11,"description":12,"id":13},"Formats","\u002Fblockbench\u002Fformats","formats","content\u002Fblockbench\u002Fformats.md",{"title":15,"path":16,"description":17,"id":18},"Legacy Versions","\u002Fblockbench\u002Flegacy-versions","Blockbench version history and changelogs prior to switching to Github Releases","content\u002Fblockbench\u002Flegacy-versions.md",{"title":20,"path":21,"description":22,"id":23},"Localization","\u002Fblockbench\u002Flocalization","How to contribute to Blockbench languages","content\u002Fblockbench\u002Flocalization.md",{"title":25,"path":26,"description":27,"id":28},"Logos and Brand Assets","\u002Fblockbench\u002Flogos","Frequently Asked Questions about the Blockbench app","content\u002Fblockbench\u002Flogos.md",{"title":30,"path":31,"description":32,"id":33},"Custom Themes","\u002Fblockbench\u002Fthemes","Themes allow you to change the visual appearance of Blockbench. You can drag and drop .bbtheme files into Blockbench to load them.","content\u002Fblockbench\u002Fthemes.md",{"title":35,"path":36,"description":37,"id":38},"The .bbmodel format","\u002Fdocs\u002Fbbmodel","An overview of the .bbmodel file format","content\u002Fdocs\u002Fbbmodel.md",{"title":40,"path":41,"description":42,"id":43},"Blockbench","\u002Fdocs\u002Fblockbench","The Blockbench object provides useful variables and methods to interact with general functionality of Blockbench.","content\u002Fdocs\u002Fblockbench.md",{"title":45,"path":46,"description":47,"id":48},"Upgrading Plugins to 5.0","\u002Fdocs\u002Fplugin-upgrade-to-5.0","An overview of breaking changes in the plugin API in 5.0","content\u002Fdocs\u002Fplugin-upgrade-to-5.0.md",{"title":50,"path":51,"description":52,"id":53},"Creating a Plugin","\u002Fdocs\u002Fplugin","This article will go over the basic steps needed to create your first plugin.","content\u002Fdocs\u002Fplugin.md",{"title":55,"path":56,"description":57,"id":58},"Properties","\u002Fdocs\u002Fproperty","Properties are used to dynamically assign properties to existing classes that are undo-relevant.\nThe advantages of using properties include:","content\u002Fdocs\u002Fproperty.md",{"title":60,"path":61,"description":62,"id":63},"Interface","\u002Fdocs\u002Fui","","content\u002Fdocs\u002Fui.md",{"title":65,"path":66,"description":62,"id":67},"Undo","\u002Fdocs\u002Fundo","content\u002Fdocs\u002Fundo.md",{"title":69,"path":70,"description":71,"id":72},"Web App URL Parameters","\u002Fdocs\u002Furl-parameters","How to provide integration with the Blockbench web app using URL parameters","content\u002Fdocs\u002Furl-parameters.md",{"title":74,"path":75,"description":76,"id":77},"Utils","\u002Fdocs\u002Futility","Blockbench comes with a bunch of custom utility functions to make the life of developers easier.","content\u002Fdocs\u002Futility.md",{"title":79,"path":80,"description":81,"id":82},"Animation Expressions","\u002Fguides\u002Fanimation-expressions","Expressions in animations can be used to create dynamic animations based on math expressions, or to create systems where variables can be used to modify the transformation or state of the model, such as facial expressions","content\u002Fguides\u002Fanimation-expressions.md",{"title":84,"path":85,"description":86,"id":87},"Bedrock Modeling and Animation","\u002Fguides\u002Fbedrock-modeling","Learn how to create entity models and animations for Minecraft Bedrock Edition","content\u002Fguides\u002Fbedrock-modeling.md",{"title":89,"path":90,"description":91,"id":92},"Blockbench Overview & Tips","\u002Fguides\u002Fblockbench-overview-tips","The fundamentals of Blockbench and how to use it efficiently","content\u002Fguides\u002Fblockbench-overview-tips.md",{"title":94,"path":95,"description":96,"id":97},"Emissive Textures in Renders","\u002Fguides\u002Femissive-textures-renders","How to create elegant emissive textures in renders","content\u002Fguides\u002Femissive-textures-renders.md",{"title":99,"path":100,"description":101,"id":102},"3D Export","\u002Fguides\u002Fexport-formats","An overview of the different export formats and how to transfer your model into other programs","content\u002Fguides\u002Fexport-formats.md",{"title":104,"path":105,"description":106,"id":107},"Particles and Sounds in MC Bedrock","\u002Fguides\u002Fminecraft-particles-sounds","How to add particles and sounds effects to animations for Minecraft Bedrock Edition","content\u002Fguides\u002Fminecraft-particles-sounds.md",{"title":109,"path":110,"description":111,"id":112},"Minecraft Style Guide","\u002Fguides\u002Fminecraft-style-guide","Tips for creating art in the Minecraft style","content\u002Fguides\u002Fminecraft-style-guide.md",{"title":114,"path":115,"description":116,"id":117},"Rendering Models","\u002Fguides\u002Fmodel-rendering","Learn how to create renders of your Blockbench models","content\u002Fguides\u002Fmodel-rendering.md",{"id":117,"title":114,"body":119,"description":116,"extension":561,"meta":562,"navigation":565,"path":115,"seo":566,"stem":567,"__hash__":568},{"type":120,"value":121,"toc":545},"minimark",[122,126,130,138,143,146,300,306,311,314,317,320,323,326,329,332,335,338,342,356,359,367,370,375,386,389,398,404,411,421,427,439,448,451,463,469,476,479,486,493,496,504,516,522,531],[123,124,114],"h1",{"id":125},"rendering-models",[127,128,129],"p",{},"To get an image of your Blockbench model with realistic lighting, you need to render it in an external program. This article will go over the most popular rendering programs and explain how to create a render of your model.",[127,131,132,137],{},[133,134],"img",{"alt":135,"src":136},"Preview VS Final Render","\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002Fpreview-vs-render.png","\nThe difference between the Blockbench preview (left) and the final render (right)",[139,140,142],"h2",{"id":141},"software-choice","Software choice",[127,144,145],{},"The first step is choosing a rendering program. Usually, The higher the render quality and the more options you need, the harder the program is to learn.",[147,148,149,170],"table",{},[150,151,152],"thead",{},[153,154,155,158,161,164,167],"tr",{},[156,157],"th",{},[156,159,160],{},"3D Viewer",[156,162,163],{},"Sketchfab",[156,165,166],{},"Light Tracer",[156,168,169],{},"Blender",[171,172,173,194,211,230,248,264,283],"tbody",{},[153,174,175,182,185,188,191],{},[176,177,178],"td",{},[179,180,181],"strong",{},"Difficulty",[176,183,184],{},"Very Easy",[176,186,187],{},"Easy",[176,189,190],{},"Medium",[176,192,193],{},"Hard",[153,195,196,201,204,206,209],{},[176,197,198],{},[179,199,200],{},"Quality",[176,202,203],{},"Low",[176,205,190],{},[176,207,208],{},"High",[176,210,208],{},[153,212,213,218,221,224,227],{},[176,214,215],{},[179,216,217],{},"Features",[176,219,220],{},"1\u002F10",[176,222,223],{},"4\u002F10",[176,225,226],{},"6\u002F10",[176,228,229],{},"10\u002F10",[153,231,232,237,240,242,245],{},[176,233,234],{},[179,235,236],{},"Raytracing",[176,238,239],{},"-",[176,241,239],{},[176,243,244],{},"Yes",[176,246,247],{},"Yes, with Cycles",[153,249,250,255,257,259,262],{},[176,251,252],{},[179,253,254],{},"Transparent Background",[176,256,244],{},[176,258,244],{},[176,260,261],{},"(Paid)",[176,263,244],{},[153,265,266,271,274,277,280],{},[176,267,268],{},[179,269,270],{},"Platforms",[176,272,273],{},"Windows",[176,275,276],{},"Web",[176,278,279],{},"Windows, Mac",[176,281,282],{},"Windows, Linux, Mac",[153,284,285,290,293,295,298],{},[176,286,287],{},[179,288,289],{},"Price",[176,291,292],{},"Free",[176,294,292],{},[176,296,297],{},"Freemium",[176,299,292],{},[301,302,305],"div",{"className":303},[304],"block-info","\n    Raytracing is a rendering technique where light rays, emitted from a light source, bounce around the model and are reflected and occluded by objects in the scene. In regular real-time renderers, shadows are calculated from the object shape and blurred on the edges, and ambient occlusion is faked based on the shape of the model. Compared to that, raytracing produces a much more realistic and appealing result because it closely simulates how light works in the real world.\n",[307,308,310],"h3",{"id":309},"windows-3d-viewer","Windows 3D Viewer",[127,312,313],{},"The default Windows 3D Viewer is an easy to use, but limited viewing and rendering program for 3D models. You can render your model from different angles and set up light sources around your model.",[307,315,163],{"id":316},"sketchfab",[127,318,319],{},"Sketchfab is an online platform for sharing 3D models, similar to what YouTube is for videos. When uploading your model, you have a number of options to configure how your model is presented, including background, lighting, and rendering effects.",[127,321,322],{},"Due to the features of the 3D editor, Sketchfab is also a great option to render your models.",[307,324,166],{"id":325},"light-tracer",[127,327,328],{},"Light Tracer is an app that is focused on rendering. It is a big step up in quality compared to Sketchfab and 3D Viewer, but is is still very easy to use.",[127,330,331],{},"Light Tracer has a free browser app that has limited functionality but can still produce great results. The desktop app with full featureset is available as a subscription or a one-time purchase for $49 USD.",[307,333,169],{"id":334},"blender",[127,336,337],{},"Blender is a professional 3D modeling and rendering software. It has essentially unlimited options, but also comes with a steep learning curve.\nBlender has a similar feature set to paid 3D programs, such as Cinema 4D, 3ds Max, and Maya. If you have one of those programs, you can use them for rendering as well.",[139,339,341],{"id":340},"how-to-render","How to render",[127,343,344,345,348,349,348,352,355],{},"Before you import your model into your rendering program of choice, you need to export it in a compatible format. The format glTF is recommended for this, since it is compatible with all programs in the list, it saves everything into one file, and it even supports model hierarchy and animations. Export your model via ",[179,346,347],{},"File"," > ",[179,350,351],{},"Export",[179,353,354],{},"Export as glTF",".",[307,357,310],{"id":358},"windows-3d-viewer-1",[127,360,361,362,348,365,355],{},"Right click the exported glTF file and select ",[179,363,364],{},"Open with",[179,366,160],{},[127,368,369],{},"You can select a lighting preset in the sidebar. Below that, you can fine-tune the parameters of each light source.",[127,371,372],{},[133,373],{"alt":310,"src":374},"\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002F3d-viewer.png",[127,376,377,378,348,380,383,384,355],{},"Once you are happy with your lighting and camera angle, go to ",[179,379,347],{},[179,381,382],{},"Export Image",". Select the desired resolution and export options, and press ",[179,385,351],{},[307,387,163],{"id":388},"sketchfab-1",[127,390,391,392,348,394,397],{},"Uploading a model to Sketchfab is a built-in feature of Blockbench. Go to ",[179,393,347],{},[179,395,396],{},"Upload to Sketchfab...",", fill out the model metadata and follow the instructions to get your access token.",[127,399,400],{},[133,401],{"alt":402,"src":403},"Sketchfab Upload Dialog in Blockbench","\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002Fsketchfab-upload.png",[127,405,406,407,410],{},"Once your model is uploaded, click ",[179,408,409],{},"Edit 3D Settings"," to access the 3D editor.",[127,412,413,414,355],{},"In the 3D editor, you can configure the lighting, background and effects of your model. To learn more about lighting on Sketchfab, read ",[415,416,420],"a",{"href":417,"rel":418},"https:\u002F\u002Fsketchfab.com\u002Fblogs\u002Fcommunity\u002Fhow-to-fine-tune-your-lighting-and-shadows-on-sketchfab\u002F?utm_source=website&utm_campaign=newsfeed",[419],"nofollow","How to Fine-tune your Lighting and Shadows on Sketchfab",[127,422,423],{},[133,424],{"alt":425,"src":426},"Sketchfab 3D Settings","\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002Fsketchfab-editor.jpeg",[127,428,429,430,434,435,438],{},"Once you are happy with the result, one way to export your image is to simply take a screenshot. Most web browsers have a built-in screenshot feature. You can also take a screenshot by pressing ",[431,432,433],"code",{},"Windows Key + Shift + S"," on Windows or ",[431,436,437],{},"Command + Shift + 4"," on macOS.",[127,440,441,442,447],{},"If this isn't enough, you can also use Sketchfab's ",[415,443,446],{"href":444,"rel":445},"https:\u002F\u002Flabs.sketchfab.com\u002Fexperiments\u002Fscreenshots\u002F",[419],"Screenshot tool",". This allows you to specify an image resolution or export with a transparent background.",[307,449,166],{"id":450},"light-tracer-1",[127,452,453,454,459,460,355],{},"Open the ",[415,455,458],{"href":456,"rel":457},"https:\u002F\u002Flighttracer.org\u002Fapp.html",[419],"Light Tracer Browser App"," or the desktop app if you have it, and drag your model glTF file from your file browser into the program. On the dialog that pops up, press ",[179,461,462],{},"Replace",[127,464,465],{},[133,466],{"alt":467,"src":468},"Light Tracer Interface","\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002Flight-tracer.jpeg",[127,470,471,472,475],{},"You can position your camera using the left and right mouse button. In the Scene Explorer on the left sidebar, press ",[179,473,474],{},"Make floor"," to create a ground plane to catch shadows under the model.",[127,477,478],{},"In the map editor, you can create an environment map, which is basically an image that wraps around your model to control where light comes from. You can adjust the rotation and intensity of the map and add additional light sources.",[127,480,481,482,485],{},"In the paid version, you can also configure a back plate, a custom background that differs from the environment map. Select ",[179,483,484],{},"Gradient"," and lower the alpha value of both colors to 0 to get a transparent background.",[127,487,488,489,492],{},"Once you are happy with your angle and lighting, press the ",[179,490,491],{},"Save render to image"," button that is located in the center above the model. This will export your model as an image.",[307,494,169],{"id":495},"blender-1",[127,497,498,499,355],{},"You can download Blender from ",[415,500,503],{"href":501,"rel":502},"https:\u002F\u002Fwww.blender.org\u002Fdownload\u002F",[419],"Blender.org - Download",[127,505,506,507,348,509,348,512,515],{},"After opening Blender, make sure to delete the default cube by pressing Delete and confirming the pop up. Now navigate to ",[179,508,347],{},[179,510,511],{},"Import",[179,513,514],{},"glTF 2.0",", and open your model file.",[127,517,518],{},[133,519],{"alt":520,"src":521},"Blender Interface","\u002Fimages\u002Fwiki\u002Fguides\u002Frendering\u002Fblender.png",[127,523,524,525,530],{},"This article won't go in depth about setting up the camera and lighting in Blender, but here is a great ",[415,526,529],{"href":527,"rel":528},"https:\u002F\u002Fyoutu.be\u002F5UCc3Z_-ibs",[419],"tutorial video"," about it.",[127,532,533,534,537,538,348,541,544],{},"Once you are happy with your lighting, press ",[179,535,536],{},"F12"," to render your model. Go to ",[179,539,540],{},"Image",[179,542,543],{},"Save"," to export your render as a PNG image.",{"title":62,"searchDepth":546,"depth":547,"links":548},2,3,[549,555],{"id":141,"depth":546,"text":142,"children":550},[551,552,553,554],{"id":309,"depth":547,"text":310},{"id":316,"depth":547,"text":163},{"id":325,"depth":547,"text":166},{"id":334,"depth":547,"text":169},{"id":340,"depth":546,"text":341,"children":556},[557,558,559,560],{"id":358,"depth":547,"text":310},{"id":388,"depth":547,"text":163},{"id":450,"depth":547,"text":166},{"id":495,"depth":547,"text":169},"md",{"authors":563},[564],"JannisX11",true,{"title":114,"description":116},"guides\u002Fmodel-rendering","N2pA05CsHGchvPQrqsBqP_t1ZVxt29FRi5Y3ERiWW5c",1777729486724]