kirilbt / interactive-map

Interactive map of Plateforme 10 - Lausanne's arts district in Switzerland. The 3D Map was created from scratch using Blender and Three.js.

Plateforme 10 - Interactive Map

Interactive map of Plateforme 10 - Lausanne's arts district in Switzerland. The 3D Map was created from scratch using Blender and Three.js. You can view some images of the process down below.

> View the live demo

Overview

Process

3D Modeling from References

Texture Baking

Built with

• HTML, CSS, Javascript
• Three.js
• GSAP
• Vite
• Blender

Authors

• Kiril Bernard Tucker

Special thanks to Volodreamer for all the Blender tips and Bruno Simon for answering all my questions about Three.js.

interactive-map's Issues

Not loaded and errors in console

The page not load and show two errors in console:

dex-49179779.js:2934 THREE.WebGLRenderer: highp not supported, using lowp instead.
Hg @ index-49179779.js:2934
ue @ index-49179779.js:3142
ou @ index-49179779.js:3142
setRenderer @ index-49179779.js:3583
Iv @ index-49179779.js:3583
nr @ index-49179779.js:3604
(anônimo) @ index-49179779.js:3604


index-49179779.js:3142 Uncaught TypeError: Cannot read properties of null (reading 'indexOf')
    at new L0 (index-49179779.js:3142:5961)
    at ue (index-49179779.js:3142:61316)
    at new ou (index-49179779.js:3142:61830)
    at Iv.setRenderer (index-49179779.js:3583:17981)
    at new Iv (index-49179779.js:3583:17939)
    at new nr (index-49179779.js:3604:6035)
    at index-49179779.js:3604:6696
L

Website not loading

The HTML file is not Run in live server the website is not uploading so i can preview and edit in the same time, do you have a solution please ?

[deleted]