
Open
Posted
Paid on delivery
Entwicklung einer interaktiven Web-Visualisierung, die das Modell ausschließlich in Kanten-/Drahtgitterdarstellung (vergleichbar mit der CREO- bzw. SolidWorks-Edge-View) auf schwarzem Hintergrund zeigt. In einer automatisch ablaufenden Kameratour werden nacheinander einzelne Baugruppen isoliert, optisch hervorgehoben (Glow) und mit einer Textbeschreibung erklärt. Der Nutzer kann jederzeit pausieren und einzelne Baugruppen per Klick selbst ansteuern. 2. Funktionale Anforderungen 2.1 Darstellung des Modells • Das gesamte Modell wird durchgängig als Kantenmodell dargestellt: nur Konturlinien und scharfe Kanten, keine Flächen, keine Texturen, keine Schattierung. • Hintergrund vollflächig schwarz (z. B. #000000 oder #0A0A0A). • Linienfarbe: weiß (#FFFFFF), Linienstärke konstant und auflösungsunabhängig. • Frei rotierbar per Maus / Touch (Orbit-Controls), Zoom über Mausrad / Pinch. 2.2 Auto-Tour-Modus (Default beim Seitenaufruf) • Beim Laden startet automatisch eine vorgefertigte Kamerafahrt. • Die Tour bewegt sich nacheinander von Baugruppe zu Baugruppe, hält an jeder Station für eine definierbare Dauer (Default: 5–8 Sekunden) und blendet die zugehörige Beschreibung ein. • Beim Erreichen einer Baugruppe wird diese isoliert hervorgehoben (siehe 2.4); die übrigen Kanten werden gedimmt (z. B. 15 % Opazität). • Sanfte Kamera-Easings (kein hartes Schneiden); empfohlen sind kubische Bézier-Pfade oder ease-in-out-Splines. • Nach Durchlauf aller Baugruppen kehrt die Kamera zur Gesamtansicht zurück; die Tour startet (konfigurierbar) automatisch erneut oder wartet auf Nutzerinteraktion. 2.3 Interaktiver Modus (Nutzer übernimmt) • Pausieren der Auto-Tour per Klick auf einen Pause-Button oder per Klick ins 3D-Fenster. • Klick auf eine Baugruppe (oder Auswahl per Sidebar-Menü) zoomt direkt zu dieser Baugruppe und zeigt deren Beschreibung. • Klick auf einen "Übersicht"-Button setzt die Kamera auf die Startansicht zurück. • Klick auf "Tour fortsetzen" nimmt die Auto-Tour an passender Stelle wieder auf. • Beim Hover über eine Baugruppe (Desktop) erscheint ein Tooltip mit dem Namen der Baugruppe. 2.4 Baugruppen-Highlight • Aktive Baugruppe: Kanten in Akzentfarbe (vom Auftraggeber definiert, Default: warmes Gold #B8860B oder Petrol #0F3875) plus dezenter Glow-Effekt (Bloom-Postprocessing). • Inaktive Baugruppen: stark reduzierte Opazität (ca. 10–20 %), weiterhin als Kontextrahmen sichtbar. • Übergänge zwischen Zuständen weich animiert (200–400 ms). 2.5 Informations-Panel • Festes Panel auf der rechten Seite (Desktop) bzw. unten (Mobile). • Inhalt pro Baugruppe: Überschrift, Kurzbeschreibung (2–5 Sätze), optional 2–4 Spec-Bullets (z. B. Material, Gewicht, Funktion). • Smooth Crossfade beim Wechsel des Inhalts. • Inhalte werden aus einer zentralen Konfigurationsdatei (JSON oder YAML) gelesen, ohne Code-Änderung pflegbar. 2.6 Bedienelemente / UI • Play / Pause / Skip-Forward / Skip-Backward für die Tour. • Fortschrittsanzeige (z. B. dünne Linie am unteren Rand oder Punkte pro Baugruppe). • Optional: Sprachumschalter DE/EN (falls Inhalte mehrsprachig gepflegt werden). • UI in unaufdringlichem, technischem Look (Editorial / CAD-inspiriert), kein "Game-Style". 2.7 Video-Fallback • Pre-rendered MP4 (H.264, 1080p oder 1440p, max. 30 MB) der vollständigen Auto-Tour. • Wird automatisch ausgespielt, wenn WebGL2 nicht verfügbar ist oder das Endgerät als zu schwach erkannt wird (User-Agent + Capability-Check). • Das Video enthält dieselben Baugruppen-Highlights und Textüberblendungen wie die interaktive Version.
Project ID: 40461730
69 proposals
Open for bidding
Remote project
Active 2 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
69 freelancers are bidding on average €413 EUR for this job

Hi, I understand you need a clean, clear visual tour of your model with easy controls and good visual cues. So, I will create a simple wireframe view that highlights each part in turn, with the ability for users to pause, click on parts, or restart the tour anytime. I will set up the camera to smoothly move from one section to the next, dimming other parts when one is focused. The description text pops up nicely as each section appears, and users can jump directly to any part or step back to the default view. I’ll make sure the interaction feels natural and the visuals stay crisp, even on mobile or low-power devices. Clear communication, quality work, and ongoing support after delivery are guaranteed to save you time and help your project grow. Let’s chat and plan something bigger together! Regards, Nick.
€250 EUR in 3 days
8.3
8.3

Hi - Elias here from Miami. The core challenge here lies in efficiently rendering complex wireframe models in a web environment while ensuring interactivity and responsiveness. This often leads to performance bottlenecks, especially with large datasets or intricate geometries. Common pitfalls include inadequate handling of client-side rendering, which can result in sluggish performance and poor user experience. Architectural mistakes often involve tightly coupling the rendering logic with data fetching, leading to scalability issues as the model complexity grows. For a robust solution, I propose a decoupled architecture where the rendering engine operates independently from data management. Utilizing WebGL for rendering can facilitate smoother interactions, while a well-structured API can handle data fetching and state management effectively. The implementation flow would be Input (user actions) → Processing (API interactions and data manipulation) → Output (real-time updates to the visualization). This separation allows for easier debugging and optimization. A critical early decision involves selecting the right rendering strategy—choosing between client-side vs. server-side rendering can significantly impact performance and scalability. What types of user interactions are you envisioning for this visualization? Looking forward to discussing this further.
€500 EUR in 5 days
8.1
8.1

As an experienced freelance 3D modeler and renderer proficient in CAD and Solidworks, I believe I am the perfect candidate for your project. You can count on me to create a top-notch web visualisation solution that fits your precise requirements. My strong command over Rhino, Keyshot10, Luminos, CATIA and Abaqus combined with my problem-solving skills will ensure that every element of the website is exactly how you envisioned it- from sharp edges and lines to a sleek display of information. In terms of experience, I have successfully delivered a number of similar projects where I've created interactive 3D models with smooth camera transitions and accurate highlighting of individual components - aspects that align closely with your functional needs. Furthermore, as someone who has worked in multiple languages like ArchiCAD Revit and Tekla, I will be comfortable integrating the spec information from a central configuration file like JSON or YAML. Finally, my diverse skillset extends beyond just 3D visuals; I'm also well-versed in website development using WordPress/php/html. So not only can I deliver stunning 3D graphics but also easily integrate them into a responsive and user-friendly design. Choose me for this project, and together we'll build an immersive web experience that goes above and beyond your expectations. Thank you for considering my candidacy.
€250 EUR in 3 days
7.8
7.8

As a seasoned professional with a diverse background in graphic design, 3D and 2D modelling and web development, I am equipped to bring your vision of this interactive web visualization to life. My expertise lies in creating engaging, functional designs and user interfaces, an important aspect of this project. I possess an inherent understanding of the 3D rendering process which aligns seamlessly with your requirement for displaying only edges and wireframe representation. Additionally, my extensive experience with most software of 3D and 2D means that I can adeptly tackle any technical challenge thrown my way. In terms of functionality, you can depend on me to ensure smooth camera movements using kubische Bézier-Pfade or ease-in-out-Splines, implement keyboard controls for user interactivity, and create a stable JSON or YAML information retrieval system for seamless content management without necessitating code changes. My ability to work across every platform that'll give access to your visualization including WebGL2 will ensure the interactive experience is not compromised for anyone. Finally, my dedication to detail and maintaining the aesthetic integrity of a project means you can trust that your design ethos will be reflected in the end result. An innovative thinker, ready to take directions and deliver exceptional results - I believe I'm the ideal freelancer for this project. Thank you for considering partnering with me!
€260 EUR in 2 days
7.5
7.5

As an experienced freelancer in 3D Modelling and Rendering, let me take your web visualization project to unprecedented levels. After carefully reviewing your requirements, it's clear that my proficiency with 3Ds Max, Maya and SolidWorks, among others, align beautifully with the core aspects of your project. My precision when it comes to Kanten-/Drahtgitterdarstellung is unparalleled. I am the one to give your model the exact presentation you have in mind, no need for extensive revisions. Additionally, my command over various web development languages (HTML, CSS, JavaScript) will ensure a seamless interactive experience for your users. The handling of Orbit-Controls for rotation and Zoom via Mousewheels/Pinch gesture for scaling would be a breeze for me.
€266 EUR in 2 days
7.5
7.5

Welcome I MADE MANY SMART DEVICES THAT MANUFACTURED AND USED IN REAL YOU WILL GET IT DONE PERFECTLY IN LESS TIME CHECK MY LATEST REVIEWS > (http://www.freelancer.com/u/ENG1mga) I have previously worked on, Lifting Set of Drones Mechanism, Robotic Arm, Delivery Robot, Automatic Wiring Machine, Solenoid Engines, Car Rooftent, Boat Lift Mechanism, Shoe Treadmill Mechanism Mechanical Ventilator and many other projects. I use Solidworks, Fusion 360, and ANSYS, COMSOL I have a workshop specializing in all 3D printing and CNC machining work, so I strive to provide the highest quality and precision. What you will receive with me: - 2D drawings - 3D files - Complete Tech. Formats - Finite Element Analysis (FEA) (if needed).
€500 EUR in 3 days
6.7
6.7

Hello There Regarding your project ( Interaktive Web-Visualisierung mit Auto-Tour -- 2), We would like to grab this opportunity and will work till you get 100% satisfied with our work. With over 12 years of expertise in graphic design, logo design, brand identity, Photoshop, Illustrator, and more, our accomplished team has made a significant impact across the UAE, USA, Saudi Arabia, UK, and many other countries. Our extensive international experience and commitment to excellence ensure we deliver exceptional and captivating results every time. will provide fully editable source files in various formats, including AI, EPS, PDF, JPEG, PNG. Our experienced team creates captivating Web Design with skill and creativity. Please check out my profile: https://www.freelancer.com/u/engmoriadham. If you like what you see, let's connect in chat to discuss how we can bring your vision to life. I will make sure to protect your payments, If you are not happy with the end result, I will fully refund your milestone/s. Regards, Adham
€250 EUR in 4 days
6.1
6.1

Hello, I have thoroughly understood the requirements for the development of an interactive web visualization project that showcases the model exclusively in wireframe representation on a black background. The project will include an automated camera tour highlighting individual components with text descriptions, allowing users to pause and interact with specific assemblies. Please have a look at our Freelancer Portfolio through the links given below. =================================== https://www.freelancer.com/u/CreativeDesign50 =================================== I specialize in 3D modeling and rendering, ensuring high-quality visual outputs. Effective communication during Germany's time zone is guaranteed. I look forward to establishing a mutually beneficial business relationship. Best regards, Kirandeep K.
€250 EUR in 3 days
6.0
6.0

Hi, With my vast expertise and meticulous skills in 3D modelling, rendering, and animation, I am confident that I can bring this interactive Web-Visualisation project to life with utmost precision. Having proficiently worked with industry-standard software such as SolidWorks and AutoCAD, I am well-versed in creating and manipulating models to meet specific design requirements. My familiarity with Produktentwicklung will also ensure that your model's wireframe display is clean, coherent, emphasizing the important elements of each assembly. Best regards, Sakshi masih
€251 EUR in 1 day
6.3
6.3

Sounds like you're looking to create an interactive web visualization focused on wireframe models. With around 10 years of experience in JavaScript and 3D rendering, I can help bring your vision to life while ensuring a smooth user interface. Your goal of developing a compelling visual experience is something I can contribute to effectively. Some similar things I've built: a regional booking platform for a tutoring company, an internal CRM for a property agency, and a React Native field-reporting app. Let’s connect and discuss how we can make this project a success. Could you please clarify the following questions to help me better understand the project? Q1: What specific features do you envision for the interactivity of the web visualization? Q2: Are there any particular technologies or libraries you want to prioritize for the 3D rendering? Q3: Do you have a preferred design style or existing examples that inspire your vision?
€500 EUR in 5 days
5.9
5.9

Hello! This is James from Hollywood. I’ve carefully read through your project description for the interactive web visualization, and I’m excited about the opportunity to collaborate on this. With over 15 years of experience in JavaScript, 3D rendering, and web design, I have the skills to bring your vision to life, ensuring a seamless user experience. To better understand the project and deliver exactly what you need, could you please clarify the following questions? 1. What are the specific functionalities you envision for the interactive elements? 2. Do you have any preferred frameworks or technologies in mind for this project? I have participated in the Shopify Partners Program since 2016, building numerous apps and themes. Additionally, I’ve worked on various projects like a CAD visualization tool for engineering firms and an interactive dashboard for a local design studio, both of which focus on user engagement through 3D models. My approach involves clear communication, structured milestones, and production-ready code. I believe that understanding the project goal is key to success, and I am committed to delivering results that exceed your expectations. Let’s connect and discuss how we can make this project a success!
€500 EUR in 5 days
5.0
5.0

Hello! I'm an Arch. I will develop your interactive web visualization with wireframe CAD model, auto camera tour, and assembly highlighting. ✅ What I'll Deliver: Wireframe edge-view model (lines only) on black background with white lines OrbitControls for rotation/zoom (mouse/touch) Auto-Tour: automatic camera journey through assemblies with glow effect, 5–8 sec per station Interactive mode: pause, click assemblies, zoom, overview button, tooltips Highlight: active assembly in accent color with glow, others at 10–20% opacity Info panel with title, description, specs (JSON/YAML config) UI: Play/Pause/Skip, progress indicator, optional DE/EN Video fallback: MP4 (H.264, 1080p, 30 MB) for weak devices Turnaround: first draft in 7–10 days; final in 14–18 days. What I need: 3D CAD model, assembly list, descriptions, accent color. Best regards, Sharmin
€500 EUR in 30 days
5.0
5.0

As a seasoned developer with extensive experience in 3D Modelling, 3D Rendering, CAD/CAM and web design I'm well-equipped to bring your project to life. I've worked on similar high-profile and complex ventures, where my proficiency in Solidworks and JavaScript has proven crucial. With a knack for utilizing the full potential of augment reality technologies for web application development, I can ensure an engaging and intuitive visualisation; that is both immersive aesthetically pleasing. Moreover, my expertise in Full Stack Development using languages such as PHP, Node.js & Vue.js will guarantee that your envisioned web-visualisation is smartly interactive and quick to respond - even during complex animations or the perfect frame rotation required by the user interface functionalities. Lastly, my passion for problem-solving brings a meticulous eye aiming at seamless user experience. For example, to ensure a site that will not load indefinitely, I am capable of applying fallback mechanism such as the pre-rendered MP4 version of your tour. This would let users without WebGL2 or low capability system have an alternative medium to access your highly engaging content. All these qualities make me the ideal candidate for your project. Join me and let's create a remarkable digital experience!
€350 EUR in 4 days
4.9
4.9

Hi, I am interested in developing the interactive web visualization project that showcases the model in wireframe view with an auto-tour feature. I understand the requirements for displaying the model in wireframe format with a black background and implementing an auto-tour mode that highlights individual components with text descriptions. My proposed steps include creating the wireframe model, implementing the auto-tour functionality, and integrating interactive features for user control. https://www.freelancer.com/u/pixelonik I look forward to discussing this project further and exploring how I can bring your vision to life. Best regards, Ramandeep
€250 EUR in 1 day
4.1
4.1

Hallo. Ich bin Software Engineer mit 14 Jahren umfassender Erfahrung und kann Ihnen bei der Erstellung der interaktiven Web-Visualisierung mit Auto-Tour kompetent zur Seite stehen. Es freut mich besonders, da ich bereits ähnliche technische Herausforderungen gelöst habe, bei denen die perfekte Kombination aus 3D-Kantenmodell-Darstellung und flüssiger Benutzerinteraktion essentiell war. Ich würde mich sehr freuen, die Details des Projekts mit Ihnen zu besprechen. Beste Grüße. Julian
€500 EUR in 5 days
2.6
2.6

As a seasoned web and mobile app developer with over 9+ years of experience under our belt, we believe our team would be the perfect fit for your interactive web visualization project. Our expertise and passion align very closely with your requirements, including JavaScript proficiency, familiarity with MVC frameworks, and a keen eye for design. During our extensive experience, we've successfully deployed numerous projects with complex interactive features such as yours. We understand the importance of intuitive user interfaces and SEO optimization in gaining wider traction. We can assure you a glitch-free multi-platform performance - ranging from desktops to handheld devices. We value long-term client relationships and that is why we provide proactive and cost-effective post-project support. Choosing us means choosing experience, reliability, and quality assurance throughout your project journey. Let's turn your vision into reality!
€500 EUR in 7 days
2.8
2.8

Hello, The primary engineering challenge lies in ensuring smooth real-time updates while maintaining the integrity of the 3D model's edge representation. Additionally, managing the auto-tour sequence with user interactions requires effective state management to avoid conflicts between automated and manual controls. What level of user interaction do you envision during the auto-tour? Is there a requirement for offline capabilities or caching mechanisms for the model data? Understanding any existing infrastructure is crucial. Do you have a preferred method for storing and serving the configuration data for the information panels? I look forward to discussing the architecture in more detail.
€250 EUR in 7 days
2.0
2.0

HALLO, als erfahrener Anwender von SolidWorks, AutoCAD und Unity kann ich diese interaktive WebGL-Visualisierung im CAD-Stil realisieren – inklusive flüssiger Kamerabewegungen und einer klaren, technischen Ästhetik. Ich kann das gesamte WebGL-Erlebnis umsetzen: von einer automatischen Kameratour über die isolierte Hervorhebung von Baugruppen, Leuchteffekte und das Abdimmen inaktiver Teile bis hin zu klickbaren Baugruppen, Orbit-Steuerung, Zoom-Funktion, Pause-/Wiedergabe-Controls, einer Auswahlleiste am Seitenrand, Tooltips sowie einem Info-Panel, das über eine JSON- oder YAML-Konfigurationsdatei gesteuert wird. Dabei lege ich besonderen Wert auf fließende Übergänge, eine übersichtliche Darstellung der Baugruppen, eine responsive Steuerung für Desktop und Mobilgeräte sowie eine ressourcenschonende Implementierung. Zudem kann ich eine MP4-Fallback-Version für leistungsschwächere Geräte oder Browser ohne WebGL2-Unterstützung vorbereiten. Sie erhalten das komplette Unity-WebGL-Projekt, den finalen Build, alle Projektdateien sowie entsprechende Einrichtungsanleitungen.
€500 EUR in 7 days
1.1
1.1

Dieses Projekt sieht nach einer technischen 3D-Webvisualisierung mit CAD-ähnlicher Drahtgitteransicht aus, nicht nach einer normalen 3D-Produktseite. Ich habe an ähnlichen WebGL/Three.js-Visualisierungen gearbeitet, bei denen Modellteile isoliert, hervorgehoben und per Kameratour erklärt wurden. Ich würde zuerst das Modellformat, die Baugruppenstruktur und die gewünschte Tour-Reihenfolge prüfen. Danach baue ich die Wireframe-Darstellung auf schwarzem Hintergrund, Orbit-Steuerung, Auto-Tour, Baugruppen-Highlight mit Glow, Info-Panel, JSON-basierte Inhalte und Play/Pause/Skip-Steuerung. Für schwächere Geräte kann ich einen Video-Fallback einbauen, damit die Präsentation trotzdem sauber läuft. Ich kann nach Sichtung der CAD/3D-Dateien einen klaren technischen Ablauf und Zeitplan vorschlagen. Vielen Dank Mykola Sagin
€500 EUR in 7 days
1.2
1.2

Hey, I can start now. ✅I’ve worked on something very similar. Developing an interactive web visualization with an auto-tour can be challenging due to the need for seamless transitions and user-friendly controls. What really matters here is creating a smooth auto-tour experience while allowing users to interact with individual components effortlessly. In a recent project, I implemented a similar feature where users could navigate through different sections of a 3D model with ease. While I haven't specifically done the exact edge-view wireframe visualization, I have experience in creating interactive 3D environments and handling complex animations. Let's chat! -Dorofii
€410 EUR in 1 day
0.9
0.9

Nuremberg, Germany
Payment method verified
Member since May 22, 2026
$25-50 USD / hour
$1500-3000 USD
$15-25 USD / hour
$10-25 USD
$10-30 USD
$30-250 CAD
£2-5 GBP / hour
₹600-1500 INR
$30-250 AUD
$750-1500 USD
$250-750 USD
£10-15 GBP / hour
$30 NZD
$30-250 USD
$30-250 USD
$8-15 USD / hour
$250-750 USD
₹600-2500 INR
₹600-1500 INR
₹12500-37500 INR