{"id":6421,"date":"2020-06-06T12:44:11","date_gmt":"2020-06-06T10:44:11","guid":{"rendered":"https:\/\/magic.magic-holo.com\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/"},"modified":"2024-10-10T02:08:23","modified_gmt":"2024-10-10T00:08:23","slug":"what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map","status":"publish","type":"post","link":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/","title":{"rendered":"What is the difference between bump map, normal map, normal parallax map and displacement map?"},"content":{"rendered":"

How do <\/span><\/span>bump<\/span><\/span>, Normal-, <\/span><\/span>parallax<\/span><\/span> Normal and <\/span><\/span>displacement<\/span><\/span> map?<\/span><\/span><\/h2>\n

What are the advantages and disadvantages?
\nWhat is used for what? <\/span><\/h4>\n<\/div>

As a company specializing in 3D presentations<\/strong>, we often receive inquiries about the differences between the various techniques used in the 3D sector.
\nWe are of course happy to answer these questions and would also like to provide interested parties with some helpful information on this topic in our blog. <\/em><\/span><\/p>\n<\/div>

\n

In this context, this article is intended to provide an initial insight into common methods for designing textures<\/strong>.
\nWe would like to briefly introduce<\/strong> the bump map, normal map, parallax normal map and displacement map methods and<\/strong> outline the main advantages and disadvantages as well as fields of application<\/strong>. <\/em><\/span><\/p>\n<\/blockquote>\n<\/div>

Each of the techniques<\/strong> – which can also be combined with each other<\/strong> – is characterized by individual strengths and weaknesses<\/strong>. For the sake of better comprehensibility and greater clarity, we have avoided technical jargon as far as possible, so that 3D professionals may find some of the illustrations blurred. <\/p>\n<\/div>

<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

1.<\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

What is a <\/span><\/span>bump<\/span><\/span> map and what is it used for?<\/span><\/span><\/h2>\n<\/div>

EVERYTHING BRIEFLY SUMMARIZED<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>
<\/span><\/div>

Main feature: Illusion of depth is created, geometry is not changed.
\n(spherical edges remain round) <\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

Bump maps – sometimes just called “bumps” for short – are one of the older types of map and were developed by James F. Blinn back in 1978. They can be used to increase the richness of detail of three-dimensional objects without increasing the complexity or resolution of the model<\/strong>. In a sense, it is a trick that gives a model the illusion of depth<\/strong>, whereby the unevenness on the surface is merely simulated. In this context, experts say that the geometry of the object does not change. The images consist of different shades of gray, black and white<\/strong>. However, the color information is only limited<\/strong> to 8 bits or 256 different shades<\/strong>. In practice, the technique is mainly used to display details<\/strong> on (3D) models. These can be skin folds or animal scales, for example<\/strong>. <\/p>\n<\/div>

<\/div><\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>

How do <\/span><\/span>Bump<\/span><\/span> Maps ?<\/span><\/span><\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>
\"Before\"\"Afterwards\"
<\/div>
<\/div><\/div>
<\/span><\/span><\/div><\/div><\/div>

Bump maps work like computer binary systems.
\nInstead of “1” or “0” , however, they tell the 3D software either “up” or “brighter” or “down” or “darker”<\/strong>.
\nThe color representation ranges from deep black (value: 0)<\/strong> to pure white (value: 255)<\/strong>.
\nThe human eye interprets the different shades of gray on the surface of the model as differences in height or details.
\nAccordingly, objects with uniform shades of gray appear less detailed and those with a wider range of shades of gray appear more detailed. <\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

What are the advantages and disadvantages of bump maps?<\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

Bump maps require little computing power<\/strong>.
\nIn addition, they can be created and modified with relatively little effort<\/strong> using common 2D or 3D programs – including Photoshop.
\nIn view of the low requirements, the result is quite appealing.
\nHowever, at unsuitable<\/strong> – usually very flat – viewing angles<\/strong>, the display appears unrealistically distorted<\/strong>.
\nBecause it is ultimately only an illusion<\/strong>, the silhouette does not change. <\/span><\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

2.<\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

What is a NORMAL map and what is it used for?<\/span><\/h2>\n<\/div>

ALL INFORMATION AT A GLANCE<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Normal maps are a further development of bumps<\/strong>.
\nHere, too, the (depth) details<\/strong> that make a model appear more realistic are merely an illusion<\/strong>.
\nThe technology is mainly used in computer and video games as well as modern smartphone games<\/strong>.
\nA distinction can also be made between object space maps and tangent space maps<\/strong>.
\nWhile the former are well suited to static objects<\/strong>, the latter are particularly effective with characters<\/strong>. <\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>

The special features of the Parallax Normal Map<\/span><\/h3>\n<\/div>

The parallax normal map is a variant of the normal map<\/strong>, but it is so important that it deserves its own paragraph.
\nThe process was developed by a group led by Tomomichi Kaneko in 2001.
\nHere, object surfaces are given a more pronounced depth<\/strong> and appear even more realistic<\/strong> without significantly increasing the computational effort<\/strong>.
\nIn contrast to the other methods presented so far, the respective viewing angle is explicitly taken into account.
\nThis is because the technology relies on shifting the texture coordinates of each pixel using a function of the viewing angle<\/strong>.
\nIf the viewing angle<\/strong> is flatter, the texture coordinates shift more<\/strong> and create an impressive plasticity thanks to the so-called parallax effect<\/strong>.
\nThis map is particularly suitable for giving an illusion of depth to floor or wall areas<\/strong> that are not too large. <\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>

How do <\/span><\/span>Normal<\/span><\/span> Maps ?<\/span><\/span><\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

The illusion provided by normal maps is somewhat more complex.
\nThis is because RGB textures<\/strong> are used here instead of grayscale images.
\nIn three-dimensional space, these represent positions in a coordinate system on the X, Y and Z axes.
\nThis means that each red, green or blue color information represents the X, Y or Z dimension.<\/strong>
\nAccordingly, RGB information shows the 3D program the orientation of a specific polygon and its shading<\/strong>. <\/p>\n<\/div>

<\/div><\/div><\/div>

What are the advantages and disadvantages of normal maps?<\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

Normal maps deliver better results than bumps in various scenarios<\/strong> and are passably integrated<\/strong> into most graphics program models.
\nHowever, they share some typical weaknesses – such as their dependence on the viewing angle<\/strong>.
\nIn general, the steeper the angle, the weaker the effect.
\nHere too, the geometry of the object surface remains unchanged<\/strong>.
\nHowever, the creation and modification is more difficult with many classic 2D graphics programs such as Photoshop<\/strong>.
\nNevertheless, there are a few exceptions, such as the software Mari. <\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

3.<\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

What is a DISPLACEMENT map and what is it used for?<\/span><\/h2>\n<\/div>

THE OVERVIEW – ALL INFORMATION<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

A displacement map can be used to modify object surfaces<\/strong> so that they appear significantly more realistic and detailed<\/strong>.
\nIn contrast to the other methods, however, this is done by changing the object geometry<\/strong>.
\nThis means that the polygon mesh of the object also changes.
\nThe technology is used, for example, in sophisticated projects in the field of virtual or augmented reality<\/strong> and is also particularly suitable for large-scale modifications<\/strong>, where other maps sometimes reach their limits. <\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>

How do <\/span><\/span>Displacement<\/span><\/span> maps ?<\/span><\/span><\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

Like bumps, displacement maps also consist of values from different shades of gray<\/strong>.
\nHowever, the color information is not limited to 8 bits.
\nRather, maps with 16 or 32 bits<\/strong> – and a correspondingly larger number of color tones – can also<\/strong> be created.
\nThis almost always improves the display and minimizes disturbances<\/strong> such as artefacts.
\nBefore the map is created, the complex polygon mesh<\/strong> of the respective object is usually subdivided<\/strong> into areas that are easier to handle<\/strong> – such as triangles or squares. <\/p>\n<\/div>

<\/div><\/div><\/div>

What are the advantages and disadvantages of displacement maps?<\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

In contrast to many other methods,<\/strong> displacement mapschange the geometry of the object<\/strong>.
\nThis prevents the “illusion from collapsing” when parameters such as the viewing angle change.
\n Both a high-resolution model and a simple object can<\/strong> serve as the basis<\/strong>, which is then given additional details.
\nHowever, creating the new geometries in real time places considerable demands on systems and 3D programs<\/strong>.
\nUsers must decide individually for each project whether this greater effort<\/strong> – compared to the other techniques – outweighs the expected benefits. <\/p>\n<\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

4.<\/span><\/p>\n<\/div>

<\/div><\/div><\/div>

Software tip<\/span><\/h2>\n<\/div>

THIS HELPS TO CREATE THE MAPS<\/p>\n<\/div>

<\/div>
<\/div><\/div>
<\/div>

Crazy Bump<\/a> is a small software tool to easily generate bump, normal, spec or displacement maps. Photos or textures can be fed in here. The software generates the required maps – without any detours, e.g. via Photoshop. <\/p>\n<\/div>

<\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div>

What is the future of <\/span><\/span>bump<\/span><\/span>-normal or <\/span><\/span>displacement<\/span><\/span> mapping. <\/span><\/span> <\/span><\/span><\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>

It is not yet possible to say exactly which direction it will take in the future.
The fact is<\/strong> that development is progressing rapidly in all areas and the various 3D software programs and rendering engines are completely integrating or simplifying many techniques.<\/p>\n

A super exciting approach is that of Unreal Engine with the two new core technologies Nanite and Lumen.<\/strong> This could revolutionize the entire mapping process as we have it today.<\/p>\n<\/div>

<\/div><\/div><\/div>

A great video – really impressive what will soon be possible.<\/span><\/span><\/span><\/span><\/span><\/h3>\n<\/div>
<\/div>
<\/div><\/div>
<\/div>
<\/div>
<\/div>

You are currently viewing a placeholder content from YouTube<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> More Information<\/a> <\/div>

Unblock content<\/a> Accept required service and unblock content<\/a> <\/div> <\/div> <\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div>
<\/div>
<\/path><\/svg><\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div><\/div><\/div>

Do you need a high-quality 3D animation or 3D visualization?
\nThen please contact us without obligation – we will be happy to advise you.<\/strong> <\/span><\/h3>\n<\/div>
CONTACT<\/span><\/a><\/div>
<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4088,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[256],"tags":[],"class_list":["post-6421","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en"],"yoast_head":"\nWhat is the difference between bump map, normal map, normal parallax map and displacement map? - Magic Holo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the difference between bump map, normal map, normal parallax map and displacement map?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/\" \/>\n<meta property=\"og:site_name\" content=\"Magic Holo\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-06T10:44:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-10T00:08:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"mangold\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mangold\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"37 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/\"},\"author\":{\"name\":\"mangold\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#\\\/schema\\\/person\\\/0b1abe28497ec27bf568096a7d856e94\"},\"headline\":\"What is the difference between bump map, normal map, normal parallax map and displacement map?\",\"datePublished\":\"2020-06-06T10:44:11+00:00\",\"dateModified\":\"2024-10-10T00:08:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/\"},\"wordCount\":7490,\"publisher\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Magic-3D-blog.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/\",\"url\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/\",\"name\":\"What is the difference between bump map, normal map, normal parallax map and displacement map? - Magic Holo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Magic-3D-blog.jpg\",\"datePublished\":\"2020-06-06T10:44:11+00:00\",\"dateModified\":\"2024-10-10T00:08:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#primaryimage\",\"url\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Magic-3D-blog.jpg\",\"contentUrl\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Magic-3D-blog.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is the difference between bump map, normal map, normal parallax map and displacement map?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/\",\"name\":\"Magic Holo \u2013 Hologramm Projektoren, Hologramm Erstellung, Showroom & Service\",\"description\":\"Die Magie der faszinierenden Darstellung\",\"publisher\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#organization\",\"name\":\"Magic Holo\",\"url\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Lg_rgb_MH_WortBildmarke_cb2.png\",\"contentUrl\":\"https:\\\/\\\/magic-holo.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Lg_rgb_MH_WortBildmarke_cb2.png\",\"width\":1368,\"height\":430,\"caption\":\"Magic Holo\"},\"image\":{\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/#\\\/schema\\\/person\\\/0b1abe28497ec27bf568096a7d856e94\",\"name\":\"mangold\",\"sameAs\":[\"https:\\\/\\\/magic-holo.com\"],\"url\":\"https:\\\/\\\/magic-holo.com\\\/en\\\/author\\\/mangold\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is the difference between bump map, normal map, normal parallax map and displacement map? - Magic Holo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/","og_locale":"en_US","og_type":"article","og_title":"What is the difference between bump map, normal map, normal parallax map and displacement map?","og_url":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/","og_site_name":"Magic Holo","article_published_time":"2020-06-06T10:44:11+00:00","article_modified_time":"2024-10-10T00:08:23+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg","type":"image\/jpeg"}],"author":"mangold","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mangold","Est. reading time":"37 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#article","isPartOf":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/"},"author":{"name":"mangold","@id":"https:\/\/magic-holo.com\/en\/#\/schema\/person\/0b1abe28497ec27bf568096a7d856e94"},"headline":"What is the difference between bump map, normal map, normal parallax map and displacement map?","datePublished":"2020-06-06T10:44:11+00:00","dateModified":"2024-10-10T00:08:23+00:00","mainEntityOfPage":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/"},"wordCount":7490,"publisher":{"@id":"https:\/\/magic-holo.com\/en\/#organization"},"image":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#primaryimage"},"thumbnailUrl":"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/","url":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/","name":"What is the difference between bump map, normal map, normal parallax map and displacement map? - Magic Holo","isPartOf":{"@id":"https:\/\/magic-holo.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#primaryimage"},"image":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#primaryimage"},"thumbnailUrl":"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg","datePublished":"2020-06-06T10:44:11+00:00","dateModified":"2024-10-10T00:08:23+00:00","breadcrumb":{"@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#primaryimage","url":"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg","contentUrl":"https:\/\/magic-holo.com\/wp-content\/uploads\/2017\/03\/Magic-3D-blog.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/magic-holo.com\/en\/what-is-the-difference-between-bump-map-normal-map-normal-parallax-map-and-displacement-map\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magic-holo.com\/en\/"},{"@type":"ListItem","position":2,"name":"What is the difference between bump map, normal map, normal parallax map and displacement map?"}]},{"@type":"WebSite","@id":"https:\/\/magic-holo.com\/en\/#website","url":"https:\/\/magic-holo.com\/en\/","name":"Magic Holo \u2013 Hologramm Projektoren, Hologramm Erstellung, Showroom & Service","description":"Die Magie der faszinierenden Darstellung","publisher":{"@id":"https:\/\/magic-holo.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magic-holo.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magic-holo.com\/en\/#organization","name":"Magic Holo","url":"https:\/\/magic-holo.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magic-holo.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/magic-holo.com\/wp-content\/uploads\/2024\/05\/Lg_rgb_MH_WortBildmarke_cb2.png","contentUrl":"https:\/\/magic-holo.com\/wp-content\/uploads\/2024\/05\/Lg_rgb_MH_WortBildmarke_cb2.png","width":1368,"height":430,"caption":"Magic Holo"},"image":{"@id":"https:\/\/magic-holo.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/magic-holo.com\/en\/#\/schema\/person\/0b1abe28497ec27bf568096a7d856e94","name":"mangold","sameAs":["https:\/\/magic-holo.com"],"url":"https:\/\/magic-holo.com\/en\/author\/mangold\/"}]}},"_links":{"self":[{"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/posts\/6421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/comments?post=6421"}],"version-history":[{"count":5,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/posts\/6421\/revisions"}],"predecessor-version":[{"id":7570,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/posts\/6421\/revisions\/7570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/media\/4088"}],"wp:attachment":[{"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/media?parent=6421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/categories?post=6421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magic-holo.com\/en\/wp-json\/wp\/v2\/tags?post=6421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}