What techniques are required to display 3D models and related interactions on PC pages using js?

what technologies, frameworks and libraries are needed to achieve a house-wide roaming effect such as Kujiale ? I don"t have this kind of experience at all. I hope God can give me some guidance

.

www.kujiale.com/

Mar.23,2021

Hello, subject.

3D in the official website instance is a pseudo 3D effect. There is no need for 3D modeling. You can consider panoramic shooting similar to that of a mobile phone (or professional equipment may be required). The captured image is applied to a cube as a background map. Click to enter another mapping area, which is relatively easy to implement. Consider that threejs, has a relatively close DEMO

here.

http://www.hewebgl.com/
has a webgl Chinese website, you can see if it is the effect you want. Use the three.js mentioned upstairs.


all of these sites are generated with one click. If you just need a solution, you can search krpano, which can generate pseudo 3D scenarios through a panorama, but you need to pay for watermarking. There seems to be a cracked version on the Internet.

if you want to learn skills, look upstairs. In addition to the solution of thress js, there is also the method of css3d

for example, the package for css3 columnar sky box such as Taobao creation Festival https://github.com/shrekshrek.


Yes, as said on the first floor, first use professional equipment to take global photos or videos and then similarly change its angle to display different areas


the krpano, roaming I used before, of course, you can also do it yourself with three.js.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3eb66-409c1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3eb66-409c1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?