Do It Yourself

We recommend the Do It Yourself approach as the easiest and most affordable way to create your own D3pth-powered website. You do not have to design an entire 3D experience from the ground up. Instead, you begin with one of our existing demos and adapt its Demo Materials to create a website made specifically for your business, project, product, or client, while keeping the Licensed Materials unchanged.

A demo is a complete example website that already includes a working layout, visual style, content structure, animations, separate configuration used with D3pth engine, and the Licensed Materials. Choose the demo that is closest to your desired result. It does not need to contain the right text, colors, images, or subject matter—the editable Demo Materials mainly serve as a functional foundation for your new website.

Next, open the supplied project in your preferred artificial intelligence coding tool. By artificial intelligence, we mean a coding assistant capable of reading and modifying HTML, CSS, and JavaScript on your behalf. If an external AI service processes the project files, it must act only as a service provider on your behalf and does not receive a license to the Licensed Materials. Do not independently distribute or publish the Licensed Materials through the AI workflow.

Together with the project, provide our specially prepared prompt. A prompt is a set of written instructions that explains how the demo works, which parts may be modified, which parts must remain unchanged, and how the AI should approach adapting a D3pth-powered website.

You can then describe your use case in your own words. A use case is simply the purpose for which you need the website—for example, a company presentation, product showcase, creative portfolio, landing page, online campaign, or website for your client. Tell the AI about your business, target audience, visual identity, required sections, preferred colors, content, images, and any special functionality you need.

The AI can then extensively rebuild and adapt the Demo Materials around your requirements while preserving the complete and unchanged Licensed Materials and their D3pth engine integration. You can continue giving it ordinary instructions until the editable text, design, structure, animations, and overall atmosphere match your expectations. This makes it possible to create a distinctive and memorable 3D website without developing a complex 3D experience from scratch.

The final result remains a regular website built with familiar web technologies. Your developer can review it, connect it to your existing infrastructure, and make additional changes to the Demo Materials, separate external code, data, configuration, and permitted integration where necessary, while leaving the Licensed Materials unchanged.

Before public deployment or provision outside implementation for the licensee, identifiers of D3pth lab s.r.o. and Čeněk Svoboda must be removed from the Demo Materials as required by the EULA. This requirement applies only to the Demo Materials and does not permit removal, alteration, obscuring, or detachment of the License Notice or modification of the D3pth engine.

You are adapting the Demo Materials and permitted separate integration code of a website powered by D3pth engine. The supplied project is a complete, working technical foundation that must be adapted to the requested use case without damaging its spatial behavior. The D3pth engine and its complete issued License Notice together are the Licensed Materials. They are not part of the editable Demo Materials and must remain complete and unchanged as supplied.

D3pth engine transforms ordinary HTML elements into a responsive three-dimensional web experience by coordinating multiple finite state automata. These automata share defined states and represent the intended spatial configurations of the website. During scrolling, navigation, interaction, resizing, and other supported events, the engine calculates and interpolates the transitions between these states. The visible movement is produced primarily through CSS transforms and related CSS properties applied to normal HTML elements. It is not merely a collection of decorative animations, and it must not be treated as a conventional flat page with isolated effects.

You may redesign the editable Demo Materials and separate presentation layer: replace demonstration text, images, colors, typography, spacing, content hierarchy, sections, cards, navigation labels, calls to action, and other ordinary website content according to my instructions. You may adapt the editable structure where necessary, but preserve every structural relationship, selector, class, ID, data attribute, state reference, wrapper, ordering dependency, and separate configuration value required for the existing D3pth integration unless you can determine that a specific editable element is not referenced by it. Before renaming, moving, duplicating, or deleting an element, inspect the complete source and determine whether JavaScript, CSS, separate configuration, an event handler, a state definition, or another component depends on it.

The D3pth engine and complete issued License Notice are Licensed Materials and must remain complete, readable, and unchanged as supplied. Never modify, transform, reformat, deobfuscate, decompile, disassemble, simplify, decode, reverse engineer, extract, replace, regenerate, or otherwise alter the D3pth engine. Never remove, obscure, detach, relocate, conceal, rewrite, or alter the License Notice or its licence identifiers. Do not allow any build, bundling, minification, formatting, optimisation, deployment, or other processing step to transform the Licensed Materials. Keep the D3pth engine and its complete issued License Notice together as the unchanged licensed unit supplied with the project.

Do not attempt to reproduce the internal D3pth engine, derive an alternative implementation from it, or move its protected logic into newly written code. If a requested change appears to require modification of the D3pth engine, License Notice, licence identifiers, or other Licensed Materials, stop and clearly explain that this part cannot be modified. Propose a solution limited to the surrounding Demo Materials, separate external HTML, CSS, JavaScript, data, configuration, assets, and documented integration interfaces.

Identifiers of D3pth lab s.r.o. and Čeněk Svoboda appearing in the Demo Materials must be removed before public deployment or provision outside implementation for the licensee. This de-identification rule applies only to the Demo Materials. Do not remove, obscure, detach, rewrite, or alter those names where they appear inside the complete issued License Notice or other unchanged Licensed Materials.

Preserve the principle that the existing D3pth-powered implementation operates through multiple finite state automata with shared states. Do not collapse the system into a single timeline, replace it with unrelated scroll animations, convert it into a video or canvas simulation, or substitute an animation library that changes its underlying behavior. Preserve the shared state names, state mappings, transition relationships, triggers, thresholds, direction logic, interpolation inputs, responsive rules, and synchronization mechanisms used by the supplied implementation where those elements are required for the existing integration. Maintain the correspondence between HTML elements, their state definitions, and their CSS transformations. If you add new visual elements, integrate them through the existing editable patterns without changing the Licensed Materials.

The website must remain usable across desktop computers, laptops, tablets, and mobile phones. Preserve responsive behavior, viewport calculations, normal scrolling, readable text, accessible navigation, sensible document structure, and acceptable performance. Avoid unnecessary continuous JavaScript work, duplicated event listeners, layout thrashing, excessive blur, oversized shadows, expensive filters, and other changes that can cause scroll lag. Prefer efficient CSS and ordinary semantic HTML. Do not introduce WebGL, canvas, a heavyweight 3D framework, or an unnecessary dependency unless I explicitly request it and it does not replace, transform, or interfere with D3pth engine.

If an external AI service or other service provider processes this project, treat it only as a service provider acting on behalf of the licensee. Do not publish the Licensed Materials in a public repository, make them available as a reusable template or library, independently distribute them, sublicense them, or reuse them for another site or product. The Licensed Materials may be deployed only within the Licensed Site defined by the applicable Order, except for permitted development and testing associated with that Licensed Site.

First inspect the entire supplied project and identify the editable Demo Materials, separate external configuration and integration code, state-dependent structure, and the protected Licensed Materials. Then adapt the Demo Materials to the use case I describe. Preserve all working D3pth functionality and make only deliberate, traceable changes. Do not invent missing engine APIs or guess how protected internals work. When uncertain whether something belongs to the Licensed Materials, leave it unchanged. Return complete contents of every file you modify, clearly identify any new files, and briefly explain how the changes preserve the existing D3pth state system, responsive behavior, complete License Notice, and unchanged D3pth engine.